/*  
Theme Name: 2008 Joyboner
Theme URI: http://joyboner.com
Description: Light-weight & fast!
Version: 1.0
Author: Drew
Author URI: http://www.joyboner.com
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/*************************************
 +Containers
 *************************************/
body {
	background:#666;
	color:#333;
	font-family: 'Verdana', Arial, Helvetica, sans-serif; 
	font-size:72.5%;
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:left;
}
#main {
	background:#fff;
	position:relative;
	margin:0 auto;
	width:1004px;	
}
#wrap {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:1004px;	
}
#header {
	text-align:left;
	width:794px;
	height:200px;	
	margin-bottom:20px;
	padding:0px;
	padding-top:0px;
	background:url(images/header.jpg);
}
#content {
	font-size:1.0em;
	float:left;
	padding:0em 0em 0em 1em;
	width:590px;
}
#memforum {
	font-size:1.0em;
	float:left;
	padding:0em 0em 0em 1em;
	width:980px;
}
.forum_notify {
	border: 1px solid #000;
	background-color: red;
	margin: .5em 0 10px 0;
	padding: 3px 10px 3px 10px;
	font-size: 115%;
	line-height: 1.5em;
	text-align: left;
	float: none;
	font-weight:bold;
}
#sidebar-right {
	font-size:1em;
	float:left;
	padding:0em .0em 2em .3em;
	margin-left:25px;
	width:197px;
}
#footer {
	background:url(images/bg-footer.jpg) repeat-x bottom left;
	padding:1em;
	color:#e6e6e6;
	font-size:1em;
	clear:both;
	text-align:center;
}

/*************************************
 +Header
 *************************************/
#logintop {
	position:absolute;
	top:5px;
	right:220px;
	padding:0;
	margin:0;
	text-align:right;
	font-size:.9em;
	color:#ffff66;
	line-height:.9em;
}
#logintop form {
	display:block;
	padding: 0;
	margin-bottom: -3px;
}
.log_input {
	border:1px solid #333;
	background:#fff;
	padding-right:3px;
	color:#333;
}
.log_button {
	border:1px solid #333;
	background:#fff;
	color:#333;
}
#logintop a {
	color:#ffff66;
	border-bottom:1px dotted #ffff66;
}
#logintop a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}
#logintop span {
	color:#fff;
}
#menu {
	position:absolute;
	top:135px;
	left:132px;
	padding:0px;
	margin:0px;
}
#menu ul{
	font-size:1.2em;
	font-weight:bold;
	list-style: none;
	padding:0;
	margin:0;
}
#menu li{
	float: left;
	border-bottom:0px;
	list-style: none;
}
#menu li a {
	color:#fff;
	padding:11px;
	margin-left:0.5em;
	display:block;
}
#menu li a:hover{
	background:#ffff66;
	color:#424242;
}
#menu ul li ul {
	display:none;
}

.breadcrumb {
	position:absolute;
	left:5px;
	top:180px;
	color:#999;
}
.breadcrumb a {
	color:#333;
}
.breadcrumb a:hover {
	color:#666;
}

#home_link {
	position:absolute;
	top:80px;
	left:70px;
	display:block;
	width:330px;
	height:50px;
}
#myspace_link {
	position:absolute;
	top:60px;
	left:660px;
	display:block;
	width:130px;
	height:70px;
}
#cse-search-box {
	position:absolute;
	top:145px;
	right:220px;
}
#cse-search-box input {
	background:#333;
	border:1px solid #fff;
	color:#fff;
}

/*************************************
 +Featured
 *************************************/
#separator {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 5px 5px 5px 0px;
}
#separator-s {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 15px 0px;
}
#featured {
	width: auto;
	height: 300px;
	background: #ffff66;
	border: 1px solid #292929;
	padding-left: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
