/*
Theme Name: braincode v2
Theme URI: http://wpdots.net/
Description: The default WordPress theme for braincode.ro
Version: 1.0
Author: Vlad Patrascu
Author URI: http://wpdots.net/
Tags: green, black, white, high contrast
*/

/* Resets Browser defaults */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	margin: 0;
	margin: 0;
	background: #eeeeee url('images/bg.png') repeat-x;
}

* :focus {
	outline: 0;
}

p, b, span, h1, h2, h3, h4, h5, h6, b, ol, ul, li, div, a, a:hover, img, input, textarea, small {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

a {
    color: #313131;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clearfix {
    clear: both;
    line-height: 1px;
}

h2.error {
	font-family: arial;
	font-size: 1.9em;
	color: #313131;
}

p.error {
	font-family: arial;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	color: #717171;
}

/* Middle Section */

#middle {
	background: url('images/middle.gif') repeat-y;
	padding-bottom: 30px;
}

/* Page Section */

#page {
    width: 960px;
    margin: 0 auto;
}

/* Header Section */

#logo {
    float: left;
    width: 150px;
}

#subscribers {
	width: 280px;
	min-height: 42px;
	float: right;
	margin-top: 90px;
	background: url('images/rss.gif') no-repeat;
	text-align: right;
}

#subscribers p {
	padding: 6px 53px 0 0;
}

#subscribers p a {
	font-family: Helvetica;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	color: #89ad25;
}

#subscribers p a:hover {
	text-decoration: none;
	color: #313131;
}

#dropmenu {float: right; padding-top: 7px}
#dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%; font-weight:bold;}
#dropmenu a { -moz-border-radius: 5px 5px 0 0; background:#555555; font-size: 1.2em; font-style: italic; font-weight: bold; display:block; padding: 6px 7px 9px 7px; color:#d9d9d9; text-decoration:none; margin-left: 10px;}
#dropmenu a:hover { background:#5d5d5d; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul { position:absolute; display:none; width: 170px; top: 30px; background: #5d5d5d;  -moz-border-radius: 0 5px 5px 5px; margin-left: 10px; padding-right: 10px; }
#dropmenu ul a { -moz-border-radius: 5px; background: #656565; margin: 5px 10px 6px 10px; padding-top: 5px; padding-bottom: 5px; color: #f8f8f8; font-weight: normal; font-style: normal;}
#dropmenu ul a:hover { -moz-border-radius: 5px; margin: 5px 10px 6px 10px; padding-top: 5px; padding-bottom: 5px; background: #727272; color: #fff; font-weight: normal; font-style: normal;}
#dropmenu li ul {}
#dropmenu li ul a {width:12em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/* Content Section */

#content {
    float: left;
    width: 650px;
    margin: 25px 10px 0 0;
}

.post h2 a {
    font-family: arial;
    color: #89ad25;
    font-size: 1.9em;
    margin-bottom: 3px;
}

.post h2 a:hover {
	color: #313131;
	text-decoration: none;
}

.post {
    float: left;
    width: 650px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    background: url('images/hr.png') bottom repeat-x;
}

.thumb img {
    float: left;
    width: 200px;
    height: 170px;
    margin: 0 10px 10px 0;    
}

.browsers {
	width: 500px;
	float: left;
}

.browsers img {
	padding: 0 5px 0 10px;
}

.post-content {
    width: 435px;
    float: left;
    padding-top: 5px;
}

.post-content-single {
    width: 650px;
    float: left;
}

.info {
    padding: 10px 0;
}

small.cataut {
    background: #89ad25;
    padding: 5px 8px;
    font-family: arial;
    font-size: 1.2em;
    color: #fff;
}

small.cataut a {
    color: #fff;
}

small.cataut a:hover {
    color: #fff;
    text-decoration: none;
}

small.date {
    background: #303030;
    padding: 5px 8px;
    font-family: arial;
    font-style: italic;
    font-size: 1.2em;
    color: #fff;    
}

.entry p {
    font-family: arial;
    font-size: 1.3em;
    color: #313131;
    text-align: justify;
    padding-top: 10px;
}

.entry h1,h2,h3,h4,h5,h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.6em;	
	color: #89ad25;
	padding-top: 5px;
}

.entry h1 { font-size: 2em; }
.entry h2 { font-size: 1.9em; }
.entry h3 { font-size: 1.8em; }
.entry h4 { font-size: 1.7em; }
.entry h5 { font-size: 1.6em; }
.entry h6 { font-size: 1.5em; }

