/*  

Theme Name: FSOS

Theme URI: http://webbrelaterat.se

Description: Swedish Music Producers

Version: 1.0

Author: Johan Pettersson

Author URI: http://webbrelaterat.se

*/



/*  				

	Colors



*/



@import "style/css/reset.css";

@import "style/css/layout.css";

@import "style/css/typography.css";



*							{ margin: 0;}

html, body 					{ height: 100%;}

body 						{ background: #0d3357 url(style/images/bg.png) top center repeat-x; font-size: 12px;color:#fff;}

a 							{ text-decoration:none;color: #4690bb; }

a:hover 						{ color:#84d1e0; border-bottom:1px dotted #84d1e0;}

				

/* LAYOUT   */



#header 						{ width:100%; }

#header-in 					{ margin:0 auto;width:960px; height:220px; padding:0px; background: url(style/images/header_in.png) top center no-repeat; }

#push						{ height:200px;}

#highlight 					{ width: 960px; height:360px; overflow:hidden; margin-bottom: 20px; border-bottom:1px dotted #4690bb;border-top:1px dotted #4690bb;

							  opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”; background: #0d2944 url(style/images/highlight_shadow.png) center no-repeat; }

#content 					{ float:left; width:960px; padding:0px; margin:0px;}

#page-content 				{ border-bottom:1px dotted #4690bb; border-top:1px dotted #4690bb; width:920px; padding:20px; margin:0px; background:#0d2944; opacity:.75;filter:alpha(opacity=75);filter: “alpha(opacity=75)”;}

#main-content 				{ min-height:100%;height: auto !important; height: 100%; margin: 0 auto -200px; width:960px; padding:0px;}

#sidebar 					{ float:right; width:300px; height:100%; padding-bottom:20px; margin:0px;}		

#footer 						{ font-size:11px; width:100%; margin-top:50px; overflow:hidden;color:#f5f6f6; padding:0px; background:#0D2B49; border-top:1px dotted #4690bb;}

#footer_in 					{ width:960px; margin:0 auto;height:160px; padding:0px;}	



/* SEARCH FORM 	 */



#search 						{ padding:0; float:right; margin-top:8px;width:170px; }

#search .s 					{ font-family: Helvetica, Arial, sans-serif; background:#fff; padding:4px; font-size:11px;

							  border: none; font-weight:bold; width:114px; float: left; margin-right:3px; color:#0d1e2f;-moz-border-radius: 8px; -webkit-border-radius: 8px;}

#searchform .sgo 			{ font-family: Helvetica, Arial, sans-serif; background: #0d3357; color: #fff; border:none; display: block; font-size:12px;font-weight:bold; height: 22px;width:38px; float:left; cursor:pointer; outline:none;-moz-border-radius: 8px; -webkit-border-radius: 8px; }

#searchform .sgo:hover 		{ background: #99c458; }



/* SUBSCRIBE 	 */



.rss						 {position:fixed;top:300px;right:0;display:block;width:18px;text-indent:-100000px;

							 height:18px;background: url(style/images/rss_.png) no-repeat; }

.rss:hover					 {background: url(style/images/rss_hover.png) no-repeat; border:none; }



/* 	HEADER	 */



#topbar 						{ width: 960px; height:70px;}

#header-ads					{ margin-top: 30px; width: 728px; height:90px; float:right; background:#0d3357; opacity:.75; filter:alpha(opacity=75); filter: “alpha(opacity=75)”;}

#header-ads	a:hover			{border:none}

#header-in .logo-text 		{ text-indent: -9999px; float: left; width:150px;} 

#header-in .logo-text a 		{ display:block; border:none;margin:12px 0 0 10px; width: 128px; height:124px; background: url(style/images/brand.png) no-repeat;}

#nava 						{ float:left; list-style: none; margin:0px; padding:0; width: 760px; }

#nava li 						{ display: inline; }

#nava li a 					{ text-shadow: 1px 1px 1px #000; font-size:14px; float:left; width: auto;color:#e8ebec; margin-right:1px; padding: 25px 9px 22px 9px; text-decoration: none;text-transform:uppercase;}

#nava li a:hover 				{ border-bottom:none; color:#fff; background:#18446e; opacity:.90;filter:alpha(opacity=90);filter: “alpha(opacity=90)”;}

#nava .current_page_item a:link,

.current_page_item a:visited,

.current-cat a:link,

.current-cat a:visited 		{ color:#fff;background:#0d3357;color:fff;opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”}



/* CONTENT   */



#content .latest-posts 		{ float:left; margin-left:15px;}

#content .latest-posts ul li 	{ display:block; margin:0; padding:0px 0px;}

#content .latest-posts ul li a 	{ display:block; margin:0; padding:10px 0px; border-bottom:1px dotted #4690bb;}

#content .latest-posts ul li a:hover { color:#84d1e0;border-bottom:1px dotted #84d1e0;background:#14385a;}

#content .latest-posts, .about, .contact	{border-bottom:1px dotted #4690bb; border-top:1px dotted #4690bb; padding:20px;min-height:330px; width: 270px; background:#0d2a44;opacity:.75;filter:alpha(opacity=75);filter: “alpha(opacity=75)”;}

#content .about				{ float:left; margin:0px;}

#content .contact			{ float:right; margin:0px;}



#site-page, .page-search	{ width:580px;height:100%; border-bottom:1px dotted #a1acaf; padding-bottom:20px;margin:0;float:left; }

#site-right					{ width:280px;height:100%; padding:0px;margin:0;float:right; }



.subscribe 					{ padding: 5px 15px; margin:0;background: #0d171a;font-size: 11px;line-height:220%;}

.subscribe:hover			{ background: #4690bb; color:#f3f7f7; border:none;} 



.images						{ width:540px; border:1px solid #41607f; background:#14385d; padding:20px; text-align:center; margin-bottom:20px;}

.images img 					{ border:1px solid #41607f;}

.images a:hover 				{ border:none;opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}



.part-pic 					{ float:left; clear:both;}

.part-pic ul					{ margin:0; padding:0px;}

.part-pic ul li				{ margin:0; padding:0; list-style-type:none; height:100%; overflow:hidden;}

.part-pic ul li a				{ float:left; padding:10px; width:100%; }

.part-pic ul li a:hover			{ color:#fff; background:#0f3a64;}



 /* / Easy Slider */



#slider						{ width:750px;height:320px;overflow:hidden; float:left; margin: 20px 0 0 105px;}	

#slider ul, #slider li			{ left:20px; margin:0px;padding:0; list-style:none; overflow:hidden;}

#slider li					{ width:750px;height:320px; }	

#prevBtn, #nextBtn			{ display:block;width:70px;height:70px;position:absolute;left:20px;top:150px;}	

#nextBtn					{ left:870px;}														

#prevBtn a, #nextBtn a		{ display:block;width:70px;height:70px;background:url(images/btn_prev.png) no-repeat 0 0;text-indent: -9999px;}	

#prevBtn a:hover, #nextBtn a:hover{ border:none;background:url(images/btn_prev_hover.png) no-repeat 0 0;}	

#nextBtn a					{ background:url(images/btn_next.png) no-repeat 0 0;text-indent: -9999px;}		

#nextBtn a:hover				{ background:url(images/btn_next_hover.png) no-repeat 0 0;border:none;}	



/* POST   */



.tweet						{ padding:0px;margin:0 0 15px 15px; float:right;}

.post 						{ border-bottom:1px dotted #a1acaf; margin-bottom:30px;padding-bottom:20px;}

.readmore 					{ padding:0px 0px; text-decoration: none; border-bottom:1px dotted #4690bb; font-weight: bold;}

#sociable	 				{ margin:0px; padding:0px;float:left;width:100%; }

#sociable ul					{ margin-top:20px; padding:0;}

#sociable ul li				{ display: inline; float:left;}

#sociable ul li a				{ margin-left:43px; float:left; display:block;opacity:.50;filter:alpha(opacity=50);filter: “alpha(opacity=50)”;}

#sociable ul li a:hover			{ border:none;opacity:.90;filter:alpha(opacity=90);filter: “alpha(opacity=90)”;}	



#sociable img 				{}

#sociable img:hover 			{}



/* SIDEBAR   */	



#sidebar ul li 					{ display:block; margin:0; padding:0px 0px;}

#sidebar ul li a 				{ display:block; margin:0; padding-top:0px; padding-bottom:8px; border-bottom:0px dotted #4690bb;}

#sidebar ul li a:hover 			{ color:#84d1e0;border-bottom:1px dotted #84d1e0;background:#14385a;}



/* FOOTER   */



.twitter					{ float:right; width:280px; margin-top:20px; height:70px; padding-left:70px; padding-top:65px; background:url(style/images/twitter.png) left no-repeat;}

.copyright					{ float:left; width:460px; padding-top:30px;}



#footer-ads					{ float:left; height:100px;width:960px; margin:10px 0 10px 0px;border:1px dotted #4690bb;padding:0; background:#0d2944; opacity:.75;filter:alpha(opacity=75);filter: “alpha(opacity=75)”;}

#footer-ads a:hover			{ border:none}



#subscribe 					{ width:100%;height:60px; margin:0;float:right;}

#subscribe ul				{ float:left;margin:0px; font-size:10px;padding:0;width:200px;}

#subscribe ul li				{ display:inline;float:left;height:100%;}

#subscribe ul li a				{ margin-top:8px; margin-left: 1px; padding: 3px 10px; height:100%; display: inline; float:left;font-weight: bold; border-bottom: none; color: #e8ebec; text-decoration: none; background: #0d171a;}	

#subscribe ul li a:hover		{ background: #4690bb; color:#f3f7f7;}