/*  
Theme Name: bSocial
Theme URI: http://bsocial.ithemes.com/
Author: iThemes
Author URI: http://iThemes.com/
Version: 1.0.6
Description: bSocial is a social blog theme from iThemes.com.
Tags: social networking, blog, homepage, webspace, theme options, custom header

	Changelog:
		v1.0 - 09.18.08
		First Release
		v1.0.1 - 10.03.08
		Updated the layered PSD file
		v1.0.2 - 10.13.08
		Replaced main page random image with featured image fader and combined theme styles
		v1.0.3 - 10.14.08
		Updated the lib/image-resize.php code to 1.0.2
		v1.0.4 - 10.16.08
		Removed hard-coding from header.php
		v1.0.5 - 11.03.08
		New Feature Image version - fixed bugs
		v1.0.6 - 11.10.08
		New FileUtility version; re-validated CSS

*/

html, body { margin: 0; padding: 0; }

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

a {color:#FFFFFF}

.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;
   background-color: #f3f3f3;
   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;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#0000CC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
#header {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 260px;
	background: #000000 url(images/banner.png);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 4px solid #fff;
}
#header2 {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 150px;
	background: #000000 url(images/banner_small.png);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 4px solid #fff;
}
ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	width:980px;
	height:25px;
	vertical-align:middle;
	white-space:normal;
	margin: 10px auto 0 auto;
}

#navlist li
{
display: inline;
list-style-type: none;
margin-right:50px;
}

#navlist a { padding: 10px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: ;
text-decoration: none;
}

#navlist a:hover
{
color: #0000ff;
background-color: #fff;
text-decoration: none;
}

#navlist .current_page_item a
{
color: #0000ff;
background-color: #fff;
text-decoration: none;
}


img
{  border-style: none;
}
#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 400px;
	background: url(images/back.png) repeat-x;
	color: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:4px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
	clear: both;
}
#container-inner {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 500px;
	color: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:4px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
	clear: both;
}
#Cont-Main {
	width: 650px;	
	height: 480px;
	float:left;
	background: url(images/back.png) repeat-x;
	padding: 10px;
	overflow:auto;
	font-size:12px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}

#Cont-Left {
	width: 260px;
	height: 380px;
	float:left;
	padding: 10px;
}
#Cont-Mid {
	background:;
	color: #FFFFFF;
	width: 380px;
	padding:10px;
	height: 380px;
	float:left;
}
#Cont-Right {
	width: 270px;
	height: 370px;
	background:url(images/news.png) repeat-y;
	float:left;
	padding:10px 10px 20px 20px;

}
#Cont-Right-big {
	width: 280px;
	height: 480px;
	background:url(images/news.png) no-repeat;
	float:left;
	padding:10px 10px 20px 20px;

}

#footer {
	text-align:center;
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
}