/*  

Theme Name: bSocial

Theme URI: http://bsocial.ithemes.com/

Author: iThemes

Author URI: http://iThemes.com/

Version: 1.1.7

Description: bSocial is a social blog theme from iThemes.com.

Tags: social networking, blog, homepage, webspace, theme options, custom header



Version History

	See history.txt

*/


html { min-height: 100%; margin-bottom: 1px;padding:0; }
body { margin: 0; padding: 0; }



body { 

	/*background: #000 url(images/body-bg.jpg) repeat-x;*/

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: center;

	padding: 15px 0px;

	background-color:#000000;

}



body * {margin: 0px; padding: 0px;}



.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }



/*********************************************

		Link Styles

*********************************************/

a {

	color: White;

	text-decoration:none;
	font-weight:bold;

}

a:hover {

	text-decoration:none;
	color: #CCCCCC;

}



/*********************************************

		Text Elements

*********************************************/

p, ul, ol, blockquote {color: White;}

ol, ul {

	margin: 5px 5px;

}

blockquote {

	margin: 5px 0px 5px 10px;

	padding: 0px 0px 0px 10px;

	border-left: 1px solid #999;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

}

#content p,

#content ol li,

#content ul li {

	line-height: 18px;

}

hr.shadow {

	display: none; clear: both;

	border: none;

	

	width: 944px; height: 0px;

}

/*********************************************

		Header Styles

*********************************************/

h1 { /* This style used as title on single posts and pages */

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 30px; line-height:normal;

	margin: 0px 0px 10px 0px; padding: 0px ;

	color:#FFFFFF

	/*background: #000 url(images/filmstrip.gif);*/

}
h1.indent {
	text-indent:-1000px;
	font-size: 10px;
	margin:0;
	padding:0;
}
.h1style { /* This style used as title on single posts and pages */

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 60px; line-height:normal;

	margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px;

	color:#ccc;

	/*background: #000 url(images/filmstrip.gif);*/

}
.h1override {
	font-size: 30px;
}
h2 { /* This style used as header in the sidebars */

	font-size: 15px;

	color:#FFFFFF

	font-family: Helvetica, Arial, Sans-Serif;

	margin: 0px 0px 10px 0px;

	padding: 5px;

	font-weight: normal;

}

h3 { /* This style used as the post titles on homepage/archive */

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 18px; line-height:normal;

	margin: 0px; padding: 0px;

	color:#fff;

}

h3 a {

}

h3 a:hover {
	text-decoration:underline;

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: White;

	text-decoration: none;

}



/*********************************************

		The Obligatory WP Styles

*********************************************/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

   margin: 0px 8px 8px 0px;

}



.alignright {

   float: right;

   margin: 0px 0px 8px 8px;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   padding-top: 4px;

   margin: 10px;

}



.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;

}





/*********************************************

		Container Div

*********************************************/

#container {

	background-color:black;

	text-align: left;

    margin: 0px auto;

    width: 944px;

    padding: 0px;

    overflow: hidden;
	border:2px solid #898989;

}

/** Inner Page Style **/

#inner {

	width: 944px;

	/*background: #e7e7e7 url(images/columns-bgr.gif) repeat-y;	*/

	background-color:black;

}



/*********************************************

		Header Styles

*********************************************/

#header {

	background-color:Black;
	background-image:url(images/portfolio-graphic-design.jpg);
	background-repeat:no-repeat;
	width: 944px; height: 103px;

	margin: 0px; padding: 0px;

	display: block;

	border-bottom:2px solid #898989;

}

#header #title {

	/*width:190px; height: 103px;
	margin: 0px; padding: 0px;*/

}

#header #title a {
	width: 200px; height: 103px;
	margin: 0px; padding: 0px;
	display:block;

}

/*********************************************

		Horizontal Navigaion Styles

*********************************************/

