/*
Theme Name: Server Side Dev
Theme URI: http://www.primalskill.com
Description: Proprietary theme
Version: 1.0
Author: Gyorgy Fekete
Author URI: http://www.primalskill.com/
Tags: 
*/



/* reset and fonts combined

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
em {font-style:italic;}
strong {font-weight:bold; font-size:93%;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
a {text-decoration:none;}

/* general */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body {
	background:url("images/top_bg.jpg") top left repeat-x;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#444;
}

#doc {
	width:985px;
	margin:0 auto;
}

img.wp-smiley {
	float:none;
	vertical-align:middle;
}


/* form elements */

.textbox {
	border:1px solid #D9D9D9;
	padding:3px;
	font-size:93%;
	font-family:"Trebuchet MS",arial,helvetica,sans-serif;
}

.button {
	border:0;
	background:#D9D9D9;
	padding:3px;
	font-size:93%;
	font-family:"Trebuchet MS",arial,helvetica,sans-serif;
	cursor:pointer;
}


/* pagination */

div.pagination {
	text-align:center;
}

div.pagination a {
	color:#C13E43;
	font-weight:bold;
}

div.pagination a:hover {
	text-decoration:underline;
}


/* header */

#header {
	height:80px;
	margin-bottom:10px;
}

#header div.t {
	display:block;
	height:48px;
}

#header div.b {
	display:block;
	height:32px;
}

#header h1 {
	background:url("images/logo_bg.jpg") top left no-repeat;
	width:240px;
	height:48px;
	float:left;
}

#header h1 a {
	color:#FFF;
	display:block;
	height:48px;
	font-size:131%;
	padding-left:62px;
	line-height:48px;
}

#header h1 a span.mag {
	color:#4A4A43;
}

#header span.about {
	color:#808074;
	font-style:italic;
	margin-left:10px;
	line-height:48px;
	float:left;
}

#header ul li {
	float:left;
	margin:0 10px;
}


#header ul.top-menu {
	float:right;
	clear:right;
	background:#33332E;
	border:1px solid #66665D;
	margin-top:12px;
}

#header ul.top-menu li {
	padding:3px;
}

#header ul.top-menu li a {
	font-size:93%;
	color:#99998B;
}

#header ul.top-menu li a:hover {
	color:#FFF;
}

#header ul.cat-menu {
	display:block;
	line-height:32px;
	margin-left:240px;
}

#header ul.cat-menu li a {
	color:#8FA074;
	font-size:108%;
	font-weight:bold;
}

#header ul.cat-menu li a.sel, #header ul.cat-menu li a:hover {
	color:#FFF;
}

/* popular posts */
#pop_posts {
	height:170px;
	margin-bottom:20px;
	border-bottom:1px solid #D9D9D9;
}

#pop_posts h3 {
	background:url("images/star.jpg") 0 0 no-repeat;
	padding-left:30px;
	height:26px;
	font-size:138.5%;
	line-height:26px;
	margin-bottom:15px;
	color:#215A6D;
}

#pop_posts ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#pop_posts ul li {
  float: left;
  width: 465px;
  margin:3px 10px;
  padding: 0;
  overflow:hidden;
  list-style:disc inside;
}

#pop_posts ul li a {
	color:#FBA50F;
}


#pop_posts ul li a:hover {
	text-decoration:underline;
}

/* content */

#content-container {
	float:left;
	width:630px;	
}

#content {
	padding:6px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

#content .post {
	margin-bottom:40px;
	border-bottom:1px solid #D9D9D9;
}

#content .post h2 {
	margin-bottom:10px;
	font-size:138.5%;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;	
}

#content .post h2 span {
	float:left;
	display:block;	
}

#content .post h2 a {
	font-size:197%;
	color:#C13E43;
	display:block;
}


#content .post h2.php span {
	background:url("images/title_icons.jpg") -174px 0 no-repeat;
	width:57px;
	height:48px;
}


#content .post h2.ruby span {
	background:url("images/title_icons.jpg") -118px 0 no-repeat;
	width:56px;
	height:48px;
}


#content .post h2.asp-net span {
	background:url("images/title_icons.jpg") -57px 0 no-repeat;
	width:61px;
	height:48px;
}

#content .post h2.news span {
	background:url("images/title_icons.jpg") 0px 0 no-repeat;
	width:57px;
	height:48px;
}

#content .post h2.php a, #content .post h2.ruby a, #content .post h2.news a {
	margin-left:65px;
}

#content .post h2.asp-net a {
	margin-left:69px;
}


#content .post h2 a:hover, #content .post div.post-info a:hover {
	text-decoration:underline;
}

#content .post div.post-info {
	font-size:85%;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#215A6D;
	width:530px;
	height:26px;
	background:url("images/panel_bg.jpg") 0 0 repeat-x;
	border:1px solid #D9D9D9;
	margin:0 auto;
}

