@import "tables.css";
@import "reset.css";
@import "tripoli.layout.css";

#beta {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	padding: 0px;
	margin:0px;
	background: #ff0000;
	text-align: center;
	}
	#beta p { margin:10px; color:#fff;}
	#beta a { color:#000; font-weight: bold; }
body {

	line-height: 1.3em; 
	color: #2c3a44;
	padding:0px;
	margin:0px;
	background:#fff url('/images/bg-main.gif') repeat-x 0px 50px;
	font-weight: normal;
	text-align:center;
	}
	body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
		font: 75% Lucida Grande, Verdana;
	}	
a {
	color:#e90000;
	text-decoration:none;
	cursor: pointer;
	}
a:hover {
	text-decoration:underline;
	}
h2 {
	margin: 0 0 0.3em 0;
	font-size: 185%;
	letter-spacing: -1px;
	font-weight: normal;
	clear: left;
	padding:0px;
	border-bottom:1px solid #ccc;
	color: #2f383e;
}

h3 {
	margin: 0 0 0.5em 0;
	font: normal 135%/1 arial,sans-serif;
	letter-spacing: -0.03em;
	clear: left;
	color: #2f383e;
}

h3 a {
	text-decoration: none;
	background: url(/img/link-line.gif) repeat-x 0 95%;
} /*IE6, IE7*/
		
div#wrap { 
	width:960px; 
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:0px 10px;
		background:#fff url('/images/bg-main.gif') repeat-x 50px 50px;
	}
	
#header {
		margin:0px 0px;
		padding:0px;
		color:#CCCCCC;
		overflow:hidden;
		clear:both;
		position: relative;
		top:50px;
		height: 130px;
	}
	#header p#slogan {
		margin:0; 
		padding:0;
		overflow:hidden;
		position: absolute;
		right:10px;
		display: none;
		top:0px;
		color:#cccccc;
		}
#secondary {
	margin:20px 0px;
	border-left:3px solid #ccc;
	padding: 0;
	}
#primary {
	margin-top:0px;
	}
.content {
	margin:10px;
	}
	
#logo {
	position: absolute;
	top:0px;
	left:0px;
	width:180px;
	height:100px;
	margin:0; padding:0;
	overflow:hidden;
	}
#logo a { 
		background:transparent url(img/wave_logo.gif) no-repeat top left;
		width:180px;
		height:60px;
		line-height:500px;
		overflow:hidden;
		cursor: pointer;
		margin:0;
		padding:0px;
		display: block;
		}
	
/*-------------------------------------
 	SiteNav
---------------------------------------*/
#navigation { height:0; }
#nav {
	background:				transparent;
	float:left;
	height:50px;
	clear:left;
	margin:0px;
	padding:0px;
	list-style: none;
	position: absolute;
	top:50px;
	left:180px;
	}
	#nav ul {
		margin:10px 0px;
		padding:0px;
		list-style: none;
		margin-left:			0px;
		padding-top:			0px;
		z-index:				1;
		border-left:1px dotted #111;
		}
	#nav li {
		float:					left;
		position:				relative;
		top:					0;
		left:					0;
		list-style:				none;
		margin:					0 1px;
		font-size:				11px;
		text-align:				center;
		}
		#nav li a {
			padding:				10px 15px 7px 15px;
			border-right:1px dotted #111;
			margin-left:1px;
			}
		#nav li a.submit {
			border:1px solid #333;
			padding-top:			9px;
			}
	#nav li.current a {
		margin-bottom:			-1px;
		}
		#nav ul:after {
		content:				"."; 
		display:				block; 
		height:					0; 
		clear:					both; 
		visibility:				hidden;	
		}
	#nav a {
		display:				block;
		font-size:1.1em;
		text-transform: uppercase;
		}
		#nav li a:link, #nav li a:visited {
			background:				transparent;
			color:					#fff;
			}
		#nav li a:hover {
			color:					#ff0000;
			padding-top:			9px;
			text-decoration: none;
			border:1px solid #FF0000;
			margin-left:0;
		}

	#nav li.current a:link, #nav li.current a:visited {
		background:				#FFFFFF;
		color:					#ed1c24;
		font-weight:			bold;
		}
		

#subnav {
	list-style: none;
	margin:10px;
	padding: 0px;
	position: absolute;
	top:115px;
	left:0px;
	}			
	#subnav li {
		display: inline;
		margin: 0; padding: 0;
		list-style: none;
		}
		#subnav li a {
			margin: 0px;
			padding: 10px;
			color:#333;
			}
			#subnav li a:hover {
				color: #000;
				}
				
