/*  

Theme Name: o5

Theme URI: http://www.o5.com/

Description: Original WordPress theme for o5.com, using the 960 grid system.

Version: 1.0

Author: Lorraine Barte Nepomuceno

Author URI: http://www.splashscreen.com/



*/



@import url("960/960.css");

@import url("960/reset.css");

@import url("960/text.css");



body{

	background:#ccc url(images/bg-body.png) center repeat-y;

	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

	line-height:1.4;

}



#wrapper{background-color:#fff;}



h1, h2, h3, h4, h5 {margin-bottom:8px;line-height:1;}

p {margin-bottom:8px;}

ul, ol {line-height:1.4;}

caption, .caption {font-size:82%;margin-top:0;padding-top:0;font-style:oblique;}

.alignleft {float:left;}

.alignright {float:right;}





/*----- LINKS -----*/



a, a:link {text-decoration: none; color:#019bd9;font-weight:bolder;}

a:hover {text-decoration:underline; color:#ff9900;}

#header a, #header a:link {color:#fff;}

#nav a, #nav a:link {color:#bce2f9;}

#footer a, #footer a:link {color:#71c8ff;}

#footer a:hover {text-decoration:none;color:#fff;}



/*----- HEADER -----*/



#header{background:#fff url(images/bg-header.png) repeat-x;}

	#logo-home{background:transparent;margin-top:50px;margin-left:8px;float:left;margin-bottom:30px;}

	#logo{background:transparent;margin-top:10px;margin-left:8px;float:left;margin-bottom:20px;}

	#header-content{background:transparent;}

		.nav-login{padding:8px 8px 14px 8px;text-align:right;font-size:96%;color:#fff;font-weight:bold;line-height:1.2;}

			.nav-login a, .nav-login a:link{color:#fff;}

			.nav-login span{font-size:86%;font-weight:normal;}

		.nav-bar{color:#BCE2F9;margin-top:4px;float:right;}

		.header-qa-box {float:left;padding:10px;margin:10px 0 0 20px;}

			.header-qa-form {float:left;width:300px;padding 2px 0 0 0;margin:10px 0 0 20px;}

			.header-qa-form .gform_footer {padding:0px;margin:0;}

		.nav-search{margin-top:10px;padding:10px;color:#666;text-align:right;float:right;}

			.nav-search span{float:left;padding-right:6px;}





/*----- CONTENT -----*/



#content{clear:both;background:#fff url(images/bg-contentcolumns.png) repeat-x bottom;overflow:hidden;padding-bottom:10px;}

#main {}

	.content-featured{background-color:#ffe2a0;padding:10px;-moz-border-radius: 9px;

-webkit-border-radius: 9px;-webkit-border-top-left-radius: 9px;-webkit-border-bottom-right-radius: 9px;margin-left:8px;}

		.content-featured h3{font-size:260%;}

		.content-featured h3 a, .content-featured h3 a:link{color:#000;}

		.thumbnail-featured img{padding:6px;margin-right:16px;background-color:#ccc;float:left;}

		.content-featured .post-body{padding:10px 6px 10px 6px;}

	.content-box{

	background-color:transparent;

	font-size:100%;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;

	-webkit-box-shadow: 2px -2px 8px  #ccc;

	-moz-box-shadow: 2px -2px 8px  #ccc;

	margin:0 20px 20px 10px;

	}

		.poll-box{padding-bottom:10px;font-size:86%;background:transparent url(images/icon-polls.gif) top right no-repeat;}

		h6.content-box-hd{margin:30px 0 2px 10px;line-height:.8;color:#333;}

		.poll-box h6 {padding:20px 30px 0px 10px;margin-bottom:6px;}



		.content-box ul, .content-box p {padding:20px 6px 20px 4px;}

		.content-box ul {margin-left:0;list-style: none;line-height: 1.7;}

		.content-box li {clear:left;line-height:1;margin-bottom:10px;font-size:120%;}

			.category-icons{float:left;}

			.content-box li img{padding-right:8px;margin-bottom:10px;}

.democracy{}

	.democracy li{line-height:100%;}

	.democracy ul{padding-bottom:8px;}

.dem-vote-button{}

.dem-results {line-height:110%;}

.dem-total-votes {line-height:100%;text-align: right;padding-right:10px;font-size:86%;}

		.box-related{padding:10px 10px 10px 10px;margin-left:10px;}

		.more{

	text-align: right;

		}

		.more span{

	background-color:#ccc;

	font-size:96%;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;

	padding:6px;

		}

		.more span a, .more span a:link {color:#000;}



.navigation{overflow:auto;margin:8px 0 10px 0;padding-top:10px;}

.navigation-bottom{clear:both;overflow:auto;margin:8px 0 10px 0;padding-top:20px;}



/*----- POST STYLES -----*/

.post-body {font-size:110%;margin-bottom:8px;}

	h2.post-title {font-size:240%;color:green;}

	h2.archives {color:green;}

	.post-byline {margin:0 0 10px 0;font-size:92%;color:#666;}

	.post-body.single {padding:20px;}

	.post-body.single img{padding-top:8px;padding-bottom:10px;}

	.post-body.archives{}

		.post-body.archives h2{margin-bottom:10px;}

		.post-body.archives h4{color:#666;}

	.post-body ul, .post-body ol {margin-left:20px;list-style: square;}

	.single .social-media {padding:10px;border-top:1px solid #eee;margin:0 10px 4px 0;}

		.social-media{overflow:hidden;border-bottom:1px solid #eee;}

		span.voting{float:left;padding-right:10px;color:#990000;}

			span.tickercontainer{background-color:#fff;}

			span.tickertext{font-size:82%;font-weight:bold;}

			span.votelink{}

		span.sharedaddy{float:left;padding:4px;background-color: #eee;}

		span.sm-twitter{float:left;padding-right:10px;font-size:82%;}

		span.sm-digg{float:left;padding-right:10px;font-size:82%;}

		span.sm-reddit{float:left;padding-right:10px;font-size:82%;}

		span.sm-su{float:left;padding-right:10px;font-size:82%;}

		span.sm-delicious{float:left;padding-right:10px;font-size:82%;}

		span.sm-facebook{float:left;padding-right:10px;font-size:82%;}

		.social-media a, .social-media a:link {color:#333;}

		.facebook-like {padding-top:4px;border-top:1px solid #eee;}

	.thumbnail img{padding:6px;margin-right:16px;background-color:#ccc;float:left;}

	.archive-list{clear:left;padding:10px 0 10px 0;}

	.post-body h5 {padding:8px 0 8px 0;}

	.tagged{font-size:92%;}

		.postmetadata a, .postmetadata a:link {}

		

	

	.qa-columns {}

	

	.qa-a{margin-bottom:4px;padding:8px;}

		.qalist{border:1px solid #ccc;}

	.qa-a .post-byline{font-style:oblique;text-align: right;}

	h3.questions{padding:6px 0 6px 0;color:green;font-size:120%;border-top:1px solid #ccc;margin-top:10px;}

	.question{color:green;}

	.qa-a h4{font-size:125%;color:#666;}

	.qa-a ul{margin-left:8px;padding-left:8px;}

	.answer{}

/*----- COMMENTS -----*/



.comments {margin:0 0 10px 20px;}

.bordah {border:1px solid #000;}



/*----- SIDEBARS -----*/



#sidebar{background:transparent;}



	.sidebar-box {

	padding:10px 10px 0 8px;

	background-color:#fff;

	}

		.sidebar-box h4{color:#666;margin-left:6px;font-size:130%;}

		h4.green {color:green;}

		.orange {color:green;}

		.sidebar-box ul, .sidebar-box ol{list-style:none;margin-left:0;padding-left:0;margin-right:10px;}

		.sidebar-box li {line-height:1.2;padding-bottom:6px;}

		.sidebar-box ul a, .sidebar-box ul a:link, .sidebar-box ol a, .sidebar-box ol a:link {color:#5E2612;text-decoration:underline;}

		.sidebar-box ul a:hover, .sidebar-box ol a:hover {text-decoration: none; color:#ff9900;}

		.sidebar-box .poll {padding:10px 2px 0 2px;overflow:hidden;}

	.qa, .poll {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;

	-webkit-box-shadow: 2px -2px 8px  #ccc;

	-moz-box-shadow: 2px -2px 8px  #ccc;

	}

		.qa h4{color:#7cb336;font-weight:bold;padding:0;margin:0;background:#fff url(images/icon-qa.png) top right no-repeat;}

		.poll h4{color:#666;padding:8px 0 0 0;margin:0;}

		.qa{}

		.qa h5{font-weight:normal;padding:0;margin:0;}

			.qa p{font-size:115%;line-height:1.1}

			.qa a, .qa a:link {color:#7cb336;text-decoration: underline;}

			.qa a:hover {text-decoration: none;}

		.poll h6 {background:transparent url(images/icon-polls.gif) top right no-repeat;padding:10px 50px 10px 10px;height:40px;}

		



/*----- FOOTER -----*/



#footer{clear:both;overflow:auto;background-color:#333;color:#fff;padding-bottom:10px;}



.gform_wrapper, .gform_body {padding:0;margin:0;}

.qa-standalone-box{

margin-top:10px;background-color:#000;padding:2px 8px 2px 8px;font-size:100%;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;

	}

	.qa-standalone-box h3{font-weight:normal;font-size:180%;color:#999;float:right;padding-top:8px;text-transform: lowercase;font-style: oblique;}

	.qa-standalone-box .example{font-size:82%;font-style:oblique;}

	.qa-standalone-box .top_label{padding:0;margin:0;}

	.qa-standalone-box .button{padding:0;margin:0;}

	.qa-widge, .qa-widge-hd{padding:0;margin:0;line-height:1;}

	.qa-widge input{padding:0;margin:0;}

	.qa-widge ul, .qa-widge li{padding:0;margin:0;line-height:1;}

	#gform_2{padding:0;margin:0;}

	.qhub-widget {font-size:82%;}



#recipe-makers ul

{

margin-left: 0;

padding-left: 0;

list-style: none;

}



#recipe-makers li

{

padding-left: 14px;

background-image: url(images/icon-recipemakers.gif);

background-repeat: no-repeat;

background-position: 0 .8em .9em 0;

padding-bottom:4px;

}

.bottom-box{padding:20px;}

	.bottom-box span{font-size:86%;background-color:#666;padding:2px 4px 2px 4px;-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	-webkit-border-top-left-radius: 2px;

	-webkit-border-bottom-right-radius: 2px;}

.site-buttons{background-color:#636B79;padding:20px 10px 10px 10px;font-size:140%;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;}

	.site-buttons img {float:left;padding-right:10px;}

	.site-buttons p{clear:left;}

	.site-buttons a, .site-buttons a:link {text-decoration: underline;}

.copyright{font-size:86%;text-align:left;}





.clear {clear:both;}



.nav-search input {

	font: 1em 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-shadow: 0 1px 0 rgba(0,0,0,.7);

	padding: 6px 8px;

	background: #eee;

	color: #333;

	border: 1px solid #eee;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	outline: none;

	margin:2px 0 4px 0;

}





	.nav-search input {

		width: 202px;

	}

		.nav-search input:hover {

			border-color: #ccc;

		}

		.nav-search input:focus {

			border-color: #ccc;

			color: #333;

		}

	

	.nav-search input.submit, .nav-search input[type=submit] {

		width: auto !important;

		padding-left: 8px;

		padding-right: 8px;

		font-weight: bold;

		color: #fff;

		background: #ccc url(images/gradient.png) repeat-x top center;

		border-color: #eee;

		cursor: pointer;

	}

		.nav-search input.submit:hover, .nav-search input[type=submit]:hover, .nav-search input.submit:focus, .nav-search input[type=submit]:focus {

			background-color: #eee;

			color:#333;

		}

		.nav-search input.submit:active, .nav-search input[type=submit]:active {

			background-color: #ccc;

			text-shadow: 0 -1px 0 rgba(0,0,0,.7);

		}

		.search-excerpt {background-color:yellow;}





/*----- Gravity Forms -----*/



#gform_wrapper_5 {}

#gform_5 {}

	.gform_5 input {margin:0px;padding:0px;}

.gform_footer {}

.top_label {margin:0px;padding:0px;}

#gform_submit_button_5 {}

.button {}

#gform_5 .gform_footer .button {display:none;}

#gform_5 label {display:none;}



#gform_5 input {

	font: 1em 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-shadow: 0 1px 0 rgba(0,0,0,.7);

	padding: 6px 8px;

	background: #eee;

	color: #7cb336;

	border: 1px solid #eee;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	outline: none;

	margin:2px 0 4px 0;

}



.adsense-sidebar {margin:4px 0 4px 0;padding:0;text-align: center;}

.related-anw { margin: 15px 0 0px 20px; }

.tla { font-size: 11px; }

.home-ads { float:right; margin: 0 10px 0 0; }