/*
Theme Name: Oslo Klatreklubb
Developer: Mats André Kristiansen
*/

@import url('reset.css');

body, html { font: 14px Helvetica, Arial; color: #000; line-height: 20px; background: #050000; }
a { text-decoration: none; }
.clear { clear:both }

/* WRAPPERS */
#wrapper { width: 980px; margin: 0 auto; }
#header_wrapper { width: 980px; }
#menu_wrapper { width: 980px; margin: -51px 0 0 0; }
#content_wrapper { width: 980px; float: left; background: white; }
#blog_wrapper { width: 450px; float: left; }
.thumb_wrapper { width: 163px; float: left; }
.post_wrapper { width: 270px; float: right; }
#page_wrapper { width: 450px; float: left; }
#rightcol_wrapper {width: 430px; float: right; }
#gallery_wrapper {  width: 440px; float: left; margin: 0 0 40px 0;}
#welcome_wrapper { width: 200px; float: left; }
#calendar_wrapper { width: 170px; float: right; margin: 0 35px 0 0; }
#wall_container { width: 430px; margin: 40px 0; float: right; }
#footer_wrapper { width: 980px; background: white; clear: both; margin: 0 auto;}

/* HEADER */
#header { width: 980px; height: 405px; }
#header h1 a { float: left; text-indent: -9999px; width: 980px; height: 350px; }

/* MENU */
#menu { width: 920px; height: 34px; padding: 18px 0 0px 60px; background: url('../../../media/menu_background.png') }
#menu ul li { float: left; list-style-type: none; font-family: Helvetica, Arial; font-size: 18px; font-weight: bold; margin-right: 40px;}
#menu ul li a {	float: left; display: block; background: url(../../../media/menu_arrow.png) no-repeat 50% -20px; padding-bottom: 14px; color: white; }
#menu ul li.current_page_item a { color: #000; background: url(../../../media/menu_arrow.png) no-repeat 50% 27px; }
#menu ul li a:hover { color: #e5f7fd; }

/* CONTENT */
#content { width: 920px; min-height: 190px; padding: 35px 0 0 60px; clear: both; background: url('../../../media/content_background.png'); background-repeat: repeat-x; }

#gallery { position:relative; height:149px }
#gallery a { float:left; position:absolute; }
#gallery a img { border:none; }
#gallery a.show { z-index:500 }
#gallery .caption {	z-index:600; background-color:#000; height:35px; width:100%; position:absolute; bottom:0; }
#gallery .caption .content { z-index: 700; margin:10px; color: #fff; font-family: Georgia; position: absolute; }
#gallery .caption .content h3 {	margin:0; padding:0; color:#1DCCEF; }

#flickr { width: 429px; border: 0px solid red; margin: 50px 0 0 0; }
#flickr img { border: 0px solid red; margin-right: 24px; }
#flickr p { font-size: 9px; color: #3b3b3b; float: right; margin-right: 56px; margin-top: 3px; }
#flickr a, #flickr a:hover { font-size: 9px; color: #3b3b3b; }
	
#welcome h1 { font-family: Georgia; font-size: 20px; color: #000; line-height: 26px; }
#welcome h2 { margin: 10px 0; font-family: Helvetica, Arial; font-size: 12px; line-height: 16px; font-weight: 400; color: #3b3b3b; }
#welcome .readmore { background: url('http://osloklatreklubb.no/media/bluearrow.png') no-repeat 100% 0; width: 125px; }
#welcome .readmore a { font-family: Helvetica, Arial; font-weight: bold; color: #00aeef; font-size: 11px; text-decoration: none; line-height: 12px; }

#calendar h2 { font-family: Georgia; font-size: 20px; color: #000; line-height: 26px; }

/* Wall */
#wp_wall h3 { font-family: Georgia; font-size: 20px; color: #000; margin: 0 0 15px 0; }
#wp_wall hr { margin: 10px 0 5px 0; color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; }
#wall_toggle { float: left; width: 135px; }
a#wall_post_toggle { cursor: pointer; background: url(../../../media/wall_toggle.png) no-repeat; width: 129px; height: 27px; float: left; display: block; text-indent: -9999px; margin: 8px 0; }
#wall_post #wallform { float: right; width: 290px; margin: 10px 0 0 0; }
#wall_post #wallform p { width: 290px; float: left; }
p.wall-alt { background: #fff; padding: 5px 0;}
#wallcomments { background: #efefef; padding: 2px 0 0.5px 0; }
#wallcomments p { margin: 5px 0 5px 0px; padding-left: 10px; font-size: 12px; width: 380px; padding-right: 40px; }
.wallauthor { font-weight: bold; color: #00aeef; }
.wallauthor a { color: #00aeef; }
#wall_post #wpwall_author { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; width: 225px; float: left; height: 16px; padding: 2px; }
#wall_post label { font-size: 10px; display:block; float: left; width: 225px; }
#wall_post #wpwall_comment { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; width: 225px; float: left; height: 16px; padding: 3px; font-family: Helvetica, Arial; font-size: 10px; letter-spacing: 0.2px;}
#wall_post #submit_wall_post { float: left; width: 60px; display: block; margin: 5px 0; cursor: pointer; }
#wallresponse { width: 230px; border: 0px solid red; margin: 12px 58px 0 0; float: right; overflow: hidden; }
#wallresponse span.wall-success { font-size: 12px; color: #50b848; font-weight: bold; }
#wallresponse span.wall-error { font-size: 12px; color: #ff0003; font-weight: bold; }


/* BLOG (FRONTPAGE AND SINGLE) */
#blog .post h2, h2 a { font-family: Georgia; font-size: 20px; color: #00aeef; text-decoration: none; letter-spacing: 0.3px; line-height: 25px; } /* Heading */
#blog .post h3 { font-family: Georgia; font-size: 15px; color: #000; text-decoration: none; letter-spacing: 0.3px; } /* Sub heading */
#blog .post h4 { color: #00aeef; }
#blog .post h5 { font-family: Georgia; font-style: italic; color: #00aeef; }
#blog .post .frontpage.excerpt { margin: 20px 0; font-family: Helvetica, Arial; font-style: normal; font-size: 13px; line-height: 19px; color: #3b3b3b; }
#blog .post .thumb {  }
#blog .post .excerpt { margin: 20px 0; font-family: Georgia; font-style: italic; font-size: 14px; line-height: 20px; color: #3b3b3b; }
#blog .post .readmore { font-family: Helvetica, Arial; font-size: 14px; color: #00aeef; text-decoration: none; font-weight: bold; }
#blog .post .comments a { font-family: Helvetica, Arial; font-size: 12px; color: #00aeef; text-decoration: none; padding-left: 10px; }
#blog .post .edit a { font-size: 9px; color: #000; }
#blog .post p { margin: 15px 0; }
#blog .post hr { margin: 25px 0; color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; }
#blog .post img { max-width: 450px; margin: 20px 0; }
#blog .post ul { list-style-type: disc; margin: 10px 10px 10px 43px; }
#blog .post ol { list-style-type: decimal; margin: 10px 10px 10px 50px; }
#blog .post blockquote { font-family: Georgia; font-style: italic; border-left: 2px solid #00aeef; padding: 5px 20px 5px 20px; margin: 10px 10px 10px 30px; background: #EFEFEF; font-size: 12px; width: 380px; }
#blog .post strong { font-weight: bold; }
#blog .post em { font-style: italic; }
#blog .post code, pre { padding: 4px; font-size: 12px; background: #EFEFEF; }
#blog .post a { color: #00aeef; }
#blog .post a:hover { text-decoration: underline; }
.kalenderdato { font-size: 13px; }

/* COMMENTS */
#comments { width: 460px; }
#comments h3 { font-family: Georgia; font-size: 15px; color: #000; text-decoration: none; letter-spacing: 0.3px; margin: 20px 0; }
#comments li { display: block; list-style-type: none; }
#comments li.alt { background: #fff; }
#comments .comment { background: #efefef; margin: 0px 0; float: left; padding: 8px; width: }
#comments .comment .date { font-size: 10px; }
#comments .comment_text p { margin: 0; padding: 0; font-size: 12px; }
#comments .comment_text { width: 275px; float: right; }
#comments .comment_meta { width: 160px; float: left; margin:0; padding:0; }
#comments .comment_meta a { color: #00aeef; font-weight: bold; color: #00aeef; }

#respond { width: 450px; float: left; }
#respond h3 { font-family: Georgia; font-size: 15px; color: #000; text-decoration: none; letter-spacing: 0.3px; margin: 20px 0 10px 0; float: left; }

#commentform { float: left; }
#commentform #commentauthor { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; width: 225px; float: left; height: 16px; padding: 2px; margin: 5px 0; }
#commentform #commentemail { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; width: 225px; float: left; height: 16px; padding: 2px; margin: 5px 0; }
#commentform #commenttext { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; width: 445px; float: left; height: 200px; padding: 2px; }
#commentform #submit { float: left; margin: 10px 0; }
#commentform .label { width: 200px; font-size: 10px; display: block; float: right; margin: 5px 0; }

/* PAGES */
#page { }
#page h3 { font-family: Georgia; font-size: 20px; color: #00aeef; text-decoration: none; letter-spacing: 0.3px; }
#page h4 { font-family: Georgia; font-size: 15px; color: #000; text-decoration: none; letter-spacing: 0.3px; }
#page p { margin: 20px 0; font-family: Helvetica, Arial; font-size: 14px; line-height: 20px; color: #3b3b3b; }
#page a { color: #00aeef; }
#page a:hover { text-decoration: underline; }
#page ul { line-height: 20px; color: #3b3b3b; list-style-type: disc; margin: 10px 10px 10px 12px; }
#page ol { line-height: 20px; color: #3b3b3b; list-style-type: decimal; margin: 10px 10px 10px 50px; }

#blog img { max-width: 450px; margin: 20px 0; }
#blog ul { list-style-type: disc; margin: 10px 10px 10px 43px; }
#blog ol { list-style-type: decimal; margin: 10px 10px 10px 50px; }
#blog blockquote { font-family: Georgia; font-style: italic; border-left: 2px solid #00aeef; padding: 5px 5px 5px 20px; margin: 10px 0 10px 30px; background: #EFEFEF; font-size: 12px; }
#page table { margin: 20px 0;font-family: Helvetica, Arial; font-size: 14px; color: #3b3b3b; }
#page tr { width: 400px; height: 22px; vertical-align: middle; }
#page td { width: 160px; }


/* ARKIV */
.car-container ul li { list-style-type: none; float: left; display: block; width: 450px; }
.car-container ul { list-style-type: none; margin: 20px 0; }
.car-monthlisting li { font-size: 12px; line-height: 20px; padding-left: 15px; }
.car-monthlisting li a { color: #000; line-height: 20px; font-size: 12px; }
.car-monthlisting li a:hover { color: #00aeef; }
span.car-yearmonth { font-family: Georgia; font-size: 15px; font-weight: bolder; color: #000; margin: 10px 0; float: left;}


#footer { font-size: 10px; padding: 40px 60px 30px 60px; clear: both; line-height: 13px; }
#footer a { color: #00aeef; }
#footer a:hover { text-decoration: underline; }