/*--------------------------------------------
Top Ad */

#ad_top {
	width:730px;
	height:90px;
	margin:10px auto;
	text-align: center;	
	}

/*------------------------------------------------------------------------
Breadcrumbs */		

#breadcrumbs {
	position: absolute;
	top:20px;
	padding:0;
	margin:0;
		color:#ccc;
		}
	#breadcrumbs a {
		color:#666;
		padding:0px 5px;
		}
.form {
	margin:10px;
	}
	.form p { 
		display:block; 
		clear:both;
		}
	.form label {
		font-size:14px;
		margin:5px auto;
		width:320px;
		text-align:left;
		}
input, select, textarea {
	font: 1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #001F30;
	background: #FFFFFF;
	border: solid 1px #90AFC0;
	width:15em;
	padding:5px;
	margin:5px auto;
	}
	input:focus, select:focus, textarea:focus {
		border:1px solid #001c39;
		}
input:disabled{
        border:solid 1px #666;
        background-color:#ccc;
        color:#666;
    }

button {
	cursor:pointer;
	font:14px/16px Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	padding: 5px 15px;
	border:1px outset #434f58;
	background:transparent url(/images/button.gif) repeat-x bottom left;
}
button:hover {
	border:1px solid #dfb800;
	background:transparent url(img/button_hover.gif) repeat-x bottom left;
	}

p.error {
		color:#001c39;
		font-weight:bold;
		background:#fcf699;
		margin:10px 0px 5px 0px !important;
		display: block;
		padding:3px 15px;
		border:1px solid #f0d42d;
		font:1em Verdana, Arial, Helvetica, sans-serif;
		}

/* -----------   SEARCH BOX --------------- */

#search {
	position: absolute;
	padding: 8px;
	text-align: right;
	top:50px;
	right:10px;
/*	background:#efefef;
	border: 1px solid #ccc;
	border-top: 0; */
	}
	#search p {
		margin: 0; padding: 0;
		}
	#search input, #search button {
		padding:2px;
		height:18px;
		}
	#search button {
		padding:3px 5px;
		margin:5px;
		background: #fff;
		height: 25px;
		font-size: .8em;
		}
/* ----------------------------------------
LOGIN & REGISTER */
#login, #register {  
	padding:25px; 
	border:1px solid #ccc;
	margin:25px 0px; 
	}
#login p, #register p { 
	margin:10px;
	clear:left;
	}
#login p label, #register p label {
	padding:5px;
	float: left;
	font-size: 1.5em;
	width:10em;
	}
#login p input, #register p input {
	width:15em;
	padding:5px;
	float: left;
	}
	
#register {
	position: relative;
	}
#register .info {
	color:#ccc;
	text-transform: uppercase;
	font-size: 12px;
	position: absolute;
	top:0px;
	right:0px;
	}
	
	
/** 
 *	User Box
 */
#userbox {
	position: absolute;
	top:10px;
	right:10px;
	margin:0px;
	padding:10px 0px 10px 20px;
	color:#666;
	font-size: .9em;
	} 
	#userbox p {
		margin: 0;
		padding:0;
		}
	#userbox a.link {
		font-size: 1.1em;
		font-weight: bold;
		padding:5px 10px;
		color:#333;
		}
		#userbox a.link:hover {
			background:#666;
			color:#fff;
			}	
	#userbox a.action {
		color:#000;
		padding:3px 12px;
		border:1px solid #FF0000;
		background:#FFCCCC;
		text-align:center;
		width:260px;
		margin:0px;
		display:block;
		}
		#userbox a.action img {
			width:25px; height:25px; vertical-align:middle;
			}
	#userbox a.action:hover {
		border-color:#00FF00;
		background-color:#99FF99;
		color:#000000;
		}
	#userbox #avatar {position: absolute; left: -80px; top:0;}
	#userbox .profile-pic { position:absolute; top:5px; height:25px; width:25px; overflow:hidden;left:-5px;  background:#efefef;}
	#userbox .profile-pic img {
		width:25px; height:25px;
		}
	#userbox #fbconnect {
		position: absolute; left: -100px; top:5px;
		}
/* ----------------------------------------
Threads */