#content .post div.post-info a {
/*	color:#C13E43;*/
	color:#215A6D;
}

#content .post-info ul.post-info-list {
	margin:0px;
	padding:0px;
	line-height:26px;
	text-align:center;
}

#content .post-info ul.post-info-list li {
	display:inline;
	list-style-type:none;
}

#content .post-info ul.post-info-list li.pub-date {
	background:url("images/cal.gif") 0 0px no-repeat;
	padding-left:20px;
}

#content .post-info ul.post-info-list li.comments {
	background:url("images/comment.gif") 0 0px no-repeat;
	padding-left:20px;
}

#content .post h3 {
	font-size:153.9%;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;	
	color:#FF5800;
	margin:20px 0;
	border-bottom:1px solid #EEE;
}

#content .post p {
	margin:16px 0;
/*	line-height:140%;*/
	line-height:1.72em;
}

#content .post p a {
	color:#0099FF;
}


#content .post p a:hover {
	text-decoration:underline;
}

#content .post p img {
	display:block;
	margin:0 auto;
}

#content .post p.no-center img {
	display:block;
	margin:0;
}


#content .post ul, #content .post ol {
	margin:10px 0;
}

#content .post ul li {
	list-style:disc inside;
	margin-left:15px;
}

#content .post ol li {
	list-style:decimal inside;
	margin-left:15px;
}

#content .post ul li a, #content .post ol li a {
	color:#0099FF;
}

#content .post ul li a:hover, #content .post ol li a:hover {
	text-decoration:underline;
}


#content .post p.related {
	border-top:1px solid #D9D9D9;
	padding-top:6px;
}

#content .post ol.related li a {
	color:#C13E43;
}

#content .post ol.related li a:hover {
	text-decoration:underline;
}

/* author box */

#content .post .author {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	background:#FAFAFA;
	border:1px solid #F3F3F3;
	padding:10px;
}

#content .post .author img {
	width:100px;
	height:100px;
	display:inline;
	float:left;
	
}

#content .post .author span {
	margin-left:116px;
	display:block;
}

#content .post .author span a {
	color:#C13E43;
}


/* image with description */
#content .post p.img-description {
	background:#FBFBFB;
	border:1px solid #D9D9D9;
	padding:15px;
	
}

#content .post p.img-description span {
	font-size:85%;
}

/* file download box */

#content div.downloads {
	padding:10px;
	border:1px solid #D9D9D9;
	margin:4px 0;
	background:#FBFBFB;
}

#content div.downloads h5 {
	font-weight:bold;
	font-style:italic;
}

#content div.downloads ul li {
	list-style-type:square;
}

#content div.downloads ul li a {
	color:#C13E43;
}

#content div.downloads ul li a:hover {
	text-decoration:underline;
}


/* bookmark this page section */

div.social-bookmarks {
	background:#FBFBFB;
	border:1px solid #D9D9D9;
	padding:10px;
	margin-bottom:50px;
}

ul.bookm li {
	float:left;
	margin-right:15px;
}

ul.bookm li.vote {
	width:70px;
	height:90px;
	background:#FFF;
	border:1px solid #D9D9D9;
	text-align:center;
	padding-top:6px;
}

ul.bookm li.bookmark {
	width:55px;
	height:100px;
}

ul.bookm li.bookmark a {
	display:block;
	width:45px;
	height:45px;
	margin-bottom:11px;
}

ul.bookm li.first {
	margin-right:0;
}

ul.bookm li.bookmark a.delicious {
	background:url("images/social-bookmarks.jpg") -90px 0 no-repeat;
}

ul.bookm li.bookmark a.stumble {
	background:url("images/social-bookmarks.jpg") 0 0 no-repeat;
}

ul.bookm li.bookmark a.technorati {
	background:url("images/social-bookmarks.jpg") -45px 0 no-repeat;
}

ul.bookm li.bookmark a.mixx {
	background:url("images/social-bookmarks.jpg") -135px 0 no-repeat;
}

h2.bookm {
	margin-bottom:6px;
}

ul.bookm li.bookm-rss {
	float:right;
	margin-top:28px;
	margin-right:0;
}

ul.bookm li.bookm-rss a {
	display:block;
	width:45px;
	height:45px;
	background:url("images/social-bookmarks.jpg") -180px 0 no-repeat;
}

/* comments */

/* single page comment list */

#comment-list h5 {
	font-size:167%;
	color:#215A6D;
	font-style:italic;
}


#comment-list ol li {
	margin:10px 0;
	border:1px solid #D9D9D9;
	background:#FBFBFB;
}


#comment-list ol li div.top,#comment-list ol li div.text {
	display:block;
	clear:both;
	padding:6px;
}

#comment-list ol li div.text {
	padding:20px;
}

#comment-list ol li div.text p {
	margin-bottom:20px;
	line-height:130%;
	font-size:93%;
}

#comment-list ol li div.top span.mod {
	display:block;
	clear:both;
	margin-bottom:6px;
	font-size:83%;
	font-style:italic;
}

#comment-list ol li img.avatar {
	float:left;
	margin-right:10px;
	border:1px solid #CCC;
}

#comment-list ol li span a,#comment-list ol li div.text a {
	color:#C13E43;
}

#comment-list ol li span a:hover,#comment-list ol li div.text a:hover {
	text-decoration:underline;
}

#comment-list ol li span.date {
	font-size:83%;
	font-style:italic;
}


/* comment form */

#comment-form {
	margin:40px 0;
}

#comment-form form {
	border:1px solid #D9D9D9;
	background:#FBFBFB;
	padding:10px;
}

#comment-form h5 {
	font-size:167%;
	color:#215A6D;
	font-style:italic;
}

#comment-form form ul li {
	margin:10px 0;
}

#comment-form form ul li a {
	color:#C13E43;
}

#comment-form form ul li a:hover {
	text-decoration:underline;
}

#comment-form form label {
	float:left;
	width:100px;
	text-align:right;
	font-size:93%;
	color:#215A6D;
	margin-right:10px;
}

#comment-form form div.allowed-tags {
	display:block;
	width:400px;
	margin-left:110px;
	font-size:83%;
	font-style:italic;
}

#comment-form form input.cm {
	width:250px;
}

#comment-form form input.cm-btn {
	background:#215A6D;
	color:#FFF;
	margin-right:10px;
}


#comment-form form textarea.cm-text {
	width:450px;
	height:300px;
	font-family:Verdana, Arial, sans-serif;
	font-size:93%;
}

#comment-form form span.help {
	font-size:77%;
	font-style:italic;
	color:#AAA;
}

#comment-form form div.available-smilies {
	display:block;
	width:450px;
	margin-left:110px;
	line-height:180%;
}

#comment-form form div.available-smilies a {
	margin:3px;
}


/* sidebar */

#sidebar-container {
	float:right;
	width:340px;
	background:#FBFBFB;
	border:1px solid #D9D9D9;
	border-top:0;
}

#sidebar h5 {
	background:url('images/panel_bg.jpg') 0 0 repeat-x;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	height:26px;
	margin-bottom:10px;	
	font-size:93%;
	padding-left:10px;
	line-height:26px;
	color:#215A6D;
	font-weight:bold;
}

#sidebar .box {
	padding:6px;
	margin-bottom:20px;
}


/* sidebar subscribe box */

#sidebar .subscribe a {
	color:#C15A24;
	display:block;
	margin-bottom:10px;
}

#sidebar .subscribe a img {
	float:left;
	width:28px;
}

#sidebar .subscribe a span {
	margin-left:10px;
}

#sidebar .subscribe a.rss img {
	height:28px;
}

#sidebar .subscribe a.rss span {
	line-height:28px;
}

#sidebar .subscribe a.email img {
	height:20px;
}

#sidebar .subscribe a.email span {
	line-height:20px;
}


/* sidebar search box */

#sidebar .search {
	text-align:center;
}

#sidebar .search input.txt-search {
	color:#DC6629;
	font-style:italic;
	width:240px;
}

#sidebar .search input.btn-search {
	background:none;
	color:#DC6629;
}


/* sidebar blogroll box */

#sidebar .blogroll ul {
	margin-left:10px;
}

#sidebar .blogroll ul li {
	background:url("images/mini-star.gif") 0 0 no-repeat;
	padding-left:25px;
	margin-bottom:10px;
}

#sidebar .blogroll ul li a {
	color:#215A6D;
}

#sidebar .blogroll ul li a:hover {
	text-decoration:underline;
}

/* sidebar cheat-sheets box */

#sidebar .cheat-sheets ul {
	margin-left:10px;
}

#sidebar .cheat-sheets ul li {
	list-style:disc inside;
}

#sidebar .cheat-sheets ul li a {
	color:#215A6D;
}

#sidebar .cheat-sheets ul li a:hover {
	text-decoration:underline;
}

/* sidebar sponsors */

#sidebar .spo {
	margin-left:20px;
}

#sidebar .spo .sp {
	width:125px;
	height:125px;
	background:#666;
	float:left;
	margin:10px;
}


/* footer */

#footer {
	margin-top:20px;
	height:200px;
	background:#2D2D29;
	color:#CCC;
	padding:6px;
	line-height:1.72em;
}

#footer a {
	color:#CCC;
	text-decoration:underline;
}

#footer div.copy {
	float:right;
}


/* static pages: contact, about, write for us */

div.contact h2, div.about h2, div.write-for-us h2 {
	font-size:167%;
	color:#C13E43;
	margin-bottom:20px;
}