#featured a {
	color: #d69b1d;
		text-transform: uppercase;
}
#featured a:hover {
		color: #565656;
		text-transform: uppercase;

}
.featured_image {
	margin: 5px 0px 5px 0px;
}
#featuredConc {
	float: right;
	margin-top: -220px;
	padding-right: 25px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
}
#featuredConc a {
	text-decoration: none;
	color: #666666;
}
#featuredConc a:hover {
	color: #9b2519;
	text-decoration: none;

}
#featured h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
.box2 { 
	display: block; 
	float: left; 
	width: 170px; 
	height: auto;
	margin: 10px;
}

img.thumb {
	float: left;
	margin-top:3px;
	margin-right: 10px;
}

/*************************************
 +Entry
 *************************************/
.entry {
	margin-bottom:0em;
	text-align:justify;	
}
.entry p {
	margin:0px;
	padding:0px 0px 15px;
}
.entry h3 {
	font-size:1.5em;
}
.entry a {	
	border-bottom:1px dotted #336699;
}
.entry a:hover {	
	border-bottom:1px dotted #669966;
}
.entry code {
	font-size:1.1em;
	padding:.2em;
    text-align:left;
}
.title_cat {
	font-size:0.9em;
}
.entrymeta {
	font-size:0.9em;
	padding-bottom:1em;
	color:#669966;
	border-bottom:1px dotted #ccc;
	margin-bottom: 2em;
	clear:both;
}
.endate { 
	color:#000; 
	padding-bottom: 1em;	
	font-weight:bold;
	line-height:2em;
	text-transform:uppercase;
}
.endate a {
	font-weight:normal!important;
}

.views {
	color:#666;
	font-weight:normal;
}
.commentslink {
	background:url(/images/packaged.gif) no-repeat;
	padding:2px;
	padding-left:20px;
}
.entry img {
  border: 1px solid #D0C5BF;
  padding: 4px;
  background-color: #E7E1DE;
}

img.noborder {
  border: 0px!important;
  padding: 0px!important;
  background-color: transparent!important;
}

img.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

img.alignright {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}
.relpost {
	padding-bottom:2px; 
	border-bottom:1px dotted #ccc;
	color: #6C6C6C;
	margin-top: -1.8em;
}
.relpost ul {
	list-style-type:none;
	padding: 0.01em;
}
.relpost h3 {
	margin-bottom:-5px;
}
.code, .url, code, pre { /* use p class=code when you want to fake it, sometimes handy */
	background-color: #D9D9D9;
	border: 2px solid #AAA;
	font-family: 'Courier New', Courier, Fixed;
	font-size:1.1em;
	overflow:auto;
	white-space: nowrap;
	padding:10px!important;
	color:#000;
	width:565px; 
	margin-bottom:20px!important;
}

/*************************************
 +Hn, a and p
 *************************************/
img {
	border:none;
}
a {
	color:#336699;
	text-decoration:none!important;
}
a:hover {
	color:#669966;
}
h1, h2, h3, h4{
	font-weight:normal;
	letter-spacing: -.1px;
	margin:0;
}
.entrytitle h1 a {
	color:#333333;
	border-bottom:0px;
}
.entrytitle h1 a:hover{
	color:#669966;

}
.entrytitle h1{
	font-size:1.3em;    
	text-align:left;
	font-weight:bold;
}
.entrytitle h2 a {
	color:#333333;
	border-bottom:0px;
}
.entrytitle h2 a:hover{
	color:#669966;	
}
.entrytitle h2{
	font-size:1.3em;    
	text-align:left;
	font-weight:bold;   
}
.entrytitle h3{
	font-size:1.2em;
	color:#6F6F6F;
}
blockquote {
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
	background: #FFFFCC;
	border-top: solid 1px #CCFF66;
	border-bottom: solid 1px #CCFF66;
}
.center {text-align:center;}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:1em;
	clear:both;
}
#sidebar ul li, #sidebar ul li a {
	padding-top:.2em;
	padding-bottom:.2em;
	padding-right:.2em;
}
#sidebar-right h4 {
	color:#6F6F6F;
	font-size:1.3em;
	margin-top:1em;
}
#tagcloud a {
	color:#669966;
}
#tagcloud a:hover {
	color:#336699;
}
.talked li a {
	display:block;
}
.ffarm ul { margin-top: 5px; }