.thread {
	margin:10px;
	padding:0px 0px 0px 70px;
	clear: both;
	position: relative;
	border-bottom: 1px dotted #ccc;
	}
	.thread h3 a {
		font-weight: bold;
		color:#333;
		}
	.thread .preview {	
		display: block;
		padding:1px;
		margin:5px auto;
		max-width: 600px;
		top:10px;
		left:100%;
		border:1px solid #ccc;
		}
	.thread .info {
		margin:3px 0px;
		font-size: .9em;
		color:#666;
		}
	.thread .rate {
		background: transparent url('img/small_bubble.png') no-repeat top center;
		width:60px;
		height:50px;
		position: absolute;
		top:0px;
		left:5px;
		}
		.thread .rate .rating {
			font-size: 1.25em;
			width:40px;
			margin:0px;
			color: #fff;
			text-align: center;
			display: block;
			}

div#post_comment {
	margin:50px;
	position: relative;
	}
	div#post_comment p {
		margin:3px;
		}
	div#post_comment .avatar {
		position: absolute;
		left:-50px;
		top:0px;
		}

/* ----------------------------------------
 GALLERY LIST */

.gallery {
	margin:0;
	padding:0;
	position: relative;
	}
	.gallery p {
		margin:5px 0px;
		padding:0px;
		}
	#gallery_image {
		margin:10px;
		}
	#gallery_thumbs {
		display: block;
		}
		#gallery_thumbs p {
			display: inline;	
			}
#comments {
	margin:20px auto;
	border-top: 1px solid #ccc;
	padding:10px;
	}
/* ----------------------------------------
VIDEOS PAGE */

div.video {
	clear:both;
	min-height:120px;
	margin:10px;
	}
	div.video a.thumb {
		float:left; 
		display:block;
		background: transparent url(/images/video_thumb_bg.gif) no-repeat top right;
		margin-left:-170px;
		overflow:hidden;
		padding:5px;
		text-align:right;
		}		
		div.video a.thumb img {
			border:0px;	
			width:120px;
			height:91px;
			}
	div.video h4 {
		font-size:125%;
		margin:2px 0px;
		text-decoration:none;
		border-bottom:1px dotted #ccc;
		}
	div.video p {
		margin:2px 0px;
		padding:0px;
		}
		
* html div.video a.thumb { margin-left:-85px; }


div.news {
	margin:5px;
	border-bottom:1px dotted #cccccc;
	padding:0px;
	}
	div.news h4 {
		font-size:105%;
		font-weight:bold;
		margin:2px; padding:0px;
		}
	div.news p {
		margin:2px; padding:0px;
		}	
.blog_post {
	clear:both;
	border-bottom:1px dotted #ccc;
	}
	.blog_post img {
		max-width:400px;
		}
ol#comments {

	margin:10px;
	padding:0px 10px 0px 30px;
}
ol#comments li {
	margin:0px;
	padding:5px 15px;
	background:#e6e6e6;
	border-top:1px dotted black;
	}

/* ---------------------------------------------------
CONTENT ------------- */
#side {
	float:right; 
	width:240px; 
	overflow:hidden;
	background:transparent url('/images/side_car.gif') no-repeat top right;
	padding-top:200px;
	margin-top:0px;
	}
#content {
	float:right; width:510px;
	margin-right:10px;
	}
#contentwide {
	margin:10px;
	}	
#footer {
	clear:		both;
	border-top:	1px solid #ccc;
	padding:	15px;
	margin-top:	25px;
	font-size:	90%;
	color:		#777;
	}
	#footer p {
		margin:3px 0px;
		}

		
.right { float:right; }
.left { float:left; }
.center { text-align:center; }

.link-img {
	margin:6px;
	padding:3px;
	border:1px solid #adb9c0;
	}	
	a img {
		border:0px;
		}
	.link-img:hover {
		border:1px solid #666666;
		}
		
		
	span a {
		text-decoration:none;
		}

.youtube {
	clear:both;
	display:none;
	border:1px inset #ccc; margin:10px;
	padding:0px;
	margin-left:-160px;
	text-align:center;
	background:#efefef;
	}		
	.youtube a {
		font-weight:bold;
		display:block;
		text-align:center;
		margin:5px;
		}
span.size9, span.size0 {
	display:none;
	}
span.size1 {
	color: #001;
	font-weight:bold;
	font-size: 2em;
	}
span.size2 {
	color:#099;
	font-size:1.8em;
	}
span.size3 {
	color:#0000FF;
	font-size: 1.6em;
	}
span.size4 {
	color:#333;
	font-size: 1.4em;
	}
span.size5 {
	color:#333;
	font-size: 1.2em;
	}
span.size6 {
	color:#666666;
	font-size:1em;
	}
span.size7 {
	color:#666;
	font-size: .8em;
	}
span.size8 {
	color:#666;
	font-size: .6em;
	}
	
/* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }