/* 
Theme Name: devmatters.com v1 
Theme URI: http://www.devmatters.com/
Description: Design exclusively designed for DevMatters, generated 29/June/2007
Version: 0.1
Author: Neil Gonzalez
Author URI: http://www.a-v0id.info/

*/
/*general layout*/
body,
	html {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11pt;
		margin:0px;
		padding:0px;
		background: #e7e7e6;
		color:#000;
		text-align: center;
	}
	a, a:active, a:visited {	
	text-decoration: none;
	color: #555;
	background: transparent;
	border-bottom: 1px dashed #888;
	}
	a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #555;
	}	
	img, #header a, #nav a {
		border: none;
	}	
	h2 {
		font-size: 13pt;
	}
	h3 {
		font-size:12pt; 
	}
	body {
		padding: 0px 0px 0px 0px;
		min-width:750px;
		background: #e7e7e6 url(images/body-bg.gif) repeat-x scroll top;		
	}
	blockquote {
		margin:22px 40px;
		upadding:3px;
		font-style: italic;
		font-size:0.8em;
		color:#575757;
		padding: 0 50px;
		background: transparent url("images/blockquote.gif") no-repeat 0 0;
}

	#wrap, #header, #sidebar, #footerinner {
		text-align: left;
	}
	#wrap {
		margin:0px auto 0px auto;
		width:800px;
		background: transparent url(images/wrap-bg.gif) repeat-y scroll top;
	}
	#header {
		position: relative;
		top: 0px;
		margin: 0px auto 0px auto;
		background: transparent;
		padding-left: 20px;
		width:800px;
		height: 71px;
		color:#fff;
	}
	#nav {
		margin:-2px auto 0px auto;
		width: 800px;
		background: transparent url(images/nav-bg.gif) repeat-x;
		padding:0px;
		height: 50px;
		text-align: center;
	}
	#main {
		float:left;
		max-width: 600px;
		text-align: justify;
		background: transparent;
	}
	#sidebar {
		font-size: 0.7em;
		float:right;
		width: 150px;
	}



	
/* -------------------------------------------------------
navbar definition	*/
	#nav #navleft, #nav #navright{
		width: 16px;
		height: 43px;
	}
	#nav #navleft {
		background: transparent url(images/navleft-bg.gif) no-repeat;
		float: left;
	}
	#nav #navright {
		background: transparent url(images/navright-bg.gif);
		float: right;
	}	#nav, #nav a, #nav a:visited {
			color: white;
			font-size: 0.9em;
	}
	#nav ul{
		margin:0px;
		padding:7px 0px 0px 0px;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0px;
		padding:10px;
	}
	#nav a:hover {
		text-decoration: underline;
	}
	#nav a {
		text-decoration: none;
	}
	
	
	
	
	#main h2, #main h3, #main h2, #main p {
		padding:0px 0px;
    }
	#wrapfoot {
		clear: both;
		font-size: 0.7em;
		background: #e7e7e6;
		height: 10px;
		padding: 5px;
	}
	#wrapfoot .alignleft {
		float: left;
	}
	#wrapfoot .alignright {
		float: right;
	}
	#wrapfoot a { color: #666;}
	
	#subfooter {
		border-top: 1px solid #9a9a9b;
		border-bottom: 1px solid #9a9a9b;
		min-height: 150px;
		background: #cecdc5 url(images/subfooter-bg.gif) repeat-x scroll top;
	}
	#footer {
		font-size: 0.7em;
	}
	
	
