/*   
Theme Name: Builders
Theme URI: http://colorwp.com/theme/builders/
Description: Stylish, blue, corporate theme. Widget ready. Twitter widget integrated.
Author: ColorWP.com
Author URI: http://colorwp.com
Version: 1.0
Tags: blue, gray, light, fixed-width, left-sidebar, two-columns, custom-menu

License: GNU GPLv3
License URI: http://www.gnu.org/licenses/gpl.html
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Ubuntu:400,700|Oswald);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Droid Sans', sans-serif;
	font-size:18px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
        color:#64DEAA;
	text-decoration:none;
}
b{
	font-weight:bold;
}
/* CSS RESET END */

body{
	background: #4b4b4b;
        background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
        background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.clear{
	clear:both;
}
#main-wrapper{
	width:800px;
	margin:30px auto 0px auto;
	background: white;
	box-shadow: 0px 0px 2px 1px #333;
}
#header{
	padding: 5%;
	width:90%;
        margin:10% auto;
}
#logo{
        background:url(images/logo.png);
	width:145px;
        height:208px;
        margin:auto;
}
#logo img{
    width:70%;
    margin-left:auto;
    margin-right: auto;
}
#title{
	width:100%;
        text-align:center;
/*	height:208px;*/
}
#sitename{
	font-size:38pt;
	font-family:Impact;
	text-transform:uppercase;
	color:#076AB4;
        margin:5% auto;
}
#tagline{
	font-size:14pt;
	font-style: italic;
	color:#333;
        margin-top:2%;
}

/* Sidebar and Content */
#sidebar{
	float:left;
	width:30%;
}
#main-content{
	float:right;
	width:70%;
        margin:2% auto;
}
.post-content p{
    line-height:1.7em;
}
.post_nav_links{
    padding-top:20px;
}
.post_nav_links a{
    color: #076AB4;
}
#previous_posts_link{
    float:left;
}
#next_posts_link{
    float:right;
}
#nav{
	list-style:none;
}
#nav li{
	width:100%;
	height:30px;
	margin:0 0 5px 0;
	background: #0076c0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	position:relative;
}
#nav li span, .menu li span{
	position:absolute;
	width:15px;
	height:30px;
	background: #246690;
	left:-15px;
	top:2px;
	background-image:url(images/menu-shadow.png);
	background-position:right;
	background-repeat:repeat-y;
}
#nav li:hover{
	background:#333;
}
#nav li a{
	font-family:Impact, Verdana, Arial;
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	line-height:30px;
	margin:0 0 0 20px;
}
#sidebar ul{
	list-style:none;
	margin:0 0 50px 0;
}
#sidebar ul li h2{
        margin: 20px auto;
        text-align: center;
        text-transform:uppercase;
        font-weight:bold;
        font-size:20px;
        color:#64DEAA;
}
.sidebar_widget ul li, .sidebar_widget div{
	font-style:italic;
        text-align:center;
	margin:0 20px;
	font-size:90%;
        line-height:1.5;
	color:#555;
}

/* Main Content Area */
.post-title{
	margin:5% auto 3% 20px;
	font-size:24px;
	font-weight:bold;
/*        font-family: 'Ubuntu', sans-serif;*/
        font-family: 'Oswald', sans-serif;
	color:#076AB4;
}
.post-content{
	margin: 20px;
	position:relative;
}
.post-content p{
	margin:5px 0;
}
.post-image{
        width:150px;
        height:150px;
	float:right;
	margin:5px 0 5px 15px;
	box-shadow: 0 0 4px 3px #bbb;
}
.post-comments{
        text-decoration:none;
        margin-top:5%;
	color:#0076c0;
}
.post-meta{
	position:absolute;
	bottom:0;
	right:-20px;
	width:25%;
	text-align:center;
	opacity:0.5;
	background: #aaa;
	color:white;
	font-size:70%;
	padding:5px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.post-meta span{
	position:absolute;
	width:15px;
	height:100%;
	background: #555;
	right:-15px;
	top:1px;
	background-image:url(images/postmeta-shadow.png);
	background-position:left;
	background-repeat:repeat-y;
}

/* Comments area */
#comments_wrapper{
    margin:15% 20px 20px 20px;
}
h2#comments{
    font-size:120%;
    font-weight: bold;
    color:#aaa;
    margin:40px auto 20px auto;
}
#respond h2{
    font-size:110%;
    color:#777;
    margin:20px auto 10px auto;
}
.comment-body p{
    margin:10px auto;
}

/* Bottom Widgets */
#bottom-widgets{
	width:750px;
	margin:auto;
	min-height:200px;
	padding:10px 25px;
/*	background:#076AB4;*/
        background: #444444; /* Old browsers */
        background: -moz-linear-gradient(left,  #444444 0%, #666666 51%, #444444 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#444444), color-stop(51%,#666666), color-stop(100%,#444444)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* IE10+ */
        background: linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=1 ); /* IE6-9 */
        color:white;
	border-top:1px solid #555;
}
#bottom-widgets .widget{
	float:left;
	width:228px;
        padding:0 10px;
	list-style:none;
        text-align:center;
}
#bottom-widgets div:nth-child(1), #bottom-widgets div:nth-child(2){
/*	border-right:1px dotted gray;*/
}
#bottom-widgets h2{
	font-weight:bold;
	font-size:130%;
	text-align:center;
        text-transform: uppercase;
	margin:4% auto;
	color:#ccc;
}
#bottom-widgets a{
	color:#64DEAA;
}
#bottom-widgets p{
    margin-bottom:5%;
}

/* Footer Area */
#footer{
	width:780px;
	margin:0 auto 30px;
	padding:10px;
	text-align:center;
        font-size:60%;
	background: #444444; /* Old browsers */
        background: -moz-linear-gradient(left,  #444444 0%, #666666 51%, #444444 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#444444), color-stop(51%,#666666), color-stop(100%,#444444)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* IE10+ */
        background: linear-gradient(left,  #444444 0%,#666666 51%,#444444 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=1 ); /* IE6-9 */
	color:#fff;
}

/* Search Form */
#searchform{
    width:100%;
}
#searchform labe{
    display:block;
}
#searchform #s{
    width:50%;
}
#searchform #searchsubmit{
    width:40%;
}
/* Required by Wordpress theme repository */
.wp-caption{}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {
    background:#eee;
    padding:2%;
    width:96%;
}
.alignright {
    float:left;
}
.alignleft{
    float:right;
}
.aligncenter{
    float:none;
    text-align:center;
}