/* 
Theme Name: Facebooked
Theme URI: http://justintadlock.com/
Description: Very customizable, 3-column, widget-ready, fixed-width design based off http://facebook.com.  Features expanding/collapsing and movable sidebar boxes.
Version: 1.2.1
Author: Justin Tadlock
Author URI: http://justintadlock.com
Released under GNU GENERAL PUBLIC LICENSE
*/

img { behavior: url(/_images/iepngfix.htc) };
body { 
	color: #000000; 
	background: #ffffff;
	margin: 0;
	padding: 0;
	font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	text-align:center;
	}

/* CONTAINS ENTIRE PAGE */
#body-container {
	width: 1000px;
	margin:0px;
	border-left:2px solid #FF9900; 
	border-right:2px solid #FF9900; 
	}
/* HEADER */
#header {
	text-align: right;
	background-color:#000000;
	padding:0px; margin:0px;
	height:50px;
	max-height:50px;
	border-bottom:3px solid #FF9900;
	color:#CCCCCC;
	font-size:16px;
	}
#header	#nav { text-align:right; border:0px solid #FF0000; float:right; }	
#header	#nav a, a:link a:active a:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#header #nav ul {margin: 0;	padding: 0;	list-style: none;}
#header #nav li {
	margin: 0 0 0 0;
	padding:10px 10px 10px 10px;
	list-style: none;
	float:left;
}
#header #nav li a{color:#FFFFFF;font-size:14px;	font-weight:600;}
#header #nav li a:hover{color:#ff0000;font-size:16px;	font-weight:600;}

/* CONTAINS CONTENT & SIDEBAR */
#container {
	border:0px solid #009933;
	padding:0px; margin:0px;
	
	
	}
/* CONTENT */
#left { width:400px;float:left; height:100%; }
#right {
	float: left; 
	width: 600px;
	padding:0px;
	margin:0px;
	border:0px solid #66CC00;
	color:#000;
	text-align:right;
	background-color:#FF9900;
	
	}
	