.entry img { padding: 7px; background: #f7f7f7; border: 1px solid #d6d6d6; margin-bottom: 7px; }

.entry ul li { list-style: disc; font-size: 1.3em; color: #909090; border-bottom: 1px solid #d6d6d6; padding: 3px 0; margin-left: 20px; }
.entry ol li { list-style: decimal; font-size: 1.3em; color: #313131; padding: 3px 0; margin-left: 40px; }

.entry a { color: #89ad25; }
.entry blockquote { margin-left: 2px; border-left: 7px solid #d3d3d3; padding-left: 9px}

.more {
	float: right;
}

.more a {
    font-family: arial;
    font-size: 1.4em;
    padding-top: 10px;
    color: #99c100;
}

.more a:hover {
    text-decoration: none;
    color: #313131;
}

/* Sidebar Section */

#sidebar {
    float: left;
    width: 280px;
    margin: 15px 0 0 20px;
    font-family: arial;
    color: #8a8a8a;
}

#sidebar ul {
    margin-bottom: 15px;
    background: url('images/hr_sidebar.png') 2px bottom no-repeat;    
}

#sidebar ul li h2 {
    font-family: arial;
    font-size: 1.7em;
    font-weight: bold;
    font-style: italic;
    color: #6c6c6c;
    padding: 7px 15px;
}

#sidebar ul li li {
    font-family: arial;
    font-size: 1.2em;
    padding: 0 15px 10px 25px;
}

#sidebar ul li a {
	font-weight: bold;
    color: #89ad25;  
}

#sidebar ul li a:hover {
    color: #313131;
    text-decoration: none;  
}

form#searchform {
	background: #fff;
	border: 1px solid #b7b7b7;
	margin: 0 15px;
	padding: 5px 0 5px 10px;
}

form#searchform input {
	width: 185px;
	padding: 3px;
	font-family: arial;
	font-size: 1.4em;
	color: #9f9f9f;
	border: 0;
}

form#searchform input.search_button {
	width: 29px;
	height: 30px;
	background: url('images/search_button.png');
	padding: 3px;
	font-family: arial;
}

.advertise {
	text-align: center;
	padding-bottom: 10px;
    margin-bottom: 15px;
    background: url('images/hr_sidebar.png') 2px bottom no-repeat;   	
}

.advertise img {
	padding-bottom: 2px;
}

/* Latest Section */

.latest {
    float: left;
    width: 650px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url('images/hr.png') bottom repeat-x;
}

h1.latest-title{
	font-size: 1.4em;
	text-transform: uppercase;
	color: #606060;
	padding-bottom: 15px;
}

.latest ul li h2 a  {
	font-family: arial;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	color: #89ad25;
}

.latest ul li h2 a:hover {
	text-decoration: none;
	color: #313131;
}

.latest ul li p  {
	font-family: arial;
	font-size: 1.2em;
	color: #313131;
	padding: 3px 0;
	text-align: justify;
}

.latest ul li small {
	font-family: arial;
	font-size: 1.2em;
	color: #7d7d7d;
	padding: 3px 0;
}

.latest ul li small a {
	font-family: arial;
	font-weight: bold;
	color: #89ad25;
}

.thumb-latest p a img {
    padding-top: 5px;  
}

.thumb-latest img {
    float: left;
    width: 110px;
    height: 94px;
    margin: 0 10px 10px 0;    
}


/* Comments Section */

