/*
Theme Name: Futurarama
Theme URI: http://wordpress.org/
Description: Simple photoblog theme
Version: 0.1
Author: Chris Rickels
Author URI: http://rickels.co.uk

	Futurarama v0.1

	This theme was designed and built by Chris Rickels,
	whose blog you will find at http://rickels.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0; padding:0;}

*{margin:0; padding:0;}

body{
	font-family:Trebuchet MS, helvetica, arial, sans serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	background-image: url('images/fadient_top.gif');
	background-repeat:repeat-x;
	background-color:#edecec;
	background-position:top;
	color: #333;
	text-align: center;
}

.clear{
clear:both;
}
a img{
border:0px none;
}

.wrapper{
	background-image:url('');
	background-repeat:repeat-x;
	background-position:top center;
	width:960px;
	display:block;
	margin:0 auto;
	text-align:left;
}

.header{
	background-image:url(images/tape_top.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	height:140px;
	padding:0pt 0px 0pt 0px;
	width:930px;
}
.title_link{
background-image:url(images/rickels_title.gif);
background-repeat:no-repeat;
width:270px;
height:140px;
display:block;
float:right;
}

.header_nav{
width:300px;
float:left;
display:block;
list-style-type:none;
margin:0;
margin-left:30px;
}
.header_nav li{
	float:left;
}
.header_nav li a{
background-position:right bottom;
background-repeat:no-repeat;
float:left;
display:block;
}

.header_nav li a:hover{
background-position:left bottom;
}

.nav_about a{
width:92px;
height:107px;
background-image:url(images/nav_about.gif);
}
.nav_blog a{
width:74px;
height:107px;
background-image:url(images/nav_blog.gif);
}

.nav_contact a{
width:106px;
height:107px;
background-image:url(images/nav_contact.gif);
}


.title_link em, .header_nav em, .left_nav em, .right_nav em, .before_link em{
position:absolute;
left:-2000px;
}

/***/
.main_photo_wrapper{
clear:both;
width:960px;
}

.photo_frame{
background-color:#FFFFFF;
background-image:url(images/photo_wrapper_tile.gif);
background-position:left bottom;
display:block;
float:left;
width:900px;
}

.photo_frame .image_holder{
display:block;
margin-left:50px;
padding:20px 0pt;
text-align:center;
width:800px;
}

.content_frame{
background-color:#FFFFFF;
background-image:url(images/photo_wrapper_tile.gif);
background-position:left bottom;
display:block;
float:left;
width:800px;
padding:50px;
font-size:1.6em;
}

.left_nav{
width:30px;
display:block;
float:left;
padding-top:150px;
}
.tabs_back{
background-image:url(images/tabs_back.gif);
background-position:left bottom;
width:30px;
height:100px;
display:block;
}
.tabs_back:hover{
background-position:left top;
}

.tabs_first{
background-image:url(images/tabs_first.gif);
background-position:left bottom;
width:30px;
height:100px;
display:block;
}
.tabs_first:hover{
background-position:left top;
}

.right_nav{
width:30px;
display:block;
float:left;
padding-top:150px;
}

.tabs_next{
background-image:url(images/tabs_next.gif);
background-position:left bottom;
width:30px;
height:100px;
display:block;
}
.tabs_next:hover{
background-position:left top;
}

.tabs_latest{
background-image:url(images/tabs_latest.gif);
background-position:left bottom;
width:30px;
height:100px;
display:block;
}
.tabs_latest:hover{
background-position:left top;
}

.tabs_spacer{
width:30px;
height:100px;
display:block;
}

.corner_detail{
background-image:url(images/photo_area_top.gif);
background-repeat:no-repeat;
display:block;
height:65px;
width:930px;
}

.before_link{
background-image:url(images/corner_fold.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:block;
float:right;
height:122px;
position:relative;
top:-108px;
width:139px;
}
.before_link:hover{
background-position:left top;
}

.photo_deets{
background-image:url(images/photo_wrapper_tile.gif);
background-position:0px 50%;
background-repeat:repeat-y;
border-bottom:1px solid #E8E8E8;
clear:both;
color:#A7A7A7;
margin-left:30px;
padding-left:50px;
padding-top:10px;
text-align:left;
}
.exif_deets{
float:left;
height:130px;
}
.exif_deets h2{
font-size:1.4em;
}
.exif_deets p{
font-size:1.1em;
}

.footer_section{
background-color:#404040;
clear:both;
margin-top:0px;
padding-top:50px;
padding-bottom:50px;
background-image:url(images/comments_fadient.gif);
background-repeat:repeat-x;
color:#f2f2f2;
}

.footer_section_inner{
margin:0pt auto;
width:900px;
text-align:left;
}

.comments_section{
width:310px;
float:left;
}

.comment_list{
}
h3#comments{
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dashed #555555;
}
.comment_item{
border-bottom:1px dashed #555555;
margin-bottom:10px;
padding:10px 0pt;
}
.comment_item h3{
color:#AAAAAA;
float:left;
font-size:1.3em;
}
.comment_item h3 a{
color:#ff0066;
text-decoration:none;
}

.comment_add_link a{
clear:both;
color:#AAAAAA;
font-size:2em;
font-weight:normal;
text-align:left;
text-decoration:none;
}
.comment_add_link a:hover{
color:#ff0066;
}

.commentmetadata{
float:right;
color:#aaa;
}

.comment_text{
clear:both;
font-size:1.3em;
padding-top:5px;
}

.comment_form{
margin-top:10px;
}
.comment_form label{
clear:both;
float:left;
font-size:2em;
font-weight:normal;
width:90px;
}
.comment_form input{
border:1px solid #D2D2D2;
float:left;
margin-bottom:2px;
padding:4px;
width:210px;
}
.comment_form textarea{
border:1px solid #D2D2D2;
clear:both;
float:left;
height:90px;
padding:4px;
width:300px;
}

.comment_form input.submit_comment_button{
margin-left:193px;
margin-top:10px;
width:auto;
}

.details_section{
color:#F2F2F2;
font-size:1.3em;
text-align:right;
width:500px;
float:right;
}
.details_inner{
float:right;
clear:both;
}
.details_section img{
float:right;
margin-bottom:10px;
}

.footer{
background-color:#404040;
color:#aaa;
text-align:right;
padding:5px 10px;
}
.footer a{
color:#bbb;
}
.content_page{
padding:50px;
}
.content_page img{
margin:0 0 30px 30px;
float:right;
}
.content_page h2{
color:#FF0B67;
font-size:4em;
font-weight:normal;
text-transform:uppercase;
}
.content_page p{
font-size:1.2em;
padding:10px 0pt;
width:390px;
}

.tags_wrapper{
padding-top:30px;
}
.tags_wrapper a{
color:#777777;
letter-spacing:3px;
text-align:right;
text-decoration:none;
}
.tags_wrapper a:hover{
background-color:#333;
color:#eee;
}