/* Rickard Laurin 2010 för Bergssektionen KTH */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* ------------GRUND---------------- */
body {background-color:#333;font:14px Garamond;line-height:16px;margin:0;padding:0;color:#000;}
a {color:#05659c;font-weight:700;text-decoration:none;}
a:hover {text-decoration:underline;}
ul {padding-left:20px;}
p {margin:10px 0 10px 0;}
em {font-style:italic;}

/* ------------TABLE---------------- */
table.center {margin-left:auto; margin-right:auto;}
td {width:240px;}

/* ------------CONTAINER---------------- */
.containerheader {width:980px;margin:0 auto;color:#FFF;text-transform:uppercase;position: relative;}
.container {width:980px;overflow:hidden;text-align:left;margin:0 auto;}
.contentleft {width:940px;padding:20px 20px;margin-bottom:20px;background-color:#fff;}
.contentright {width:200px;padding:0 10px 0 30px;float:left;border-left:1px solid #262626;}
.holder {float:left;height:300px;margin:0 50px 0 30px;}

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.navbar {width:960px;margin:0 auto;padding:10px 10px;background-color: #000;text-align: center;opacity:0.8;position:absolute;bottom:0;}
.navbar ul {list-style: none;}
.navbar li {display:inline;}
.navbar li:first-child {margin-right:30px;padding-right:30px;border-right:1px solid #fff;}
.navdisplay {width:940px;padding:20px 20px;background-color:#000;margin:0 auto;color:#fff;position:absolute;bottom:16px;opacity:0.8;margin-bottom: 20px;}
.viktiga {opacity:0.8;}
.links {opacity: 0.8;margin:0 auto;width:870px;}
.links ul {list-style: none;}
.links li {display:inline;margin-right:20px;}

.thumbnails {width:940px;margin:0 auto;background-color: #fff;padding: 20px 20px;}
#gallery {width:980px;margin:0 auto;overflow: hidden;position:relative;}
.tag {width:100%;padding:5px 0 5px 10px;position:absolute;bottom:0;background-color: #000; opacity:0.6;color:#fff;filter:alpha(opacity=60);}

#hide {width:980px;margin:0 auto;background-color: #000;opacity:0.8;color:#fff;filter:alpha(opacity=80);text-align: center;padding:5px 0 5px 0;}

a.hide {
	position:absolute;
	top:5px;
	right:5px;
	width: 17px;
	height: 17px;
	display: block;
	background: transparent url(img/close_btn.png) no-repeat;
	text-indent: -99999px;
}

/* ------------IMAGES---------------- */
.header {-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;}
.images {margin-left:10px;margin-top:10px;}

/* ------------HEADINGS---------------- */
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;color:#000;display:block;}
h2 {font-family:'Josefin Sans', sans-serif;font-weight:600;font-size:2em;line-height:1;margin-bottom:0.5em;color:#000;display:block;text-transform:uppercase;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;text-align:center;}
h4 {font-family:'Josefin Sans', sans-serif;font-weight:400;font-size:1.75em;text-transform:uppercase;}
h5 {font-weight:bold;}
h6 {font-size:1em;font-weight:bold;text-align:right;padding:0px 15px 0px 0px;}


/* ------------BYLINE---------------- */
#byline {background-color: #292929;margin: 0px auto; width: 980px;color: #888;font-family: arial, helvetica, sans-serif;font-size: 10px;height: 90px;padding:10px 0px 20px 0px;text-shadow:0 1px 0 #222;text-align: left;margin-bottom: 20px;}
#byline a:hover, .byline a:active {border-bottom: 1px solid #686868;}
#byline .avatar {margin-top: 0px;float: left;height: 67px;margin-right:5px;}
#byline .avatar a:hover, .byline .avatar a:active {border-bottom: 0;}
#byline .group {float: left;margin: 8px 0 0 10px;line-height: 12px;}
#byline .name a {color: #FFF;text-transform: uppercase;font-weight: normal;}