/* PAGES */
.page { clear:both;position:relative;width:578px; margin:2px 2px 10px 2px; min-height:500px;padding:8px;float:right;display:block;color:#000;background-color:#fff;border:0px solid #000; text-align:left;}
.page .page_content h1 { display:none;}
.page .page_content h2 {margin:0px; padding:0px; margin-bottom:15px;}
.page .page_content h2 img {margin:0px; padding:0px; width:160px; height:120px; border:1px solid #000000;}
.page .page_content h3 { display:none;}
.page .page_content h4 { display:none;}
.page .page_content h5 { display:none;}
.page .page_content h6 { display:none;}
.page .page_content p {padding:0px; margin:0px; }

/* SINGLE */
/* POSTS */
#SINGLE { text-align:center;padding:0px; margin:0px; margin-bottom:10px;border:0px solid #333; position:relative; float:right;}
#SINGLE h1 {position:absolute; left:60px; top:48px;padding:0px; margin:0px}
#SINGLE h3 { position:absolute; left:60px; top:438px;padding:0px; margin:0px}
#SINGLE h3 img{ width:60px; height:45px;}
#SINGLE h5{ position:absolute; left:58px; top:411px;padding:0px; margin:0px}
#SINGLE h2 { display:none; }
#SINGLE h4 { display:none;}
#SINGLE h6 { position:absolute; left:34px; top:710px; width:536px; height:160px; overflow:hidden; text-align:justify; color:#000000; font-size:16px; border:0px solid #000000; padding:0px; margin:0px;}
#SINGLE h6 a {color:#000000; }
#SINGLE p {padding:0px; margin:0px; }
#SINGLE .post { position:relative; width:598px; height:898px;margin:2px 0px 10px 2px;float:right;display:block;color:#000;background-color:#fff;border:0px solid #000; background-image:url(images/content_bg_tall1.jpg); background-repeat:no-repeat;}
#SINGLE .ratings { position:absolute; top:502px;left:34px;font-style:normal;width:240px; height:40px; z-index:99; background-color:#FFFFFF; font-size:12px; border:0px solid #000000; padding:0px; margin:0px; text-align:left;}
#SINGLE .postmetadata { position:absolute; top:552px; left:34px; width:240px; height:74px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; font-style:italic; border:0px solid #000000;background-color:#FFFFFF;}
#SINGLE .post-title {	position:absolute; top:12px; left:50px;	font-size:18px;}
#SINGLE .post-title a {color:#000; }
#SINGLE .post-title a:hover {color:#FF0066; }
#SINGLE .share{ position:absolute; left:184px; bottom:20px;  padding:0px; margin:0px;}
#SINGLE .by { position:absolute; left:380px; top:414px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; font-style:italic; }
#SINGLE .join2 {border:0px solid #000000; position:absolute;top:502px;left:290px;width:282px;}
#SINGLE .join2 img{border:1px solid #000000; width:280px; height:auto;}
#SINGLE .navigation { font-size:12px; width:578px; padding:10px; float:right; margin:0px; background-color:#FFF; border-left:0px solid #FF9900;}

/* POSTS */
#HOME { text-align:center;padding:0px; margin:0px;border-top:0px solid #333;padding:0px; margin:0px;}
#HOME h1 { display:none;}
#HOME h3 { display:none;}
#HOME h5{ display:none;}
#HOME h2 { position:absolute; left:224px; top:40px; border:0px solid #000;padding:0px; margin:0px; }
#HOME h2 img {margin:0px; padding:0px; width:320px; height:240px; border:1px solid #000000;}
#HOME h4 { position:absolute; left:42px; top:36px; width:170px; height:168px; padding:0px; margin:0px; border:0px solid #006600;}
#HOME h4 img {margin:4px; padding:0px; width:74px; height:74px; border:1px solid #000000;}
#HOME h6 { position:absolute; left:44px; top:290px; width:500px; height:90px; overflow:hidden; text-align:justify; color:#000000; font-size:14px; border:0px solid #000000; padding:0px; margin:0px;}
#HOME h6 a {color:#000000; }
#HOME p {padding:0px; margin:0px; }
#HOME #sitetrailer {background-color:#FF9900; padding:0px; border:0px solid #000;position:relative; width:598px; height:436px;}

#HOME .post { position:relative; width:598px; height:410px;margin:10px 0px 10px 2px;float:right;display:block;color:#000;background-color:#fff;border:0px solid #000; background-image:url(images/content_bg1.jpg); background-repeat:no-repeat;}
.post .post-title {	position:absolute; top:6px; left:52px;	font-size:16px;}
#HOME .post .post-title a {color:#000; }
#HOME .post .post-title a:hover {color:#FF0066; }
#HOME .entry { float: right;display: block; margin:0; text-align:right; border:0px solid #336600; }
#HOME .ratings { position:absolute; top:215px;left:46px;font-style:normal;width:160px; height:50px;line-height:22px; z-index:99; background-color:#FFFFFF; font-size:12px; border:1px solid #000000; }
#HOME .ratings img{ clear:both;  border:0px none #000000; }
#HOME .by { position:absolute; bottom:8px; left:48px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; font-style:italic; }
#HOME .join2 { position:absolute; bottom:7px; left:402px; font-family:Tahoma, Verdana; font-size:16px; font-weight:bold; }

/* blockquotes */
blockquote { color: #5e5f5e; }
blockquote blockquote { color: #858785; }

/* links */
a { 
	color:  #3b5998;
	text-decoration: none;
	}
a:hover { color: #3b5998; text-decoration: underline; }


/* lists */
.post ul { list-style-type: square; }
.post ul li { 
	margin: 0;
	padding: 0;
	}
.post ol { margin: 0; padding: 0 0 0 25px; }
.post ol li { margin: 1px 0; padding: 0; }

/* postmetadata */
p.postmetadata {
	float: left;
	width: 100%;
	text-align: left;
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	}

/* tables */
.post table { border: none; background: #ffffff; }
.post tr, .post td { border: 1px solid #3b5998; }

/* other basics & typography */
small { font-size: .9em; }

/* navigation & left, right, center alignment */
.navigation { padding: 25px 0; width: 100%; display: block; float: left; font-size:18px; }
.previous { float: left; width: 45%; }
.left, .alignleft { float: left; margin: 0 15px 15px 0; }
.next { float: right; width: 45%; }
.right, .alignleft { float: right; margin: 0 0 15px 15px; }
.center { text-align: center; margin: 0 auto; display: block; }
.clear { clear: both; }

/* COMMENTS */
#comments-template { width: 99%; float: left; display: block; }
#comments-template ol { list-style-type: none; margin: 0; padding: 0; }
#comments-template ol li { margin: 5px 0; padding: 0 5px; }
#comments-template fieldset { border: none; }
#comments-template form { padding: 5px; margin: -10px 0 0 0; background: #eeeeee; border-bottom: 1px solid #cccccc; }
#comments-template legend { border: none; }
#comments-template textarea { width: 99%; border: 1px solid #3b5998; }
#comments-template input { width: 40%; border: 1px solid #3b5998; }
#comments-template input.submitcomment, #comments-template input.resetcomment { width: 100px; color: #ffffff; background: #3b5998;  }
.comment-meta-data { padding: 5px; margin: 0; background: #eeeeee; border-top: 1px solid #3b5998; border-bottom: 1px solid #cccccc; }
.comment-text { padding: 0 5px; margin: 0; }
h3#comments, h3#respond {
	font-size: 1em;
	margin: 10px 0;
	padding: 0;
	text-indent: 5px;
	border-top: 1px solid #3b5998;
	background: #d8dfea;
	}

/* SIDEBAR */

#sideBar2 
{
  float: left; 
  width: 188px;
	padding:5px 1px 10px 2px;
	margin-left:0px;
	border:0px solid #ff0000;
	background-color:#fff;
	color:#333333;
	border-left:0px solid #000000;
	text-align:left;
}
#sideBar2 a {cursor:pointer; color:#000000; }
#sideBar2 a:hover { color:#ff0000; }
#sideBar2Table ul { position:relative; font-size:14px; font-weight:bold; color:#333333;padding:0px;margin:0px;margin-top:4px;margin-left:0px; }
#sideBar2Table li{ position:relative;font-size:11px; font-weight:500;padding:0px;margin-top:2px; margin-left:18px; list-style:square; clear:both;}
#sideBar2Table ol {color:#333333;padding:0px;margin:0px;margin-top:2px;margin-left:18px;}
#sideBar2Table ol li{ font-size:11px; font-weight:500; padding:0px;margin-top:2px; margin-left:20px;}
#sideBar2Table small {font-size:10px;}
#sideBar3 .join 
{ 
  z-index:9; 
	position:absolute; width:185px; height:10px; 
	background-image:url(images/join_bg.png1); background-repeat:no-repeat;
	color:#000000;
}
#sideBar3 .join a { color:#009900; border:0px solid #000;}


#sidebar{
	font-size: 1em;
	background: transparent;
	margin: 0;
	padding:4px 0px 0px 0px;
	border:0px solid #009933;
	width: 190px; 
	float: right; 
	margin:1px 2px 10px 3px; 
	border:0px solid #006600;
	text-align:left;
}

#sidebar .menu, #sideBar2 .menu-header{ margin: 0 0 5px 0; width: 100%; display: block; float: left; }
#sidebar h2.menu-header, #sideBar2 .menu-header{
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: #000;
	color:#FFFFFF;
	border-top: 1px solid #324e8b;
	}
#sidebar h2.menu-header span{ margin-left: 4px; }
#sideBar2 .menu-header{ padding-left: 4px; }
#sidebar ul{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#sidebar ul li {
	padding: 0;
	margin: 0 0 0 10px;
	}
#sidebar div { padding: 0; margin: 0; }

#sidebar ul li a {
	color: #3b5998;
	padding: 1px 0 1px 0;
	text-decoration: none;
	}

#sidebar ul li a:hover {
	color: #3b5998;
	text-decoration: underline;
	}
#sidebar ul li ul { margin: 0; padding: 0; border: none; }
#sidebar ul li ul li { padding: 0; margin: 0 0 0 10px; }

/* sidebar feed */
#sidebar ul.feed {
	width: 100%;
	display: block;
	float: left;
	border: none;
	margin: 10px 0;
	padding: 0 0 5px 0;
	}
#sidebar ul.feed li {
	float: left;
	width: 100%;
	background: transparent url(images/feed.gif) no-repeat left top;
	border: none;
	margin: 0;
	padding: 0;
	}
