/*
Theme Name: Social Conversations - Orange with People
Theme URI: http://www.serengeticommunications.com
Description: Social Conversations (design circa September 2009)
Author: John Rhea
version: 1.0
*/


/* basics */

*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}

html {
	background-color: #F2981F;
	}

body {
	font-family: arial, Helvetica, verdana, tahoma, sans-serif;
	font-size: 8pt;
	width: 1172px;
	margin: auto;
	padding-bottom: 30px;
	}

#body-home {
	background: url(images/home_bg.gif) no-repeat;
	}

#body-sub {
	background: url(images/sub_bg.gif) no-repeat;
	}
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;font-weight: 900;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #89A602;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{	color:#27a1c5;
	text-decoration: none;
	font-weight: bold;
	}

a:hover { text-decoration: underline;}

a:visited {	color:#D65B00; }

/* container */


#container {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	color: #00071b;
	overflow: hidden;
	background-color: #fff;
	}


/* header */

#header {
  	width: 930px; 
  	height: 158px;
  	margin: auto;
  	padding-top: 70px;
	}
#header-home {
  	width: 930px; 
  	height: 158px;
  	margin: auto;
  	padding-top: 140px;
	}

/* main menu */


#nav {
	color: #c3bfbf;
	font-weight: normal;
	background-color: #fff;
	font-family: Helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	width: 930px;
	height: 20px;
	overflow:hidden;
	padding:9px 5px 5px 5px;
	border-bottom: solid 1px black;
}

#nav ul {
	margin:0;
	padding:0;
	padding-left: 67px;
}

#nav ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding-top: 4px;
}

#nav ul li img {
	margin-top: -7px;
}

#nav ul li a {
	padding: 6px 9px 0 9px;
	margin: 0;
	color: #151413;
	margin-right: 6px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #c6c0c0;
}

#nav ul li a:hover {
	color:#27A1C5;
	text-decoration: none;
	border-color: #27A1C5;
}
#nav .current_page_item a {
	color: #27A1C5;
	border-color: #27A1C5;
}
.page_item {
	
}


/* content */


#content {
	float: left;
	width:420px;
	overflow: hidden;
	margin:30px;
	padding-left:40px;
	padding-top: 20px;
	}	

#content .post h2 {
	font-size: 18pt;
	font-weight: 900;
	margin-bottom: 5px;
	line-height 1.2em;
	color: #555555;
}

#content .post .entry h1 {
	font-size: 13pt;
	line-height: 1.2em;
	margin-bottom: 15px;
}

#content .post .entry h2 {
	font-size: 10pt;
	font-weight: 900;
	margin-bottom: 5px;
	line-height 1.2em;
	color: #222222;
}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	font:normal 22px arial, helvetica, verdana, sans-serif;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #D65B00;
	text-decoration: none;
	}

.post ul {
}

.post li {
}

.post img {
	margin: 10px; 
}
.entry {margin: 0;}

.entry p{margin:0 0 12px 0;}

.entry ul {list-style: disc outside; margin: 0 0 15px 25px;}

.entry ol {list-style: decimal outside; margin: 0 0 15px 25px;}

.postmetadata{
	clear: both;
/*	background:#F7F7F7;*/
	padding:6px;
	margin: 10px 0 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}

.archive_title {
	font:normal 18px arial, helvetica, verdana, sans-serif;
}

.alignleft a{margin:25px 0;}

.alignright a{margin:25px 0;}

/* sidebar */
#sidebar {
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size:12px;
	width:340px;
	float:right;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 50px;
	color: #595858;
}

#sidebar-bg {
	width:340px;
	float:right;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #595858;
	background: url(images/sidebar_bg.gif) repeat-y;
}

#sidebar #rightside {
	float: right;
	width: 150px;
	padding-left: 10px;
	}
	
#sidebar #leftside {
	float: left;
	width: 150px;
	padding-left: 20px;
	}

#sidebar h2{
	font:bold 16px helvetica, arial, verdana, sans-serif;
	color: #595858;
	margin: 0;
	padding: 3px 0;
}

#sidebar p {
	margin:0;
	padding:0;
	font:normal 12px helvetica, arial, verdana, sans-serif;
	}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:10px 0 0 0;
	padding:0;
	}

#sidebar ul li {
	margin-left: 0;
	width: 140px;
	}
#sidebar .widgetized ul li{
	padding-bottom: 8px;
	}
#sidebar ul li a {
	font:normal 11px arial, helvetica, verdana, sans-serif;
	color: #6c6b6a;
	line-height: 1.1em;
	}
	
#sidebar ul li.sidebar-spacer {
	clear: both;
	border-bottom: solid 1px #e4e3e3;
	width: 120px;
	margin: 20px 20px 20px 5px;
}

#whitepaper { width: 74px; margin-left: 20px;}

#sidebar #follow {width: 125px; margin-bottom: 70px;}
#contentfooter #follow {width: 155px;}
#contentfooter #follow a {color: #595858; font-weight: normal;}
#sidebar #follow li {padding: 4px 0 0 20px; margin-bottom: 4px; height:16px; width: 40px;}
#contentfooter #follow li {padding: 4px 0 0 20px; margin-bottom: 4px; height:16px; width: 55px;}

