/* 	FILE: ruffclub.css	*/
/*	VERSION: 1.0		*/

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

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

body	{
	background:url(../images/ruffbg.gif) 0px 0px no-repeat #252525;
	background-attachment: fixed;
	background-color:black;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
	
#right	{
	float:left;
	width:700px;}	
	
#left	{
	color:#fff;
	float:left;
	line-height:14px;	
	width:240px;}
	
.logo	{
	margin:25px 0px 0px 0px;}

.strong {font-weight:bold}

/* NAVIGATION */
.nav	{
	font-size:13px;
	font-weight:bold;
	height:55px;
	margin-left:-8px;
	width:700px;}
	
.nav ul {
	float:left;
	list-style:none;}
	
.nav ul li {
	float:left;}
	
.nav ul li a {   
	color:#FFFFFF;
	display:block;
	height:60px;
	line-height:91px;
	margin:0 15px 0 2px;
	padding-left:7px;
	padding-right:10px;
	text-decoration:none;}
	
.nav ul li a:hover {
	background-color:#33FF99;
	color:#000;}

/* RUFF CLUB INFO */
.info	{
	clear:both;
	font-size:13px;
	height:14px;
	letter-spacing:3px;
	margin-top:10px;
	width:700px;;}
	
.info ul {
	float:left;
	list-style:none;}
	
.info ul li {
	color:#CC0066;
	float:left;
	height:14px;		
	line-height:14px;
	margin-right:5px;
	text-decoration:none;
	text-transform:uppercase;}	
	
.info ul li a {
	background:url(../images/info-bg.jpg) 0px 0px no-repeat;
	color:#000;
	display:block;
	height:14px;
	padding-left:4px;]
	text-decoration: none !important;
	width:46px;}

/* 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:#33FF99;}
	
.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:#33FF99;}
	
.posts h2 {
	color:#fff;
	font-size:24px;
	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:#33FF99;
	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;}
.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:#33ff99;}
	
.author a span {
	color:#33ff99;}
	
.author a span:hover {
	color:#fff;}
	
.author h4 span {
	color:#33ff99;}
	
.sidebar {
	float:right;
	width:150px;
	margin:30px 0px 0px 20px;}
	
.sidebar h2 {
	border-bottom:1px solid #CACACA;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding-bottom:3px;
	text-transform:uppercase;}

.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:#33FF99;}
	
#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:150px;}

#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:#33FF99;}

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;}

/* SPLASH PAGE */
.splash	{
	background:#000000;
	text-align:center;}

.splash-wrapper {
	background: url(../images/splash-bg.jpg) no-repeat scroll 0 0;
	height:650px;
	margin:50px auto 0;
	text-align:left;
	width:575px;
	}

.splash-button {
	height:51px;
	margin:295px 0px 0px 423px;
	position:absolute;
	width:51px;}
	
.splash-button a {
	background:url(../images/splash-enter.png) 0px 0px no-repeat;
	display:block;
	height:51px;
	width:51px;}	
	
.splash-button a:hover {
	background-position: 0px -51px;}

/* 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;}

/* DJS PAGE */
.dj	{
	margin-top:40px;
	width:700px;}

.djnav {
	margin:110px 0px 0px 10px;}

.djnav ul {
	width:180px;}
	
.djnav ul li a {
	color:#33FF99;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	padding:0px 0px 0px 2px;
	text-decoration:none;
	text-transform:uppercase;}
	
.djnav ul li a:hover {
	color:#000;
	background-color:#33ff99;}
	
.dj-img {
	float:left;
	width:318px;}
	
.dj-right {
	line-height:12px;
	color:white;
	float:left;
	margin-left:30px;
	width:265px;}

.dj-top {
	border-bottom:1px solid #fff;}
	
.dj-top h2 {
	font-size:24px;
	margin:4px 0px 15px 0px;}
	
.dj-top p {
	font-size:12px;
	line-height:18px;
	padding-bottom:20px;}
	
.dj-bottom {
	margin-top:10px;}
	
.dj-bottom ul li {
	font-size:14px;
	margin:3px 0px 3px 0px;
	line-height:24px;
	width:265px;}
	
.dj-bottom ul li a {
	color:#33FF99;
	display:block;
	font-size:12px;
	padding:0px 0px 0px 2px;
	text-decoration:none;}

.dj-bottom ul li a:hover {
	background-color:#33FF99;
	color:#000;}
	
.dj-links {
	float:left;
	margin-right:20px;
	width:120px;}
	
.dj-downloads {
	float:left;}
	
	
/* 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:#33ff99;
	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 #33ff99;
	padding: 0 20px 10px 00px;
	color:#ff6600;
	}
	
.commenttext p {
	font-size:12px;
	font-weight:normal;}

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