/* 
Theme Name: Sturmark
Theme URL: http://sturmark.se
Description: A custom made for Sturmark
Author: Klas Ehnemark
Author URI: http://klasehnemark.com
Version: 1.0

*/


/*	FONTS	*/

@font-face 							{ font-family: 'Permanent Marker';
									  src: url('fonts/permanent_marker/permanent_marker-webfont.eot');
									  src: url('fonts/permanent_marker/permanent_marker-webfont.eot?#iefix') format('embedded-opentype'),
										  url('fonts/permanent_marker/permanent_marker-webfont.woff') format('woff'),
										  url('fonts/permanent_marker/permanent_marker-webfont.ttf') format('truetype'),
										  url('fonts/permanent_marker/permanent_marker-webfont.svg#PermanentMarkerRegular') format('svg');
									  font-weight: normal; font-style: normal; }

@font-face 							{ font-family: 'Shadows Into Light';
    									  src: url('fonts/shadow_into_light/shadow_into_light-webfont.eot');
								    	  src: url('fonts/shadow_into_light/shadow_into_light-webfont.eot?#iefix') format('embedded-opentype'),
										  url('fonts/shadow_into_light/shadow_into_light-webfont.woff') format('woff'),
										  url('fonts/shadow_into_light/shadow_into_light-webfont.ttf') format('truetype'),
										  url('fonts/shadow_into_light/shadow_into_light-webfont.svg#ShadowsIntoLightRegular') format('svg');
								    	  font-weight: normal; font-style: normal; }

@font-face 							{ font-family: 'Open Sans';
    									  src: url('fonts/open_sans/open_sans-webfont.eot');
								    	  src: url('fonts/open_sans/open_sans-webfont.eot?#iefix') format('embedded-opentype'),
										  url('fonts/open_sans/open_sans-webfont.woff') format('woff'),
										  url('fonts/open_sans/open_sans-webfont.ttf') format('truetype');
								    	  font-weight: normal; font-style: normal; }								    	  

@font-face 							{ font-family: 'Trykker';
    									  src: url('fonts/trykker/trykker-webfont.eot');
								    	  src: url('fonts/trykker/trykker-webfont.eot?#iefix') format('embedded-opentype'),
										  url('fonts/trykker/trykker-webfont.woff') format('woff'),
										  url('fonts/trykker/trykker-webfont.ttf') format('truetype');
								    	  font-weight: normal; font-style: normal; }	
								    	  
@font-face 							{ font-family: 'Lora';
    									  src: url('fonts/lora/lora-webfont.eot');
								    	  src: url('fonts/lora/lora-webfont.eot?#iefix') format('embedded-opentype'),
										  url('fonts/lora/lora-webfont.woff') format('woff'),
										  url('fonts/lora/lora-webfont.ttf') format('truetype');
								    	  font-weight: normal; font-style: normal; }	
  
								    	  