#menu {

	float: right;
	font-size: 14px;
	width: 700px; height: 24px;
	margin: 10px 12px 0px 0px; padding: 0px;
	letter-spacing: 1px;
	text-transform: lowercase;
	position: relative;
	z-index: 100;
	overflow:hidden;

}

/* This is the style for the first UL (the grey) */

#menu ul {



	background: transparent;
	height: 30px; 
	line-height: 30px;
	margin: 0px -2px 0 0; 
	padding: 0px;
	float:right;

}

/* This is the style for the top level list items */

#menu ul li {

	display: block;
	float: left;
	list-style-type: none;
	height: 30px; line-height: 30px;
	margin: 0px; padding: 0px;
	

}

#menu ul li.home {

	background: none;

}

/* The style for all links */

#menu a {

	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	border-right: 2px solid white;

}

/* The hover state colors and background for all LI items and links */

#menu li:hover,

#menu li:hover a,

#menu li.sfhover,

#menu li.sfhover a,

#menu li a:hover {

	color: #CCCCCC;

	text-decoration: none;

}

/* This is the style for the top level links */

#menu ul li a {

	

	height: 30px; line-height: 30px;
	margin: 0px; padding: 0px 8px;
	text-decoration: none;

}

/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a {

color:#CCCCCC;

}

/****************************** 

The second-level stuff 

*******************************/

/* This hides the nested UL before you hover */

#menu li ul {

	clear: both;

	position: absolute;

	width: 132px;

	left: -999em;

}

/* This shows the nested UL when you hover */

#menu li:hover ul, 

#menu li.sfhover ul {

	left: auto;

	display:  block;

	z-index: 1000;

}



/* This is the style for the nested UL */

#menu li:hover ul, #menu li.sfhover ul {

	background: transparent;

	display: block;

	border-top: 1px solid #FFF;

	margin: 0px; padding: 0px;

}

/* This is the style for the LI items within the nested UL */

#menu li:hover ul li,

#menu li.sfhover ul li {

	background: transparent;

	width: 130px;

	display: block;

	padding: 0px; margin: 0px;

	height: 25px; line-height: 25px;

	overflow: hidden;

	text-align: left;

	border: 1px solid #FFF;

	border-top: none;

}

/* This is the style for the links within the LI items within the nested UL */

#menu li:hover ul li a,

#menu li:hover ul li.current_page_item a,

#menu li.sfhover ul li a,

#menu li.sfhover ul li.current_page_item a {



	width: 120px;

	display: block;

	margin: 0px; padding: 0px 5px;

	height: 25px; line-height: 25px;

	border: none;

	color: #FFF;

	font-weight: bold;

}

/* This is the style for the hover state on the links within the LI items within the nested UL */

#menu li:hover ul li a:hover, 

#menu li.sfhover ul li a:hover {

	color: #CCCCCC;

	text-decoration: none;

	margin: 0px;

	padding: 0px 5px;

	height: 25px;

	line-height: 25px;

	font-weight: bold;

}



/*********************************************

		Feature Styles

*********************************************/

#feature {

	/*background: url(images/bottom-shadow.gif) bottom center no-repeat;*/

	width: 944px; 

	margin: 0px; padding: 0px;

		border-bottom:2px solid #898989;

}

#feature #rotator {

	width: 625px; height: 315px;

	margin: 0px; padding: 0px;

	float: left;

	border-right:2px solid #898989;

}

#feature #rotator img {

	width: 625px; height: 315px;

	margin: 0px; padding: 0px;

}

#feature #latest {

	width: 246px; height: 265px;

	margin: 0px; padding: 20px;

	/*border-left:4px solid white;*/

	float: left;
	display:inline;

	/*background-image:url(/wp-content/uploads/2010/04/blog.gif);*/

}

#feature #latest h3 {

	margin: 0px; padding: 0px;

	font-size: 18px;

	color: #FFF;
	
	

}