#sidebar #follow li.twitter, #contentfooter #follow li.twitter {background: url('images/icons/twitter16x.gif') no-repeat left; float: left;}
#sidebar #follow li.youtube, #contentfooter #follow li.youtube {background: url('images/icons/youtube_favicon.gif') no-repeat left; float:right;}
#sidebar #follow li.flickr, #contentfooter #follow li.flickr {background: url('images/icons/flickr_favicon.gif') no-repeat left; float:left;}
#sidebar #follow li.slideshare, #contentfooter #follow li.slideshare {background: url('images/icons/slideshare_favicon.jpg') no-repeat left; float:right;}

#sidebar #follow li.facebook, #contentfooter #follow li.facebook {background: url('images/icons/facebook-16x.gif') no-repeat left;}
#sidebar #follow li.linkedin, #contentfooter #follow li.linkedin {background: url('images/icons/linkedin.ico') no-repeat left;}

/* comments */
.commentlink {
	margin: -30px 0 10px 0;
}

.secondary_comment_link {
}

#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #dfdfdf;
	}
	
#submit{
	background: #eaece4;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin: 5px 5px 0 0;
	padding:0;
}

#comments{
	margin:10px 0 10px 0; /*margin:0;*/
	padding:0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	clear:both;

}
	

ol.commentlist {list-style-type: none; margin:0; padding: 0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #FFF;
	margin: 0; 
	padding: 10px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #f1f1f1;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; /*clear: both;*/}

ol.commentlist a {color:#27a1c5;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#rss-search {
	float: right;
	margin-right: 60px;
	width: 180px;
}

#search {
	float: left;
	}

#search input { border: 0; }

#search #s { 
	width: 100px;
    height: 12px;
	padding: 2px 0 2px 6px;
	font: normal 10px Helvetica;
	vertical-align: top;
	color: #404040;
	border: solid 1px #c6c0c0;
}
#search #searchsubmit { 
	width: 26px; 
	height: 17px;
    text-align: center;
	font: normal 10px Helvetica;
	color: black;
	background-color: #DDD;
}

#rss-search img {
	float:right;
	margin-top: -7px;
	}
	
/* misc */

#joinconvo #jc, #joinconvo-home #jc { 
	width: 135px;
    height: 12px;
	padding: 2px 0 2px 6px;
	font: normal 10px Arial;
	vertical-align: top;
	background-color: #e4e3e3;
	color: #404040;
	border: solid 1px #c6c0c0;
}

#joinconvo-home {
	padding: 5px 0;
	}

#joinconvo-home #jc {
	width: 180px;
	text-align: center;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}


img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


.alignright {
	float: right; margin-bottom: 25px;	
	}


.alignleft {
	float: left; margin-bottom: 25px;	}
	
.logo {
	margin-top: -30px;
	}

#logohome {
	margin-top: 5px;
	margin-bottom: -30px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   
/* optional rounded corners for browsers that support it */
   
-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}


.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
	background:#000;
	clear: both;
	width: 100%;
	}
	
#footer p{padding:7px 0 7px 72px;margin: 0; color: #FFF;}
#footer a{color: #fadbb2; text-decoration: none;}
#footer a:hover{text-decoration: underline;}

/* Highlights */

.bluehilit {
	color: #27A1C5;
	}
	
.redhilit {
	color: #D65B00;
	}
	
.greenhilit {
	color: #89A602;
}
	
#sidebar .bluehilit {
	color: #27A1C5;
	}
	
#sidebar .redhilit {
	color: #D65B00;
	}
	
#sidebar .greenhilit {
	color: #89A602;
}

/* Sociable Plugin */
div.sociable { margin: 0 0 10px 0; }

span.sociable_tagline { position: relative;}
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable_tagline { float: left;}

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Tweet Meme Plugin */

#tweetmeme_button {
	float: left;
	margin: 6px 0 0 0;
	padding: 0;
	
}

/* Herd Photos */
.herd_photo {
	margin: 0 5px 5px 0;
}

.spacer {
	margin: 15px;
}

/* -network nav styles- */

#network-nav-wrap
{
zoom:1;
width:100%;
height:46px;
background:url(images/bg-network-nav-wrap.gif) repeat-x;
}
#network-nav-wrap:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
#network-nav
{
background:url(images/bg-network-nav.gif) no-repeat right top;
padding-top:28px;
width:930px;
margin:0 auto;
text-align:right;
}

#network-nav ul
{ zoom:1; padding:0; margin:5px 0 0 0; }
#network-nav ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#network-nav ul li
{ float:right; font-size:90%; padding:0 15px; margin:0; list-style-type:none !important; border-right:1px solid #fff; }

#network-nav ul li.first-child
{ border-right-style:none !important; padding-right:0 !important; }
#network-nav ul li a:link, #network-nav ul li a:visited
{ color:#000; }