/*   
Theme Name: Elle Rex
Theme URI: http://ellerex.net
Description: Elle Rex Photo Blog
Author: Reece Runnells
Author URI: http://www.pixelwhiskey.com
Version: 1.1
*/

@import url("css/reset.css");

/* BASIC */
*	{
	border:0px;
	margin:0px;
	padding:0px;}

body	{
	background:url(images/bg-ellerex.jpg) 0px 0px no-repeat #252525;
	background-attachment: fixed;
	background-color:black;
	font-family:times, georgia, serif;}
	
#right	{
	float:left;
	width:700px;}	
	
#left	{
	color:#fff;
	float:left;
	line-height:14px;	
	width:240px;}
	
.logo	{
	margin:25px 0px 0px 35px;}

.strong {font-weight:bold}

/* NAVIGATION */
.nav	{
	font-size:13px;
	font-weight:bold;
	height:55px;
	margin-top:12px;
	margin-left:-8px;
	width:700px;}
	
.nav ul {
	float:left;
	list-style:none;}
	
.nav ul li {
	border-top:3px solid #fff;
	float:left;}
	
.nav ul li:hover {
	border-top:3px solid #ff008a;}
	
.nav ul li a {   
	color:#FFFFFF;
	display:block;
	height:22px;
	text-decoration:none;}

.nav-home {
	background:url(images/nav-home.png) 0px 0px no-repeat;
	width:106px;}
	
.nav-gallery {
	background:url(images/nav-gallery.png) 0px 0px no-repeat;
	width:152px;}
	
.nav-contact {
	background:url(images/nav-contact.png) 0px 0px no-repeat;
	width:82px;}
	
.li-home {
	width:156px;}
	
.li-gallery {
	width:202px;}
	
.li-contact {
	width:132px;}
	
.li-extra {
	width:210px;}

/* RUFF CLUB MAIN PAGE "BLOG PAGE" */
.latest-galleries {
	font-size:24px;
	line-height:22px;
	margin:30px 0px 0px 15px;}

.latest-galleries img {
	margin-bottom: 15px;}

.gallery {
	border-bottom:1px solid #fff;
	width:180px;
	margin-bottom:15px;}
	
.gallery img {
	border-color:white;
	border-width:1px;
	height:117px;
	margin-bottom:9px;
	width:165px;}
	
.gallery h2 a {
	color:#33FF99;
	display:block;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	margin-bottom:11px;
	text-decoration:none;
	text-transform:uppercase;}
	
.gallery h2 a:hover {
	color:#000;
	background-color:#ff008a;}
	
.blog {
	float:left;
	margin-top:30px;
	width:500px;}
	
.posts {
	color:#fff;
	line-height:18px;
	font-size:12px;
	width:500px;
	float:left;
	margin:0px 0px 70px 0px;}

.posts p {
	font-size:11px;
	letter-spacing:0.09em;
	line-height:21px;
	margin-bottom:5px;}
	
.posts p a {
	color:#33FF99;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;}
	
.posts p a:hover {
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	background-color:#ff008a;}
	
.posts h2 {
	color:#fff;
	font-size:24px;
	font-family:times, georgia, serif;
	line-height:24px;
	font-weight:bold;
	margin:0px 0px 10px 0px;}
	
.posts h2 a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;}
	
.posts h2 a:hover {
	color:#ff008a;
	background-color:transparent;}
	
.posts h3 {
	color:#FFFFFF;
	font-size:9px;
	letter-spacing:4px;
	line-height:5px;
	margin:0 0 10px;
	text-transform:uppercase;
	word-spacing:0.5em;
}
	
.posts img {
	background-color: #000;
	max-width:500px;}
	
.alignright {
	float:right}
.alignleft {
	float:left}
	
.author {
	border-top:1px solid #2A2A2A;
	color:#FFFFFF;
	float:right;
	font-size:9px;
	letter-spacing:4px;
	line-height:22px;
	margin:10px 0 0 10px;
	text-align:right;
	text-transform:uppercase;
	width:100%;
	word-spacing:0.5em;}

.author a {
	float:left;
	text-decoration:none;}

.author a:hover {
	color:#ff008a;}
	
.author a span {
	color:#ff008a;}
	
.author a span:hover {
	color:#fff;}
	
.author h4 span {
	color:#ff008a;}
	
.sidebar {
	float:right;
	width:175px;
	margin:30px 0px 0px 20px;}
	
.sidebar h2 {
	border-bottom:1px solid #CACACA;
	color:#FFFFFF;
	font-family:times, georgia, serif;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding-bottom:3px;}

.sidebar ul {
	width:150px;
	margin:5px 0px 15px 0px;}
	
.sidebar ul li a {
	font-weight:bold;
	font-size:10px;
	line-height:18px;
	color:#ccc;
	text-transform:uppercase;
	text-decoration:none;}
	
.sidebar ul li a:hover {
	color:#000;
	background-color:#ff008a;}
	
#twitter_update_list {
	width:150px;
	margin:5px 0px 15px 0px;}

#twitter_update_list li {
	border-bottom:1px dotted #6A6A6A;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding-bottom:12px;
	width:175px;}

#twitter_update_list li p {
	color:#FFFFFF;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	line-height:14px;
	text-transform:lowercase;
	}
	
#twitter_update_list li a {
	clear:both;
	color:#CCCCCC;
	float:left;
	font-size:9px;
	font-weight:bold;
	line-height:9px;
	margin-top:4px;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#twitter_update_list li a:hover {
	color:#000;
	background-color:#ff008a;}

div.page-nav{
	padding-bottom:200px;	
}

.page-nav p
{color:#000000}

.page-nav p a{
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:1px;
	color:#000000;
	background-color:#33FF99;
	padding:10px;
	font-weight:bold;
	}

.clear 	{
	clear:both;}

/* PHOTOS PAGE */
.photos {
	background:url(../images/ruffbg.gif) 0px 0px no-repeat #000;
	background-attachment: fixed;}    

.photos h1 {
	color:#fff;
	font-size:24px;
	margin:56px 0px 30px 0px;
	text-transform:uppercase;
	font-weight:bold
	}
	
.galleries img {
	margin:0px 2px 2px 0px;}
	
.galleries a {
	cursor:pointer;}
	
	
/* COMMENTS */
#commentform {
	margin-bottom:30px;
	line-height:15px;}
	
#commentform p {
	margin-bottom:10px;}

#comment {
	border:1px solid #33ff99;
	width:496px;
	padding:2px;
	margin-bottom:5px;}

#comments {
	line-height:22px;}

.submitbtn input {
	margin-bottom:25px;
	width:150px;
	height:25px !important;
	background:black;
	color:white;
	cursor:pointer;}

ol.commentlist {
	margin:0px 0px 50px 0px;
	padding:0;
	line-height:20px;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	font-size:10px;
	color:#fff;
	}
	
.commentlist cite p {
	color:#fff;}

.commentlist a:link, .commentlist a:visited {
	color:#fff
	text-decoration:none;
	}

.commentlist a:hover, .commentlist a:active {
	color:#ff008a;
	text-decoration:none;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .cm-author {
	font: small-caps bold 12px "Helvetica Neue",Helvetica, Sans-serif;
	text-decoration:none;
	}

.commenttext {
	background: #000;
	border-top:1px solid #ff008a;
	padding: 0 20px 10px 00px;
	color:#ff6600;
	}
	
.commenttext p {
	font-size:12px;
	font-weight:normal;}

#commentform input {
	border:1px solid #ff008a;
	margin:0px 0px 5px 0px;
	height:15px;
	padding:2px;}
	
#respond h3 {
	margin-bottom:10px;}