/*
Theme Name: Fuck The Titanic!
Theme URI: http://www.fuckthetitanic.com/
Version: 0.0
Description: Official Theme
Author: Lev Cantoral
Tags: two columns, fixed width, blue, yellow

For WordPress 2.7+
*/


body{
background-color:#036;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#FFF;
padding:0;
margin:0;
}
/*Custom*/
.page_head {
/*	background: url(page_top.gif) no-repeat top;
	height: 30px;*/
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	width: 860px;
	font-family:Arial, Verdana, Geneva, sans-serif;
}
.wide_head {
/*	background: url(wide_top.gif) no-repeat top;
	height: 30px;*/
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	width: 500px;
	float: left;
	font-family:Arial, Verdana, Geneva, sans-serif;
}
.thin_head {
/*	background: url(thin_top.gif) no-repeat top;
	height: 30px;*/
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	width: 350px;
	font-family:Arial, Verdana, Geneva, sans-serif;
}
.page_head div, .wide_head div, .thin_head div {
	padding: 5px 10px 0px 10px;
}
.page {
	background: url(page_bot.gif) no-repeat bottom #069;
	width: 860px;
	margin-top: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}
.left {
	background: url(wide_bot.gif) no-repeat bottom #069;
	width: 500px;
	float: left;
	margin: 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}
.right {
	background: url(thin_bot.gif) no-repeat bottom #069;
	width: 350px;
	margin-left: 510px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}
.thumb {
	float: left;
	width:80px;
	height:80px;
	padding-right:5px;
}
.postavatar {
	width:75px;
	height:75px;
	float:left;
	margin-right:14px;
	background:url(avatar_back.gif) no-repeat top left;
}
.rants .postavatar {
	width:75px;
	height:75px;
	float:left;
	margin-right:7px;
	background:url(avatar_back.gif) no-repeat top left;
}
.postavatar img {
	margin:7px;
}
.sub {
	float:left;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
	width:480px;
	border-bottom:1px solid #FFF;
}
#newsbar {
	background: #069;
	width:850px;
	margin: 10px 0 10px 0;
	padding:5px 5px 8px 5px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 7px;
   -khtml-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
}
#news_title {
	float:left;
	height:12px;
	padding-right:5px;
}
#news {
	height:12px;
}

.new_box {
   background: #069;
   width:220px;
   height:121px;
   float:right;
   display:none;
}
.new_top {
   background: url(new.gif) no-repeat;
   height:25px;
}
.new_bottom div {
   background: url(bl.png) no-repeat bottom left;
}
.new_bottom {
   background: url(br.png) no-repeat bottom right;
}

.new_bottom div, .new_bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.new_content {
	margin: 5px 15px 0 15px;
	width:190px;
	height:76px;
	vertical-align:middle;
}

#rss {
	background:url(rssfeed.gif);
	width:105px;
	height:35px;
	margin-top:30px;
}
/*Custom*/
#logo {
	display:block;
	width:300px;
	height:121px;
	background:url("/wp-includes/images/FTT_logo_button.png") 0 0 no-repeat;
	float:left;
}

#logo:hover {
	background-position:0px -121px;
}

.rating_box {
	height:90px;
	background:url("grad_bar.gif") repeat-x;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.rating, .overall_rating {
	position:relative;
	bottom:5px;
	height:85px;
	float:left;
}

.rate_text {
	position:relative;
	top:40px;
	padding:10px;
}

#col1 {
	float:left;
	width:270px;
	border:1px solid #FFF;
	padding:3px;
}
#col2 {
	float:left;
	width:270px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #FFF;
	padding:3px;
}
#col3 {
	float:left;
	width:270px;
	border:1px solid #FFF;
	padding:3px;
}

img.left {
float:left;
}

a{
color:#FF0;
text-decoration:none;
}

a:hover{
color:#FFC;
text-decoration:none;
}

blockquote {
padding:0 0 0 20px;
color:#FFF;
}