#feature #latest ul {

	margin: 0px; padding: 10px 0px 0px 15px;

	/*text-transform: uppercase;*/

	font-family: Arial, Helvetica, Sans-Serif;

	font-weight: bold;

	font-size: 14px;
	width:240px

}

#feature #latest ul li {

	margin: 0px 0px 10px 0px; padding: 0px;

	color: #FFF;

}

#feature #latest ul li a {

	color: #FFF;

	text-decoration: none;

}

#feature #latest ul li a:hover {

	text-decoration: none;

	color:#CCCCCC;

}



/*********************************************

		Top3 Styles

*********************************************/

#top3 {

	margin: 0 0 0 1px; padding: 0;

	width: 944px;

	/*background: url(images/bottom-shadow.gif) bottom center no-repeat;*/

}

#top3 .post {

	display: block; float: left;

	margin: 0  0 0 -4px; padding: 15px;

	width: 286px; height: 290px;

	overflow: hidden;

	border-left: 2px solid #898989;

	background-color:black;

	display: inline;

}

#top3 .post h3 {

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 18px; line-height: 18px;

	margin: 0px; padding: 0px 0px 10px 0px;

	color: white;

}

#top3 .post h3 a {

	color: white;

	text-decoration: none;

}

#top3 .post img {

	width: 278px;

	margin: 0px; padding: 0px 0px 10px 0px;

}

#top3 .post p {

	margin: 0px; padding: 0px;

	font-size: 11px;

	color: white;

}

/*********************************************

		Feedreader Styles

*********************************************/

#feedr {

	margin: 0px 0px 25px 0px; padding: 15px 10px 25px 10px;

	width: 944px;



}

#feedr .feedreader {

	display: block; float: left;

	margin: 0px 5px; padding: 0px 15px 15px 15px;

	width: 278px;

	overflow: hidden;

	border: 0px solid #ACACAC;



	display: inline;

}

#feedr .feedreader h3 {

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 18px; line-height: 18px;

	margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px;

	color: White;

}

#feedr .feedreader h3 a {

	color: White;

	text-decoration: none;

}

#feedr .feedreader .post img {

	margin: 0px; padding: 0px 0px 10px 0px;

}

#feedr .feedreader p {

	margin: 0px; padding: 0px;

	font-size: 11px;

	color: White;

}



/*********************************************

		Horizonal Widgets

*********************************************/	

#horizwidgets {

	margin: 0px; padding: 15px 10px 25px 10px;

	width: 100%;

		border-top: 2px solid #898989;

	/*background: url(images/bottom-shadow.gif) bottom center no-repeat;*/

}

#horizwidgets .widget {

	display: block; float: left;

	margin: 0px 5px; padding: 0px 0px 15px 0px;

	width: 220px;

	/*background: #FFF;*/

	display: inline;

}

#horizwidgets .widget h3 {

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 14px; line-height: 46px;

	margin: 0px 0px 10px 0px; padding: 0px 15px;

	color: White;

	/*background: #000 url(images/filmstrip.gif);*/

}

#horizwidgets .widget img {

	width: 278px;

	margin: 0px; padding: 0px 0px 15px 0px;

}

#horizwidgets .widget p,

#horizwidgets .widget .textwidget {

	margin: 0px 10px; padding: 0px;

	font-size: 11px;

	color: White;

}



/*********************************************

		Bottom Styles

*********************************************/

#bottom {

	margin: 0px; padding: 15px 10px 0px 10px;

	width: 944px;

	border-top: 2px solid #898989;

}

#bottom h3 {

	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;

	font-size: 18px; line-height: 18px;

	margin: 0px; padding: 0px 0px 10px 0px;

	color: White;

}



#bottom #video {

	display: block; float: left;

	margin: 0px 5px; padding: 0px;

	width: 320px;

	display: inline;

}

#bottom #video .videowrap {

	margin: 0px; padding: 0px;

	border: 3px solid #FFF;

}

#bottom #video object,

#bottom #video embed {

	width: 314px; height: 242px;



	margin: 0px; padding: 0px;

}