h3.comment-titles { font-family: arial; font-size: 1.6em; color: #646464; margin-bottom: 10px; }
.comment-list { background: #e6e6e6; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 15px }
.post-comment { margin-bottom: 10px; font-family: arial; font-weight: bold; }
h3.post-comment { font-size: 1.5em; color: #8c8c8c;}
h3.post-comment a { text-decoration: none;}
.cancel-comment-reply { margin-bottom: 10px; text-transform: uppercase;}
ol.commentlist { font-size: 1.3em;  font-family: arial; list-style:none; padding:0; text-indent:0; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; }
ol.commentlist li { }
ol.commentlist li.comment { padding:1em; }
ol.commentlist li div.comment-author { color: #89ad25;  font-weight: bold; }
ol.commentlist li div.vcard cite.fn a.url { color: #89ad25; text-decoration: none; }
ol.commentlist li div.vcard cite.fn a:hover.url { color: #313131; text-decoration: none; }
ol.commentlist li div.vcard img.avatar { border: 1px solid #d6d6d6; width: 36px; height: 36px; float:left; padding: 3px; background: #f4f4f4; margin-right: 10px; }
ol.commentlist li div.comment-meta a { font-family: arial; color: #818181; font-weight: bold; text-decoration: none;}
ol.commentlist li p { color: #606060; clear:both; margin: 20px 0 10px 0; }
ol.commentlist li ul { list-style:square;  margin:0 0 1em 2em; }
ol.commentlist li div.reply a:hover { background: #70c6fa; color: #f8f8f8; padding: 3px 7px; text-decoration: none; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.comment-author-admin { background: #e5edf0; }
ol.commentlist li.even { background: #fbfbfb; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; }
ol.commentlist li.pingback { }
ol.commentlist li.bypostauthor { background: #e7edd7 !important; }
ol.commentlist li.thread-odd { background: #f2f2f2; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;  }
ol.pinglist { margin-bottom: 20px; }
ol.pinglist li { margin-bottom: 10px; }
ol.pinglist li a.url { background: #89ad25; font-family: arial; font-size: 1.3em; font-weight: bold; font-style: italic; color: #fff; padding: 4px 6px; }
ol.pinglist li a:hover.url { background: #313131; font-family: arial; font-size: 1.3em; font-weight: bold; font-style: italic; color: #fff; padding: 4px 6px; text-decoration: none; }



#respond input {
	width: 190px;
	font-family: arial;
	font-weight: bold;	
	font-size: 1.2em;
	color: #929292;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	padding: 6px 8px;
}

#respond input#submit {
	width: 120px;
	font-family: arial;
	font-weight: bold;	
	font-size: 1.2em;
	color: #929292;
	background: #f0f0ee;
	border: 1px solid #cccccc;
	margin-top: 10px;
	padding: 6px 8px;
}

#respond label small {
	font-family: arial;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	color: #929292;
	margin-left: 3px;
}

#respond textarea {
	width: 600px;
}


/* Social Section */

.social {
	padding: 15px 0 15px 0;
}

.social h2 {
	font-family: arial;
	font-size: 1.8em;
	color: #89ad25;
	padding-bottom: 5px;
}

.social_s {
	width: 42px;
	height: 43px;
	position: relative;
	float: left;
	margin-right: 15px;
}

.social_s a img {
	position: absolute;
	top: 0; left: 0;
	border: 0;
}

/* Post Contents */

.post-box {
	float: left;
	width: 625px;
	background: #e6e6e6;
	border: 1px solid #d1d1d1;
	padding: 5px 10px 10px 10px;
	margin: 10px 0 10px 0;
}

.post-box p a {
	color: #89ad25;
}

.post-box ul li {
	font-family: arial;
	font-size: 1.3em;
	color: #313131;
	margin: 7px 0 7px 0;
	list-style: none;
	border: none;
}

ul.list-items {
	float: left;
	margin-right: 20px;
}

.post-box ul li.feature-yes  {
	background: url('images/yes.png') 3px no-repeat;
	padding: 4px 0 4px 30px;
}

.post-box ul li.feature-no  {
	background: url('images/no.png') 3px no-repeat;
	padding: 4px 0 4px 30px;
}

.post-box-info {
	float: left;
	width: 625px;
	background: #e6e6e6;
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin: 10px 0 10px 0;
	text-align: center;
}

.post-box-info a img {
	width: 131px;
	height: 46px;
	margin-right: 20px;
}

/* Related Posts */

.related h2 {
	font-size: 1.9em;
}

.related ul li {
	font-family: arial;
	font-size: 1.3em;
	margin-left: 10px;
	color: #909090;
	padding: 5px 0;
	border-bottom: 1px solid #d6d6d6;
}

.related ul li a {
	color: #909090;
}

.related ul li a:hover {
	color: #313131;
	text-decoration: none;
}

/* Footer Section */

#footer {
    background: #3e3e3e;
    height: 75px;
    font-family: arial;
}

.footer {
    width: 960px;
    margin: 0 auto;
}

.left {
	width: 300px;
	float: left;
}

.right {
	float: right;
	padding: 5px;
}

.right p {
	font-size: 1.3em;
	color: #fff;
	padding: 3px 0;
}

.right p a {
	color: #fff;
}

.right p a:hover {
	text-decoration: underline;
}

/* Other */

img.alignleft {
	float: left;
	margin-right: 15px;
}

img.alignright {
	float: right;
	margin-left: 15px;
}