blockquote a{
color:#FF0;
}

cite{
font-size:inherit;
font-style:normal;
}

code{
background:#efefef;
color:#000;
}

ul{
list-style:square;
}

/* Headers */

h1{
font-size:43px;
color:#FFF;
text-align:center;
}

h1 a, h1 a:hover{
color:#FFF;
text-decoration:none;
}


h2{
font-size:14px;
margin:0px 0 7px 0;
}

.reviews h2{
	margin:0 0 4px 0;
	line-height:95%;
}

.rants h2{
	margin:0 0 9px 0;
}

h2 a{
color:#FF0;
text-decoration:none;
}

h2 a:hover{
color:#FFC;
}

h3{
text-align:left;
font-size:16px;
color:#FFF;
}

h4{
text-align:left;
font-size:12px;
color:#FFF;
}

.smalltext {
	font-size:10px;
}

/* Blog Contents */

#wrapper{
width:860px;
margin:0 auto;
}


/* Navigation */


#nav{
float:left;
width:340px;
height:121px;
text-align:justify;
}

ul.nav{
width:200px;
list-style:none;
margin:0 auto;
padding:10px 0 0 0;
}

ul.nav li {
display:inline;  
}

ul.nav li a {
display:inline;
padding:0px 0px 0px 0px;
height:auto;
color:#FF0; 
text-align:center;
font-size:14px;
text-decoration:none;
}

ul.nav li a:hover {
color:#FFC; 
text-decoration:none;
}


/* Posts */

#main{
float:left;
width:860px;
}

.posts{
padding:10px;
}

.post{
padding:10px;
}

.reviews{
width:230px;
float:left;
padding:5px;
font-size:10px;
}

.reviews_wide{
width:260px;
float:left;
padding:5px;
font-size:10px;
text-align:justify;
margin:0 5px;
}

.reviews p, .reviews_wide p{
margin:0 0 15px 0;
}

.rants{
width:100%;
font-size:10px;
}

.main{
text-align:justify;
}

.main p{
line-height:18px;
margin:0 0 15px 0;
}

.main ol{
line-height:18px;
margin:0 0 15px 30px;
}

.main ul{
line-height:18px;
margin:0 0 15px 30px;
}

.main li{
margin:0 0 5px 0;
}

img{
	border:0;
}

.main img{
margin:7px;
border:0px;
}

img.wp-smiley{
padding:0px;
border:0px;
}

img.wp-smiley:hover{
padding:0px;
border:0px;
}


.meta{
font-size:9px;
line-height:15px;
display:inline;
color:#FFF;
padding:5px;
margin:0 0 30px 0;
background:#036;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.navigation{
font-size:11px;
}

.post-categories{
	list-style:none;
	margin:0;
}

/* Comments */

.alt{
color:#FFF;
}

#comments{
padding:10px;
text-align:justify;
}

.comment_ind{
padding:10px;
text-align:justify;
background:#036;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.comment_author{
	font-size:12px;
	font-weight:bold;
}

.comment_date{
	font-size:10px;
	font-weight:normal;
	float:right;
}

.comment_text{
	float:left;
	width:760px;
}

.gravatar{
float:left;
border:0px;
padding:15px 0 0 10px;
}


/* Forms */

/*input, textarea, select{
border:1px solid #FFF;
padding:2px;
margin:3px 0 5px 0;
}

input:focus{
border:1px solid #FFF;
}*/

input{
	border:1px solid #FFF;
	background-color:#09c;
	color:#FFF;
	font-weight:bold;
}

input:hover{
	background-color:#069;
}

/* Footer */

#footer{
font-size:9px;
text-align:center;
float:left;
margin:10px 0 0 0;
padding:10px 0 10px 0;
width:100%
}

#footer a{
color:#FF0;
}

#footer a:hover{
color:#FFC;
}




/* Others */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #FFF;
   text-align: center;
   background-color: #069;
   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;
}