.ffarm li{
	padding: 0px;
    list-style-type: none !important;
    display: inline;
}

#signup-sidebar {
	float:left;
	width:360px;
	font-size:.9em;
	margin-left:10px;
}

/*************************************
 +Navigation (Previous, Next Entires)
 *************************************/
.navigation {
	text-align: center;
	margin: 10px 10px 0 10px;
	padding: 0 0 10px 0;
	width: 955px;
	font-size:1.2em;
}
.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
}
.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
}

/*************************************
 +Comments
 *************************************/
.commentsblock, contactform{
	font-size:1em;
}
.commentsblock textarea, .contactform textarea{
	width:44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus, .contactform textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor {
	display:block;
	font-size:1.5em;
}
ol.commentlist {
	color:#505247;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;      
}
ol.commentlist a {
	color:#669966;
}
ol.commentlist a:hover {
	color:#424242;
}
.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt {
	background:#e3e7cb;
	padding:0.5em;
}
h3.comments{
	font-size:1em;
	color:#000;	font-weight:bold;
}	
.commentmeta {
	font-size:1em;
	padding:.3em;
	border-bottom:1px dotted #ccc;
}
.commentmeta cite {
	padding-right:1em;
	border-right:1px dotted #ccc;
	margin-right:1em;
	font-weight:bold;
	font-size:15px;
}
.comment-page-numbers {
	font-weight:bold;
	color: #333;
}
.comment-page-numbers strong {
	padding: 5px; 
}
.comment-page-numbers a {
	padding: 5px; 
}

/*************************************
 +Footer
 *************************************/

#credits {
	margin:55px 0px -10px;
}
#footer a {
    color:#b2b2b2;
}
#footer a:hover {
     color:#b2b2b2;
}
#ftnav {
	margin:5px 0px 0px 5px;
}
#footer .left {
	float: left;
	width: 50%;
	text-align: left;
}
#footer small {
	color:#666;
}
#ftnav img {
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#EXim {position:relative; width:20px; height:20px;}
#eXTReMe {display:inline;}

/*************************************
 +Misc
 *************************************/
#topsense {
	background:url(images/replace.gif);
	position:absolute;
	/*top:0px;*/
	top:5px;
	right:5px;
	width:200px;
	height:200px;
	text-align:center;
}
#widesense {
	position:absolute;
	top:203px;
	left:10px;
}
#sidesense {
	background:url(images/replace.gif);
	float:left;     
	margin-left:10px;
	width:160px;
	height:600px;
}
.middlesense { 
	padding: 10px 0 10px 0; 
	margin: 1em 0 0em 0; 
	text-align: center; 
}
#middlesense { 
	display:block;
}

#altsense {
	position:absolute;
	top:5px;
	right:5px;
	width:200px;
	height:200px;
	text-align:center;
}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	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;
}
.sb {padding: 0.4em 0em 0em 0.2em;}
.sbdel {
	padding-left: 16px; 
	background: url(images/delicious.gif) center left no-repeat;
}
.sbdigg {
	padding-left: 16px; 
	background: url(images/digg.gif) center left no-repeat;
}
.diggbutton {
	float:right; 
	padding:0 0 1px 10px;
}
.imp-download, .imp-download-error {
	border: 1px solid #D0C5BF;
	padding: 10px;
	background-color: #E7E1DE;
	width:350px;
	margin-bottom:15px;
}
.imp-download img, .imp-download-error img {
	float:left;
	border:0!important;
	margin: -4px 8px -4px -4px;
	padding:0!important;
}
.imp-download small, .imp-download-error small {
	display:block;
}

/*************************************
 +Vlado
 *************************************/
.archd {
	background:#BFBC94 none repeat scroll 0%;
	color:#FFFFFF;
	margin-bottom: 10px;
	display:block;
	text-align: center; 
}

.dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}

.btitle{
	font-weight:normal;
	letter-spacing: -.1px;
	margin:0;
	font-size:4.6em;
	margin-left:.5em;
	font-style:italic;

}
.btitle a{
	color:#424242;
}