#bottom #about {

	display: block; float: left;

	margin: 0px 5px; padding: 0px;

	width: 320px;

	display: inline;

}

#bottom #about img { padding: 0px 10px 10px 0px; }



#bottom #nav {

	display: block; float: left;

	margin: 0px 5px; padding: 0px;

	width: 615px;

	display: inline;

}

#bottom #navwrap {

	/*background: #000 url(images/bottom-nav-bg.gif) top right repeat-y;*/

	margin: 0px; padding: 20px 30px;

	width: 555px; height: 202px;

	border: 3px solid #FFF;

}



#bottom #navcats {

	margin: 0px; padding: 0px;

	width: 360px;

	float: left;

}

#bottom #navcats ul {

	display: block; float: left;

	list-style-type: none;

	margin: 0px; padding: 0px 25px 0px 0px;

	text-transform: uppercase;

	font-family: Arial, Helvetica, Sans-Serif;

	font-weight: bold;

	font-size: 14px;

}

#bottom #navcats ul li {

	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 15px;

	

	color: White;

}

#bottom #navcats ul li a {

	color: White;

	text-decoration: none;

}

#bottom #navcats ul li a:hover {

	text-decoration: none;

	color: #FFF;

}



#bottom #navsocial {

	margin: 0px; padding: 0px 0px 0px 10px;

	width: 500px;

	float: left;

}

#bottom #navsocial img {

	float: left;

	display: inline;

	margin: 0px 0px 10px 10px; padding: 0px;

}



/*********************************************

		Content Div

*********************************************/

#content {

	float: left;

	margin: 0px;

	padding: 25px 20px 20px 25px;

	width: 580px;

	display: block;

	border: 0px solid black;

	border-right: 2px solid #898989;

	min-height:1100px;

}



/*********************************************

		Share Links Styles

*********************************************/

#share {

	/*display: block;*/

	display:none;

	float: right;

	width: 125px;

	margin: 10px 10px 10px 10px; padding: 10px;

	font-size: 11px;

	border-left: 1px solid #ccc;



}

#share a {

	color: White;

	text-decoration: none;

}

#share a:hover {

	color: #CCCCCC;

	text-decoration: none;

}

#share ul {

	margin: 0px; padding: 0px;

	list-style-type: none;

}

#share ul li {

	margin: 0px; padding: 0px 0px 0px 20px;

	border-bottom: 1px solid White;

	line-height: 24px;

}

#share ul li.print {

	background: url(images/share/print.gif) left 50% no-repeat;

}

#share ul li.comments {

	background: url(images/share/comments.png) left 50% no-repeat;

}

#share ul li.stumble {

	background: url(images/share/stumble.png) left 50% no-repeat;

}

#share ul li.digg {

	background: url(images/share/digg.gif) left 50% no-repeat;

}

#share ul li.delicious {

	background: url(images/share/delicious.gif) left 50% no-repeat;

}

#share ul li.facebook {

	background: url(images/share/facebook.gif) left 50% no-repeat;

	border: none;

}



/*********************************************

		Post Meta Styles

*********************************************/

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 5px;

	color: #CCCCCC;

	margin: 10px 0px 5px;

	padding: 0px;

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 5px;

	color: #fff;

	margin: 10px 0px; padding: 10px;

	/*background: #000 url(images/filmstrip.gif);*/

}



/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 10px 0px;

	padding: 10px 0px;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: left;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

}



/*********************************************

		Right Sidebar

*********************************************/

#r_sidebar {

	overflow: hidden;

	display: inline;

	float: left;



	margin: 0px 0px 15px 0px; padding: 0px;

	display: block; /* floats are handled as block elements, this is to fix 

							   a margin collapsing bug in IE */

}

#r_sidebar p {

	padding: 5px;

}

#r_sidebar img {

	text-align: center;

}

#r_sidebar img.ad {

	display: inline;

	margin: 0px 30px 30px 0px; padding: 0px;

}

