/*  
Theme Name: Taris Theme
Theme URI: http://webbrelaterat.se
Description: Your online design-resources!
Version: 1.0
Author: Johan Pettersson
Author URI: http://webbrelaterat.se
*/

/*  				
	Colors

#0d171a - Dark blue
#4690bb - Medium blue
#84d1e0 - Light blue
#d0eff3 - Super light blue
#f5f6f6 - White with a touch of blue

*/

@import "style/css/reset.css";
@import "style/css/layout.css";
@import "style/css/tab.css";
@import "style/css/typography.css";

body 						{ background: #e8ebec url(style/images/body_bg.png) top center no-repeat; }
a 							{ text-decoration:none;color: #4690bb; font-weight: bold; }
a:hover 						{ color:#84d1e0; font-weight: bold; border-bottom:1px dotted #84d1e0;}
.red						{ color:#cb3117;}

/***********************************************/
/**** LAYOUT ****/
/***********************************************/

#header 						{ width:100%; }
#header-in 					{ margin:0 auto;width:1000px; height:85px; padding:0px; background: url(style/images/body_bg.png) top center no-repeat; }
#page-wrap 					{ width:100%; padding:0px; margin:0px auto -530px;min-height:100%; height:auto !important; height:100%;}
#push						{ height:530px;}
#content 					{ float:left; width:600px; padding-right:30px; padding-bottom:40px;margin-left:20px;}
#main-content 				{ margin:0px auto;min-height:100%; height:auto !important; height:100%; width:998px; border:1px solid #d0d5d7; padding-top:20px;background: #fff;-webkit-box-shadow: 0 0 6px rgb(207,207,207);-moz-box-shadow: 0 0 6px rgb(207,207,207);box-shadow: 0 0 6px rgb(207,207,207);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#sidebar 					{ float:right; width:300px; height:100%; padding-bottom:20px; margin-right:20px; background: #fff;font-size:11px;}		
#footer 						{ width:100%; margin:0px; color:#f5f6f6; font-size:11px;padding-bottom:60px;  background:url(style/images/footer_bg.png) bottom center repeat; }
#footer_in 					{ width:960px; margin:0 auto;border-bottom:5px solid #4690bb;height:530px; border-top:1px dotted #a1acaf;padding:20px 20px 0px 20px; background: #0d171a;opacity:.92;filter:alpha(opacity=92);filter: “alpha(opacity=92)”;}	

/***********************************************/
/**** SEARCH FROM ****/
/***********************************************/

#search 						{ padding:20px 20px 20px 10px; float:left; border-top:1px dotted #a1acaf; border-bottom:1px dotted #a1acaf;  margin:0px; background:#e8ebec url(images/search_bg.png.) left top repeat-x;}
#search .s 					{ background:#fff url(images/search_text.png.) left top repeat-x; color: #000; padding:5px 5px; font-size:11px;
							  border: 1px solid #c2c6c7; font-weight:bold; width:200px; float: left; margin-right:5px; color:#a1acaf;}
#search .sgo 				{ font-family: Helvetica, Arial, sans-serif; background: #0d171a; color: #e8ebec; border:none; display: block; font-weight:bold; height: 25px;width:50px; float:left; cursor:pointer; outline:none; }
#search .sgo:hover 			{ background: #4690bb; }

/***********************************************/
/**** HEADER ****/
/***********************************************/

#header-in .logo-text 		{ text-indent: -9999px; float: left; } 
#header-in .logo-text a 		{ display:block; border:none;margin:0px 0 0 20px; width: 200px; height:60px; background: url(style/images/brand.png) no-repeat;}
#categories 					{ float:right; list-style: none; margin-top:35px; padding:5px 0px 5px 0; width: 650px;}
#categories li 				{ float:left; display: inline; }
#categories li a 				{ color:#e8ebec; margin:0px 10px 0px 0px; padding: 5px 12px;background-color:#0d171a;text-decoration: none; font-size: 11px; font-weight: bold;-moz-border-radius:12px; -webkit-border-radius: 12px;}
#categories li a:hover 		{ color:#fff; border-bottom:0px solid #fff; background-color:#4690bb;}

/***********************************************/
/**** CONTENT ****/
/***********************************************/

.navigation					{ margin:0px; padding:0px; height: 25px; float:left; width:640px; background:#B2B2B2 url(images/search_bg.png.) left top repeat-x; }
.search_msg 					{ padding:20px; }
.beta						 {position:fixed;top:300px;right:0;display:block;width:30px;text-indent:-100000px;
							height:116px;background: url(style/images/beta.png) no-repeat; }
						
#content 					{ background: url(style/images/content_bg.png) top right repeat-y;}	
#content .posts 				{ margin:0px; padding:0px}
#content .post_top			{ width: auto; padding:0px 0; margin:0px; float:left; }
#content .post 				{ margin:10px 0; padding:0; }
#content .post_bottom		{ float:left; color:#fff; padding:5px 8px; margin:10px 0;background: #0d171a; font-size:10px;}
#content .readmore 			{ color: #fff; font-size: 0.9em; margin:10px 0px; padding:10px 20px; text-decoration: none; background: #0d171a; text-transform:uppercase;}
#content .readmore:hover 	{ background: #4690bb; border:none; }
#content .listings 			{ padding:0px 0px 20px 0;margin-bottom:30px;width:100%;display:block;position:relative; border-bottom: 1px dotted #0c0304;}
#content .singel 			{ padding:0; margin:0; border:none;}
#content .post_content		{ margin:0; padding:0px;}
#content .thumb				{ border:5px solid #e8ebec; height:150px; float:left; width:590px; background: #0d171a url(style/images/post_thumb.) no-repeat; }
#content .thumb a:hover 		{ border:none; opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}
#content .tutorial_image		{ border:1px solid #e8ebec; background:#f5f6f6; padding:20px; text-align:center; margin-bottom:20px;}
#content .tutorial_image img   { border:1px solid #d0d5d7; }
#content .tutorial_image a:hover {border:none; opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}
#content .post_image a:hover  { border:none;}
#content .rss_comment_button	{ color: #fff; margin:0px; padding:5px 10px; text-decoration: none; background: #0d171a; display:block; position:absolute; 
							  z-index:1;right:0; top:5px; font-size: 0.9em; -moz-border-radius:12px; -webkit-border-radius: 12px; }
#content .rss_comment_button:hover{ background: #4690bb; border:none;color:#fff;}
#content #sociable	 		{ float:left;margin:0; padding:0px; width:600px; height:182px; background: #0D171A url(style/images/rss_box.png) right no-repeat;}
#content #sociable ul			{ margin:90px 0 0 15px; padding:0; float:left;}
#content #sociable ul li		{ display: inline;}
#content #sociable ul li a		{ margin-left:5px; float:left; display:block;}
#content #sociable ul li a:hover{ background:url(images/sociable_hover.png) no-repeat; border:none;opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}

#content #related_posts 		{ float:left;background: #e8ebec; padding:50px 20px 20px; width:560px; background: #252E30 url(style/images/related-posts.png) left top repeat-x;}
#content #related_posts ul	{ margin:0;padding:0;}
#content #related_posts ul li	{ float:left;list-style-type: none;height:40px;margin-top:10px; width:520px;}
#content #related_posts ul li img{ float:left; display:block;height:40px;width:40px;margin-right: 10px; border:1px solid #3c4b4e;}
#content #related_posts ul li a	{ margin-top:5px; }

#content .post-ads			{ padding:0; margin:10px 0; float:left;width:600px;text-align:center; background: }
#content .index-ads			{ padding-bottom:30px; margin:0 0 25px 0; width:600px;text-align:center; border-bottom: 1px dotted #0c0304; }
.date 						{ color:#e8ebec;font-size:18px;font-weight:bold; text-align:center; line-height: 1.0em; padding:10px 0; margin:0 ;position:absolute; 
							  z-index:1;left:-70px; top:5px;width:60px;background:#0d171a; opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}
.tweet						{ padding:5px;margin:0 0 5px 15px; width:65px; float:right; }

/***********************************************/
/**** PORTFOLIO ****/
/***********************************************/

#portfolio 					{ margin:0px; padding:0px 20px 20px 20px; }
.webb, .print, .design		{ float:left;margin-bottom:20px;margin-left:0px}

.headings					{text-transform:uppercase; color:#e8ebec;font-size:24px;font-weight:bold; padding:15px 10px;margin:0; display:block;position:absolute; 
							  z-index:1;left:-55px; top:5px;width:400px;background: #0d171a; opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}
#portfolio p					{ text-transform:uppercase !important;}
#portfolio ul				{ float:left; margin-top:100px; padding:0px;list-style-type: none;}
#portfolio ul li				{ height:100%;width:280px; float:left; padding:5px; margin: 0 25px 25px 0; display: inline; border: 1px dotted #c8c5b2;}
#portfolio ul li img			{ display:block; margin:0 auto }
#portfolio ul li:hover			{ opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”; }

#gallery 					{ margin-bottom:50px; padding:0px; }

#gallery  .gallery-info		{ float:right; margin-right:40px; margin-top:80px;padding:0px; width:300px; }
#gallery  .gallery-info h3	{ border-bottom: 1px dotted #c8c5b2; }
#gallery .items 				{ float:left; margin-left:20px; width:600px;}
#gallery .items ul			{ float:left; margin-top:80px;}
#gallery .items ul li			{ float:left;width:100%; padding:5px; margin: 10px 0;border: 1px dotted #c8c5b2;list-style-type: none;}
#gallery .items ul li:hover		{ opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”; }
#gallery .items ul li img		{ display:block; margin:0 auto }

/***********************************************/
/**** SIDEBAR ****/
/***********************************************/

#sidebar a 					{ text-decoration: none; font-weight: normal;font-size:11px;}
#sidebar a:hover 			{ color:#84d1e0;}
#subscribe 					{ width:100%;height:100px; font-size:11px;margin:10px 0 20px 0;float:left;background: url(style/images/subscribe_bg.png) right bottom no-repeat;}
#subscribe ul				{ float:left;margin:0px; padding:0;width:200px;}
#subscribe ul li				{ display:inline;float:left;height:100%;list-style-type: none;}
#subscribe ul li a				{ margin-top:5px; margin-left: 5px; padding: 5px 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;}

#sidebar .sidebar_box		{ margin:0; padding:40px 0px 20px 0px;clear:both;}
#sidebar .sidebar_box ul li 	{ margin:0; padding:0; list-style-type:none; height:100%; overflow:hidden; }
#sidebar .sidebar_box ul li a 	{ line-height:18px; display: block; font-weight: normal; color:#2c3230; margin: 0px; padding: 6px 0 2px 0px; border-bottom: 1px dotted #d9dade; background: url(images/sidebarlist_arrow.png) left no-repeat; }
#sidebar .sidebar_box ul li a:hover{ text-decoration:none; background: #f1f3f3; color:#4690bb; border-bottom: 1px dotted #d9dade; }
#sidebar .sidebar_header		{ background: url(style/images/sidebar_header.png) no-repeat; width:339px; height:24px; position:absolute; left:1px; top:0px;z-index:1;}

#sidebar .sidebarsky			{ margin:0; float:left;width:140px; padding-top:10px;}
#sidebar .mini_list			{ width:140px; padding:0;margin-bottom:20px;float:left;}
#sidebar .skyads		 		{ float:right; width:130px; padding:0px;}
#sidebar .skyads img			{ margin-bottom:10px;padding:0px;}
#sidebar .banners		 	{ margin:0px;padding:40px 0 20px 0;}
#sidebar .banners a		 	{ border:none;}
#sidebar .banners a:hover	{ opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}
#sidebar .banners img			{ margin-right:8px; margin-bottom:8px;padding:0px;}
#sidebar #topsidebar			{ margin:0px;padding:30px 0 0 0;}

#sidebar .recent-news 		{ margin:0; padding:40px 0px 20px 0px;clear:both;}
#sidebar .recent-news li 		{ margin:0px; padding:5px 0px; border-bottom: 1px dotted #c8c5b2; list-style-type:none;}
#sidebar .recent-news li:hover{ background: #f1f3f3; color:#4690bb; border-bottom: 1px dotted #d9dade; }
#sidebar .recent-news li a 		{ line-height:18px; display: inline; margin:0; padding:0; border-bottom: none; }

#sidebar .sidebar-preview 	{ margin:0; padding:3px 0 0 4px; width:113px; height:65px; background:#; float:left;}

#sidebar .sidebar-content	{ font-weight: bold; margin:0; padding:0; width:180px; height:auto;float:right;}

/***********************************************/
/**** COMMENTS ****/
/***********************************************/

div.comment-author-vcard 		{padding:8px;margin:0; display:block;position:absolute; 
							 color:#fff; z-index:1;left:-55px; top:5px;width:250px;background: #0d171a; opacity:.85;filter:alpha(opacity=85);filter: “alpha(opacity=85)”;}
div#comments 					{ margin: 20px 0; }
div#comments p.nocomments 	{ margin: 0; padding: 1px; }
div#comments li.bypostauthor 	{ background: #fdf3f0; }

ol.commentlist 				{ margin: 0; padding: 0; }
ol.commentlist li.comment		{ margin: 0 0 20px 0; list-style-type: none;padding:20px; background:#e8ebec;border:1px solid #d0d5d7;position:relative;-moz-border-radius:6px; -webkit-border-radius: 6px; }
ol.commentlist li.comment div.comment { padding:0px; margin: 0;}
ol.commentlist li.comment div.comment-author { height: 42px; }
ol.commentlist li.comment div.comment-author span.says { display: none;}
ol.commentlist li.comment img 	{ float: left; margin: 0 10px 0 0;  }
ol.commentlist li div.reply a	{ float:right; color:#fff; padding:1px 10px; background: #0d171a; font-size:0.9em; -moz-border-radius:12px; -webkit-border-radius: 12px;} 
ol.commentlist li div.reply a:hover{ background: #4690bb; border:none;}   
ol.commentlist li.comment ul.children { margin: 15px 0; padding:0; }
ol.commentlist li.comment ul.children li.depth-2{padding-left:15px; background:#fff;}
ol.commentlist li.comment ul.children li.depth-3{ padding-left:15px;}
ol.commentlist li.comment ul.children li.depth-4{padding-left:15px;background:#fff;}
ol.commentlist li.comment ul.children li.depth-5{padding-left:15px;}

ol.pinglist 					{ margin: 0 0 20px 0; list-style-type: none;padding:20px; background:#e8ebec;border:1px solid #d0d5d7;position:relative;-moz-border-radius:6px; -webkit-border-radius: 6px; }

ol.pinglist li 				{ margin:0px; padding:5px 0px; height:100%; overflow:hidden; border-bottom: 1px dotted #c8c5b2;list-style-type:none;}
ol.pinglist li:hover			{ background: #e8ebec; color:#4690bb; border-bottom: 1px dotted #d9dade; }

/***********************************************/
/**** COMMENTFORM ****/
/***********************************************/

#cancel-comment-reply 		{margin:0px; float:right; display:block;position:absolute; right:0px; top:15px;}
#cancel-comment-reply a		{color:#fff; background:#cf3c25; padding:5px 10px; text-decoration: none; -moz-border-radius:6px; -webkit-border-radius: 6px; }	
#cancel-comment-reply a:hover{background:#a82713;border:none; }
				
li.comment #commentform 		 {background:#fffdd6 none repeat scroll 0 0;}	

form#commentform 				{ display: block; margin:0px; padding:20px 20px 40px 20px; background:#e8ebec; border:1px solid #d0d5d7;font-weight:bold;-moz-border-radius:6px; -webkit-border-radius: 6px;}
form#commentform p 			{ display: block; margin: 0 0 5px 0; padding: 0; line-height: 25px; }
form#commentform p label 		{ display: block; margin: 0; padding: 0 0 2px 0; width:20%;}
form#commentform .input 		{ display: block; width: 250px; height: 25px; margin: 0; padding: 6px 0 0 0; float: left;}
form#commentform .input  		{ width: 300px; padding: 0 5px; border: 0; }
form#commentform .textarea 	{ font-size:18px; font-family: Helvetica, Arial, sans-serif; display: block; color:#000; width: 480px; padding:5px;margin-bottom:5px; border:1px solid #d9dade; font-weight:bold;-moz-border-radius:6px; -webkit-border-radius: 6px;}
form#commentform .Cbutton 	{ border:none; padding:0px; width:100px;background:#0d171a; color:#fff; font-weight:bold;font-size:16px;font-family: Helvetica, Arial, sans-serif;
							 padding: 10px 10px; margin-top:10px; left:50px; clear:both; cursor:pointer; }
form#commentform .Cbutton:hover { background:#4690bb; color:#fff;font-weight:bold;}
form#commentform .allowed_tags{ font-size:10px; margin: 10px 0 5px 0; clear:left; text-align:left; font-weight:normal;width: 460px; color: #58584c; line-height: 1.3em; }

/***********************************************/
/**** FOOTER ****/
/***********************************************/

#footer 	p					{ font-size: 11px;margin: 0px;text-shadow: 0 -1px 1px #000;}
#footer h4					{ color:#fff;text-shadow: 0 -1px 1px #000; }
#footer ul 					{ float:left; width: 220px;margin-right:20px;}
#footer ul li					{ margin:0; padding:0; list-style-type:none;}
#footer ul li a					{ display: block; color:#4690bb; font-size: 11px;margin: 0px; font-weight:normal; padding: 4px 0px; border-bottom:1px dotted #4690bb;}
#footer ul li a:hover			{ color:#84d1e0; border-bottom:1px dotted #84d1e0; background:#18272b; }
#footer .footer_links		{ float:left; width:960px; height:auto; margin: 20px 0;}
#footer .tags				{ float:right; width:920px; margin:20px 0; padding:20px; text-align:center;background:#091113; -moz-border-radius:6px; -webkit-border-radius: 6px; }
#footer .tags a				{ margin-right:10px; line-height:150%; white-space:nowrap; text-transform:capitalize;text-align:justify; }
#footer .copyright			{ float:left; width:960px;margin:10px 0px;border-top:1px dotted #4690bb;padding:20px 0;}
#footer #footer-ads			{ background-color:#0d171a; float:left; height:100px;width:800px; margin:20px 0 10px 80px;border:1px dotted #4690bb;padding:0;}
#footer #footer-ads a:hover	{ border:none}
#footer #favicon-ads 		{ padding:0; margin:0;float:left;width:960px;}
#footer #favicon-ads ul		{ margin:0px;width: 100%; float:left; padding:0; }
#footer #favicon-ads ul li		{ float:left; display: inline; }
#footer #favicon-ads ul li a	{ width: 40px; height:40px; margin:0px 0px 1px 1px; text-decoration: none; padding:0;
							  display: block; background:#18272b;border: 0px solid #84d1e0;}
#footer #favicon-ads ul li a:hover{ background:#84d1e0; border: 0px solid #4690bb;opacity:.75;filter:alpha(opacity=75);filter: “alpha(opacity=75)”; }