#sidebar ul.feed li a{
	text-indent: 25px;
	display: block;
	height: 16px;
	width: 100%;
	float: left;
	}
#sidebar ul.feed li a:hover{ 
	background: transparent;
	text-indent: 25px;
	}
/* about -  */
#sidebar .about { margin: 0 0 20px 0; }
.about p { margin: 0; padding: 0; }
.about ul { margin: 0; padding: 0; }
/* search */
#sidebar .search {
	text-align: center;
	padding: 8px 0;
	margin: 8px 0 0 0;
	background: #000;
	border-bottom: 0px solid #6d84b4;
	}
#sidebar .search form { margin: 0 2px; }
#sidebar input#s { width: 96%; border: 1px solid #809595; }

/* wp-calendar */
table#wp-calendar { width: 80%; margin: 0 auto; }

/* ads for the bottom of sidebar */
.ads { padding-top: 20px; text-align: center; }

/* SIDEBAR WIDGET STYLES */
/* blogroll widget */
li#linkcat-2 { list-style-type: none; margin: 0; padding: 0; }
/* flickr widget & other images in the sidebar */
/* NEED TO ADD CSS FOR THIS */
#sidebar img { border: none; }
/* recent comments widget */
ul#recentcomments li a, ul#recentcomments li a:hover { border: none; background: transparent; text-indent: 0; }
/* Flickr RSS */
.flickr img { margin: 5px 10px; padding: 0; }

/* FOOTER */
#footer {
  clear:both;
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	background: #ffffff;
	border-top: 1px solid #FF9900;
	text-align:center
	}	
#footer p { margin: 10px 0; font-size:14px; }
#footer a:hover { text-decoration: underline; }
#footer .fineprint {font-size:11px; }