#r_sidebar form {

	padding: 0px;

	margin: 5px;

}

#r_sidebar div.widget {

	clear: both;

	margin: 0px; padding: 30px 15px 0px 20px;
	width:265px;

	/*background: url(images/sidebar-shadow.gif) top left no-repeat;*/

}

#r_sidebar ul {

	padding: 0px 0px 0px 0px;
	list-style:none;

}

#r_sidebar ul li {

	padding: 0px;
	list-style:none;
	margin-left: 5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px #CCC dotted;
	padding-bottom:5px;
}

#r_sidebar ul li a {

	color: #FFFFFF;
	list-style:none;
	text-decoration: none;

}

#r_sidebar ul li a:hover {

	color: #CCCCCC;

	text-decoration: none;

}

#r_sidebar ul li ul {

	padding: 0px;

	margin: 0px;
	font-size: 11px;
	font-weight:normal;
}

#r_sidebar ul li ul li {

	padding-bottom: 5px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	border-bottom:1px #CCC dotted;
	margin: 5px 5px 5px 5px;

}
#r_sidebar ul li ul li ul li{

	padding-bottom: 0px;
	padding-left:13px;
	padding-right:0px;
	padding-top:0px;
	border-bottom:none;
	margin: 5px 5px 5px 5px;

}


#r_sidebar #latest {


	
	width: 246px; height: 265px;

	margin: 0px; padding: 20px;

	/*border-left:4px solid white;*/

	float: left;

	/*background: #000 url(images/latest-bg.gif) repeat-x;*/

	background-color:black;

}



#r_sidebar #latest h3 {

	margin: 0px; padding: 0px;

	font-size: 18px;

	color: #FFF;

}

#r_sidebar #latest ul {

	margin: 0px; padding: 10px 0px 0px 15px;

	/*text-transform: uppercase;*/

	font-family: Arial, Helvetica, Sans-Serif;

	font-weight: bold;

	font-size: 14px;
	width:240px
	
	

}

#r_sidebar #latest ul li {

	margin: 0px 0px 10px 0px; padding: 0px;

	color: White;

}

#r_sidebar #latest ul li a {

	color: White;

	text-decoration: none;

}

#r_sidebar #latest ul li a:hover {

	text-decoration: none;

	color: #FFF;

}



#r_sidebar #video {

	display: block; float: left;

	width: 320px;

	display: inline;

}

#r_sidebar #video .videowrap {

	margin: 0px; padding: 0px;

	border: 3px solid #FFF;

}

#r_sidebar #video object,

#r_sidebar #video embed {

	width: 314px; height: 242px;



	margin: 0px; padding: 0px;

}



/*********************************************

		Comment Styles

*********************************************/

#comments {


	padding: 8px;

}

#comments .even {

	margin: 5px 0px 5px 0px;

	padding: 10px;

background-color:#464646;


	overflow: hidden;



}

#comments .odd {

	margin: 5px 0px 5px 0px;

	padding: 10px;

background-color:#464646;

	overflow: hidden;



}



/*********************************************

		Footer Styles

*********************************************/

#footer {

	margin: 15px 0px 0px 0px;

	padding: 20px;

	clear: both;

	text-align: left;

	font-size: 11px;

}

#footer a {

	color: #FFFFFF;

	text-decoration: underline;

}

#footer a:hover {

	color: #CCCCCC;

	text-decoration: underline;

}
.search{
float:right;
margin:10px 0 10px 0;
height:20px;
padding:10px 20px 0 0; 
width:400px;}

.search form{ float:right;}
.logos{ margin:0; padding:0; list-style:none;}
.logos li{float:left; padding:0px 0px 30px 0px; margin:0; width:190px; height:210px;}
.bloghead{
	padding-top:10px;	
	padding-bottom:10px;	
}
.blogHR {
	border-bottom:2px solid #898989;
	margin-bottom:20px;
}