/*   COMMON   */
html									{ margin:0; padding:0; }
body 								{ background: #3a3a3a url(images/bg.png) repeat-x; margin:0px; padding: 0px; font-family: 'Trykker', Helvetica, Times, 'Time New Roman'; }
a img								{ border: 0px; }
a									{ color: #7e350c; text-decoration: none; }
a:hover								{ color: #431a09; text-decoration: underline; }
.clear								{ clear:both; }
.hidden								{ display: none; }
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a			{ color: #7e350c; font-family: 'Permanent Marker', Verdana, Arial; font-size: 20px; font-weight: normal; text-transform: uppercase; }
h3									{ font-size: 0,9em; }

.post p a { text-decoration: underline; }
.post p a.read_more {text-decoration: none; }

/*	PAGE		*/
.page								{ width: 971px; margin: 24px auto 40px auto; position: relative; }
.shadow_tl							{ height: 18px; background: url(images/shadow_tl.png) no-repeat; width: 971px; position: relative; }
.shadow_tr							{ height: 18px; background: url(images/shadow_tr.png) no-repeat top right; width: 970px; }
.shadow_t								{ height: 9px; background: url(images/shadow_t.png) repeat-x; width: 935px; position: absolute; top: 0px; left: 18px; }
.shadow_l								{ background: url(images/shadow_l.png) repeat-y;  }
.shadow_r								{ width: 970px; background: url(images/shadow_r.png) repeat-y top right;  }
.shadow_bl							{ height: 18px; background: url(images/shadow_bl.png) no-repeat; width: 971px; position: relative;}
.shadow_br							{ height: 18px; background: url(images/shadow_br.png) no-repeat top right; width: 970px; }
.shadow_b								{ height: 18px; background: url(images/shadow_b.png) repeat-x bottom; width: 935px; position: absolute; top: 0px; left: 17px; }


/*	PAGE HEAD	*/
.top_line								{ font-family: Verdana, Arial; height: 24px; background-color: #444; position: relative; top: -9px; margin: 0px 9px; padding-left: 10px; color: #b3b2b2; }
.top_line a							{ color: #b3b2b2; font-size: 12px; }
.top_line a.home						{ margin-right: 20px; }
.just_a_grey_line_1						{ height: 24px; width: 952px; background-color: #444; position: absolute; top:374px; left: 0px; margin: 0px; }
.header								{ background-color: #3a3a3a; margin: 0px 9px; position: relative; top: -9px; height: 380px; }
img.logo								{ margin: 84px 0px 0px 76px;  }
.character-1							{ position: absolute; right: 0px; top: -20px; } 
.character-credits						{ position: absolute; right: 0px; top: 387px; color: #bababa; font-size: 10px;}
.character-2							{ position: absolute; left:752px; top: 378px; } 
#search_container						{ position: absolute; left: 210px; top: 0px; }
.archive-title							{ margin-bottom: 30px; font-size: 24px;  }

/*	MAIN MENU		*/
#top_menu 							{ font-family: Verdana, Arial; font-size: 15px; height: 33px; list-style-type: none; position: absolute; margin: 0px; padding: 0px; left: 54px; top: 341px; display: block; background: url(images/menu_separator.png) no-repeat right bottom;}
#top_menu li 							{ height: 33px; position: relative; background: url(images/menu_separator.png) no-repeat left bottom; position: relative; display: inline-block; padding: 0px 14px; zoom:1; *display: inline; _height: 33px; }
#top_menu li a 						{ color: #b3b2b2; text-decoration: none; position: relative; top: 6px; font-weight: normal;}




/*	PAGE CONTENT	*/
.canvas								{ background: #fcfbf7 url(images/fader_tb.png) no-repeat top left; position: relative; left: 9px; top: 9px; width: 952px; }
.fader_tb								{ background: url(images/fader_tb.png) no-repeat top left; width: 24px; height: 200px; }
.fader_lr								{ background: url(images/fader_lr.png) no-repeat top left; width: 200px; height: 24px; }
.fader_bt								{ background: url(images/fader_bt.png) no-repeat top left; width: 24px; height: 200px; }
.fader_rl								{ background: url(images/fader_rl.png) no-repeat top left; width: 200px; height: 24px; }
.page_bl_fade							{ position: relative; }
.page_bl_fade .fader_bt					{ position: absolute; top: -191px; left: 9px; }



/*	COLUMNS	*/
.left_col								{ float: left; width: 530px; margin: 20px 10px 0px 65px; }
.right_col							{ float: left; width: 284px; background: url(images/fader_tb.png) no-repeat top left; position: relative; top: -24px; padding: 24px 0px 0px 30px; }






/*	POST			*/
.post								{ font-size: 14px; padding: 0px 30px 30px 0px; z-index: 1; position: relative; line-height: 24px; }
.post.list_post						{ position: relative; padding: 0px 20px 0px 0px; margin-bottom: 20px; background: url(images/horizontal_divider_long.jpg) no-repeat left bottom; }
.post.list_post .post_separator			{ position: relative; left: -42px; top: -3px; border-bottom: 1px solid #eee; width: 582px; } 
.post h1								{ font-size: 28px; margin: 0px 0px 14px 0px; font-weight: normal; }
.post h2								{ font-weight: normal; margin-bottom: 0px; }
.post h3, .post h4, .post h5				{ font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; font-size: 16px; }
.post h3, .post h3 a					{ color: #000; }
.post .post_date						{ font-size: 11px; color: #575b34; }
.post .post_date a						{ font-weight: bold; }
.post p, .post > div					{ padding: 0px 0px 8px 0px; margin: 0px; line-height: 24px; }
.posted_in							{ font-size: 11px; color: #8b7f56; }
.post.list_post .post_date				{ padding-bottom: 0px; margin-bottom: 4px;}
.post.list_post h1						{ xfont-size: 28px; }
.post.list_post p						{ margin: 0px 0px 6px 0px; }
.post.list_post .wp-post-image			{ float: left; padding: 2px 20px 0px 0px; }
.list_post .postimage.aligned_left			{ padding: 4px 20px 0px 0px; }
.list_post img.attachment-thumbnail		{ display:block; float: left; xwidth: 152px; xheight: 152px; padding: 4px 20px 0 0;}
#nav-above							{ height: 20px; font-size: 14px; margin: 14px 30px 0px 0px; }
.nav-previous							{ float: left; }
.nav-next								{ float: right;}
.posted_in							{ font-size: 11px; color: #575B34; }
.post ul li, .post ol li					{ margin: 6px 0px; }
.post ol, .post ul						{ margin: 0px; padding-left: 20px; line-height: 22px; }
.post ol								{ margin-left: 20px; }
.post ul								{ list-style: none; }
.post ul li 							{ padding-left: 20px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 7px; }
.post table td							{ vertical-align: top; }
.video_player							{ margin: 2px 0px 10px 0px; }
.video_archive .post_date,				{ font-style: normal; color: #000; text-transform: uppercase; font-size: 12px; }
.list_post.post_type_books				{ padding: 10px 0px 0px; }
.list_post .post_image					{ float: left; }
.list_post .post_image_content			{ float: left; }

.post .book_details						{ background-color: #f3f3f3; padding: 10px; margin-bottom: 10px; }
.post .book_details .column				{ float: left; }
.post .book_details .detail				{ position: relative; width: 350px; margin: 0px 0px 4px 20px;  }
.post .book_details h4					{ font-family: Arial, Helvetica; padding: 0px; margin: 0px; font-size: 13px; text-transform: none; float: left; }
.post .book_details .detail p				{ position: absolute; left: 120px; top: 0px; margin: 0px; padding: 0px; line-height: inherit; }
.post .book_details a.buy_book			{ margin-top: 3px; display: block; font-weight: bold; }
	
	
.post_navigation						{ height: 30px; font-size: 12px; margin: 0px 0px 10px; font-family: Verdana, Arial; font-weight: bold; }
.post_navigation a.left_nav				{ float: left; }
.post_navigation a.right_nav				{ float: right; }
	
.read_more_books a						{ font-weight: bold; }

.read_more_books a						{ font-weight: bold; }
.post .wp_likes						{ margin-top: 20px; font-size: 11px; font-family: Verdana, Arial; height: 50px; }
.post .wp_likes > *						{ float: left; margin-right: 5px; }
.post .wp_likes .text					{ margin-left: 0px; }

.youtube-channel						{ margin: 15px 0; }

	
/*	RIGHT COL	*/
.right_part							{ padding: 20px 30px 0px; background: url(images/horizontal_divider_short.jpg) no-repeat left bottom; font-size: 14px; }
.right_part h1, 
.right_part h2,
.right_part h3							{ font-size: 14px; margin: 0px 0px 12px 0px; } 

.right_part ul							{ list-style: none; margin: 0px; padding: 0px; }

.right_part.twitter						{ font-size: 12px; }
ul#follow								{ list-style: none; height: 30px; margin: 0px; padding: 0px; }
ul#follow	li							{ float: left; margin: 0px; padding: 0px 6px 0px 0px; }
ul#follow	li a img						{ opacity:0.7; filter:alpha(opacity=70); }
ul#follow	li a:hover img					{ opacity:1; filter:alpha(opacity=100);}

ul.right_category_list					{ list-style: none; xheight: 30px; margin: 0px; padding: 0px; }
ul.right_category_list li				{ xfloat: left; margin: 0px; padding: 0px 6px 0px 0px; }
ul.right_category_list.all_category 		{ margin-top: 14px; }

#twitter_feed							{ list-style: none; margin: 0px; padding: 0px; } 
#twitter_feed li						{ background: url(images/twitter_bird.png) no-repeat left top; padding: 0px 0px 6px 34px; color: #1b1b1b; }
#twitter_feed .twitter_date				{ font-size: 9px; color: #8b7f56; }

.right_part.network	li					{ background: url(images/bullet.gif) left 4px no-repeat; padding: 0px 0px 0px 18px; }
.right_part.tagcloud h3					{ margin-bottom: 6px; }

ul.right_comment_list					{ list-style: none; margin: 0px; padding: 0px; }
ul.right_comment_list li					{ margin: 0px; padding: 0px 6px 10px 0px;}
ul.right_comment_list li .author			{ font-size: 11px; text-align: left; font-style: italic; margin-top: 2px; }

.right_part.reading_lamp .book_image		{ margin-bottom: 10px; }
.right_part.reading_lamp .book_text		{ font-size: 12px; line-height: 18px; }
.right_part.reading_lamp .book_text h3,
.right_part.reading_lamp .book_text h3 a	{ font-family: Arial, Helvetica; padding: 0px; margin: 0px; font-size: 12px; text-transform: none; font-weight: bold; }

#newsletter_part						{ position: relative; }
#newsletter_part p						{ font-size: 12px; }
#newsletter_part #newsletter_form			{ margin-top: 0px; }

#newsletter_part .field_row				{ font-size: 12px; height: 30px; position: relative; float: left; margin: 0px 0px 0px; top: -5px; width: auto !important; }
#newsletter_part .field_row label			{ display: none; }
#newsletter_part .field_row input			{ width: 140px !important; position: relative; top: 2px; left: 0px; }

#newsletter_part .formbuttons				{ float: left; position: relative; left: 0px; width: inherit; margin: 0px 0px 0px 12px; position: relative; top: -5px; padding: 0px !important; }
#newsletter_part .formbuttons input		{ font-size: 12px;  margin-left: 0px; width: inherit; }

#newsletter_part .form_field_error_message	{ display: none; }

#newsletter_part .form_errors				{ margin-bottom: 15px; }
#newsletter_part .form_errors h2			{ font-size: 12px; }

.right_part.tagcloud 					{ width: 224px; }
.right_part.tagcloud a					{ float: left; margin-right: 4px; margin-top: 4px; }

/*	PAGE BOTTOM	*/


/*	PAGE FOOTER   */
.footer								{ background-color: #e5e5e5; position: relative; top: 9px; left: 9px; width: 952px; }
.footer_line							{ font-size: 10px; padding: 6px 20px; font-family: Verdana, Arial; color: #333;}
/*.footer h3							{ font-size: 16px; margin-bottom: 10px; }
.footer .foot							{ float: left; padding-bottom: 20px; font-size: 12px; } 
.footer .first.foot						{ margin-left: 64px; width: 260px; padding-right: 20px; } 
.footer .second.foot					{ width: 260px; padding-right: 20px; } 
.footer .third.foot						{ margin-left: 42px; width: 240px; } 
.footer .third.foot	p					{ margin: 10px 0px; }
*/
/*
.footer .book_image						{ float: left; width: 110px; overflow: hidden; }
.footer .book_text						{ float: right; width: 140px; }
.footer .book_text h3					{ font-family: Arial, Helvetica; padding: 0px; margin: 0px; font-size: 13px; text-transform: none; color: #000; font-weight: bold; }
*/


/*	SEARCH RESULT  */
#searchcrumbs							{ display: block; height: 10px; width: 100%; padding: 0px; margin: 0px; list-style-type: none; color: #333; font-size: 10px; position: relative; top: -2px; }
#searchcrumbs li						{ margin-top: 1px; float: left; margin-right: 6px; }
.searchresults	ol > li					{ float: none; clear: both; margin-top: 10px; } 
.searchresults	ol > li a					{ font-weight: bold; font-size: 1.2em; }	
.search_date							{ font-size: 0.7em; margin-left: 6px; }
.search_excerpt						{ clear: both; font-size: 0.7em; margin-top: 3px; }



/*		*/

#newsletter_form						{ margin-top: 10px; }
.mail_success							{ margin-top: 20px; font-weight: bold; }
.mail_error							{ color: #900; }


/*	FORM		*/

.strato_form 							{ font-size: 12px; }
.strato_form div.fieldset 				{ border: 1px solid #E5E5E5; margin: 20px 0px 40px 50px; padding: 30px 0px 10px 0px; position: relative; width: 500px; }
.strato_form div.fieldset .fieldset_label 	{ position: absolute; left: 20px; top: -12px; background-color: #fff; padding: 0px 7px; color: #56688B; font-size: 20px; xfont-weight: bold; }
//.strato_form .field_row 					{ margin: 14px 0px 14px 0px; height: 26px; position: relative; }
//div.strato_form .field_row 				{ margin: 10px 0px 10px 0px; }
.strato_form .field_row label 			{ font-size: 12px; color: #000; position: relative; left: 0px; top: 0px; width: 120px; margin: 0px 10px 0px 0px; display: block; float: left; }
.strato_form .field_row input[type=text]  	{ border: 1px solid #ccc; background-color: #fafafa; padding: 4px 2px; }
.strato_form .field_row select 			{ border: 1px solid #ccc; background-color: #ccc; padding: 4px 2px; }
.strato_form .formbuttons 				{ margin: 20px 0px 0px 0px; position: relative; }
.strato_form input[type=button], 
form.strato_form input[type=submit] 		{ border: 1px solid #ddd; padding: 5px; cursor:pointer; cursor:hand; text-shadow: 0 1px 0 #FFFFFF; color: #464646; background: url(images/white-grad.png) repeat-x scroll left top #F2F2F2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.strato_form input[type=submit] 			{ font-weight: bold; border-color: #000; }
.strato_form input[type=checkbox] 			{ margin-right: 6px; }
.strato_form .field_row label.checkbox_label { float: inherit; font-weight: normal; margin-left: 185px; top: 0px; width: 300px; }
.strato_form input.copyadressbutton 		{ float: none;  margin-left: 50px; }
.strato_form input.error 				{ border: 1px solid #ff0000 !important; }
.strato_form .form_errors 				{ border: 1px solid #DEDECA !important; background-color: #f4f0df; margin: 2px 0px 5px 0px; padding: 10px; position: relative; font-size: 12px; } 
.strato_form .form_errors p				{ margin: 0px; padding: 0px; }
.strato_form .form_errors ul				{ margin: 3px 0px 3px; }
.strato_form .form_errors h2 				{ font-family: Arial, Helvetica; color: #ff0000; font-size: 18px; font-weight: bold; padding: 0px; margin: 0px; }
.strato_form .field_row .form_field_error_message { position: absolute; left: 170px; top: 6px; background-color: #ff0000; color: #fff; font-family: Arial; font-size: 10px; font-weight: bold; line-height: 14px; padding: 0px 3px;   } 



/*   COMMENTS   */
#commentsblock							{ padding: 10px 20px 0px 0px; margin: 0px 0px 0px 0px; font-size: 0.8em; position: relative; }
#comments								{ margin-left: 0px; }
#commentsblock input[type=text] 			{ border: 1px solid #aaa; background-color: #fafafa; padding: 4px 2px; width: 200px; }
#commentsblock textarea					{ height: 110px; width: 500px; border: 1px solid #aaa; background-color: #fafafa; padding: 4px 2px;  }
#commentsblock .disclaimer				{ font-size: 12px; line-height: 22px; color: #aaa; font-weight: normal; }		
#commentform							{ margin-top: 10px;  margin-left: 8px; }
#comments h3							{ font-size: 14px; font-weight: normal; color: #555; font-family: Verdana, Arial; }
.comments_reply						{ padding: 1px 0px 0px 0px; margin: 0px 0px 20px 0px; position: relative; }
.comments_reply h3						{ font-weight: normal; color: #555; margin-left: 8px; font-family: Verdana, Arial; font-size: 18px; }
.comments_list 						{ list-style: none; margin: 0px 0px 20px 0px; padding: 0px; }
.comments_list li 						{ margin: 20px 0px 30px 0px; }
.comments_meta 						{ padding: 4px 8px 4px 8px; margin: 0px 0px 4px 0px; font-size: 14px; background: url(images/horizontal_divider_long.jpg) no-repeat left bottom;}
.comments_meta .author 					{ float: left; padding-right: 10px; font-weight: bold; }
.comments_meta .date 					{ float: right; font-size: 12px; font-style: italic; position: relative; left: 16px; top: 2px; color: #777; }
.comments_list li .comment_text 			{ padding: 0px 14px 2px 8px; }
.comments_list li .comment_text p			{ line-height: 18px; color: #333; margin-top: 0px; }
.belowcomments 						{ padding-bottom: 10px; }
.belowcomments a img 					{ padding-right: 5px; position: relative; top: 2px; }
#trackback_list						{ margin-top: 10px; }
#trackback_list li	 					{ padding: 4px 8px; margin-top: 0px; margin-bottom: 0px; }
.trackback_header 						{ padding: 0px; margin: 0px; font-weight: bold; }
.belowcomments a img 					{ border: 0px; }
.comments_line							{ position: absolute; left: -42px; top: 0px; border-bottom: 1px solid #eee; width: 582px; }
.comment_waiting						{ line-height: 18px; color: 333; font-weight: bold; font-size: 0.8em; margin-top: 8px;}

/*	WP IMAGES		*/

.xpost img 							{ margin: 0; height: auto; width: auto; }
.post .alignleft, #content img.alignleft 	{ display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.post .alignright, #content img.alignright 	{ display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.post .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post img.alignleft, #content img.alignright, 
#content img.aligncenter 				{ margin-bottom: 12px; }
.post .wp-caption 						{ line-height: 18px; margin-bottom: 10px; padding: 4px; position: relative; background-color: #f4f0df; text-align: center; }
.post .wp-caption img 					{ margin: 0px; }
.post .wp-caption p.wp-caption-text 		{ color: #000; font-size: 11px; margin: 5px; font-weight: bold; line-height: 16px; padding-top: 0px; }
.post .wp-smiley 						{ margin: 0; }
.post .gallery 						{ margin: 0 auto 18px; }
.post .gallery .gallery-item 				{ float: left; margin-top: 0; text-align: center; width: 33%; }
.post .gallery img 						{ border: 2px solid #cfcfcf; }
.post .gallery .gallery-caption 			{ color: #888; font-size: 12px; margin: 0 0 12px; }
.post .gallery dl 						{ margin: 0; }
.post .gallery img 						{ border: 10px solid #f1f1f1; }
.post .gallery br+br 					{ display: none; }
.post.attachment img 					{ /* single attachment images should be centered */ display: block; margin: 0 auto; }