/*Posts*/
	.post {
               width: 550px;
        }
	.post, .postexternal {
		border-bottom: 1px solid #dad9d9;
		margin: 20px 20px;
		padding: 0px 5px;
	}
	.page {
		margin: 0px 20px;
		padding: 0px 5px;
	}
	
	div.author, div.comments {
		color: #555;
		background: transparent;
		display: inline;
		font-size: 0.7em; 
		margin-left: 10px;
		padding: 0px 0px 20px 15px;
		line-height:20px;
		vertical-align: top;
	}
	div.author {background: url(images/post-author.gif) no-repeat;}
	div.comments  {background: url(images/post-comments.gif) no-repeat;}
	
	div.author a, div.author a:visited, div.author a:active, div.author a:hover,
	div.comments a, div.comments a:visited, div.comments a:active, div.comments a:hover{
		color: #555; 
		}
	.post a, .page a{ 
		text-decoration: none;
		color: #4483d2;
		background: transparent;
		border-bottom: 1px dashed #dad9d9;
	}
	.post p, .page p, .postexternal p {
		text-indent: 1.5em; 
	}
	.post a:hover, .page a:hover .postexternal a:hover{ 
		text-decoration: none;
		color: #000;
		background: transparent;
		border-bottom: 1px solid #cac9c9;
	}
	.postexternal h3 {
		text-indent: 10px;
		background: transparent url(images/post-li.gif) no-repeat;
	}
	.commoff {
		/*text-decoration: line-through;*/
		color: #9a9a9b;
	}
	
/* -------------------------------------------------------------

   SIDE BAR */
	
	 
	#sidebar a, #sidebar a:visited, #sidebar a:hover, #sidebar a:active, #sidebar {
		color: #232559;
		background: transparent;
	}
	 #sidebar h3, #sidebar h2{
	 	font-size: 1em;
		color: #833;
	 }
	#sidebar ul {
		padding: 0px 0px 0px 5px;
		margin: 0;		
    }
	.sidebarsection .linkcat li li,	#sidebar li {
		padding: 0px 0px 0px 0px;
		margin: 0;		
		list-style: none;
		list-style-image: url(images/post-li.gif);
	}
	#sidebar dt {
		background: url(images/post-li.gif) no-repeat left center;
		padding-left:15px;
		font-weight:bold;
		margin: 0px 0px 0px 0px; 
	}
	#sidebar dd {
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 8px 0px;
	}
    #sidebar h3, #sidebar p {
		padding:0 10px 0 0;
    }
	.sidebarsection {
		padding: 0px 15px 0px 0px;
	}
	.sidebarsection h3, .sidebarsection h2 {
		border-bottom: 1px solid #dad9d9;
		}
	.sidebarsection .linkcat li {
		list-style: none;
		list-style-image: none;
        }
	
	/* -----------------------------------------------------------
	
	POST COMMENTS */
	
	#postcomments {
		padding: 10px;
		font-size: 0.7em;
	}
	#postcomments 	li{
		padding: 0px 10px;
		margin-right:20px;
		margin-top:10px;
	}
	#postcomments li.alt{
		background: transparent;
		border-bottom: 1px solid #DAD9D9;
	}
	#postcomments li.alt2 {
		background: #eaeae9;
		border-bottom: 1px dotted #DAD9D9;
	}
	#postcomments li.authorcomment {
		background: #c2cbe7;
		color: #1d214b;
		padding: 5px;
		border: 1px solid #fff;
	}
	#postcomments 	.commenttitle {
		color: #555;
		display: inline;
		padding: 0px 0px 20px 15px;
		line-height:20px;
		vertical-align: top;
		background: url(images/post-comments.gif) no-repeat;
	}
	#comments {
		font-size:0.9em;
		margin-left: 20px;
		border-bottom: 1px solid #DAD9D9;
	}
	
	form, .scf2 {
		border: none;
		font-size: 10pt;
		max-width: 600px;
		padding: 0px 20px; 
		margin: 0px 5px;
	}
	#searchform{
		padding: 5px;
		margin: 0;
	}
	#searchform input{	
		margin: 5px 0px;
	}
	label {
		font-size: 0.7em;
	}
	.posterdetails {
		border: 0; 
		padding: 0; 
		margin: 0;
	}
	.posterdetails td {
		width: 200px;
	}
	textarea, input{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: #eaeae9;
		border: 1px solid #888;
		font-size: 0.7em;		
	}
	textarea#comment {
		width: 500px;
	}
	input#submit, input#searchsubmit  {
		background: #232559;
		color: #fff;
	} 
	.downloadlist {
		font-size: 0.7em;
	}
	.downloadlist dt {
		border-bottom: 1px solid #dad9d9;
		font-weight: bolder;
	}
#lightbox, #lightbox a { text-decoration: none;}