body {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	background-image:url(images/main_bg.jpg);
	background-repeat:repeat-x;
	background-color: #2a2a2a;
}

input, select, textarea {
	 border: 1px solid #e3dede;
	 /** remember to change image path **/
	 background: url(none) no-repeat #ffffff;
	 font-family: Arial, Helvetica, sans-serif;
	 font-style: normal;
	 font-size: 12px;
	 color:#333;
}

#top input {
	background:none;
	border:none;
}

td, p {
  font: 12px Arial, Helvetica, sans-serif
  margin: 0px;
	color: #FFF;
}

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

a:hover {
	color: #333;
}

#bodylink a {
	color:#003;
}

#bodylink a:hover {
	color:#036;
}

#container {
	width: 1000px;;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(images/main_bg.jpg);
	background-repeat:repeat-x;
	background-color: #2a2a2a;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Navigation menu */
#Mainnavigation {
	float:right;
	margin: 35px 0 0 0;
	padding:0px;
	width:619px;
	height:35px;
	background-image:url(images/nav_bg.jpg);
	background-repeat:repeat-x;
}

#Mainnavigation a {
  font: 14px bold Arial, Helvetica, sans-serif;
  color: #CCCCCC;
  text-decoration: none;
  font-weight: bold;
  text-align:center;
}

#Mainnavigation a:hover {
  font: 14px bold Arial, Helvetica, sans-serif;
  color: #990;
  text-decoration: none;
  font-weight: bold;
  text-align:center;
}

/* Navigation menu */
#navigation {
  font: 13px Arial, Helvetica, sans-serif;
  background-color:#1B1C2E;
  color:#FFF;
}

#navigation a {
  font: 13px Arial, Helvetica, sans-serif;
  color:#6CC;
  padding-left: 0px;
  text-decoration: none;
}

#navigation a:hover {
  font: 13px Arial, Helvetica, sans-serif;
  color: #69F;
  padding-left: 0px;
  text-decoration: none;
}

#homeBtn {
	display: block;
	width: 95px;
	height: 35px;
	background: url("images/home_button.jpg") no-repeat 0 0;
	float:left;
}
#homeBtn:hover {
	background-position: 0 -35px;
}
#homeBtn span {
	display: none;
}
#videoBtn {
	display: block;
	width: 102px;
	height: 35px;
	background: url("images/videos_button.jpg") no-repeat 0 0;
	float:left;
}
#videoBtn:hover {
	background-position: 0 -35px;
}
#videoBtn span {
	display: none;
}
#topBtn {
	display: block;
	width: 125px;
	height: 35px;
	background: url("images/top_stuff_button.jpg") no-repeat 0 0;
	float:left;
}
#topBtn:hover {
	background-position: 0 -35px;
}
#topBtn span {
	display: none;
}
#membersBtn {
	display: block;
	width: 120px;
	height: 35px;
	background: url("images/members_button.jpg") no-repeat 0 0;
	float:left;
}
#membersBtn:hover {
	background-position: 0 -35px;
}
#membersBtn span {
	display: none;
}
#contactBtn {
	display: block;
	width: 103px;
	height: 35px;
	background: url("images/contact_button.jpg") no-repeat 0 0;
	float:left;
}
#contactBtn:hover {
	background-position: 0 -35px;
}
#contactBtn span {
	display: none;
}

.thrColFix #mainContent {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
hr {
	border : none;
	border-top : dashed 1px #000000;
	height : 1px;
}
#header {
	font: 16px Arial, Helvetica, sans-serif;
	color: #036;
	margin: 5px;
	margin-top: 10px;
	vertical-align:center;
	font-weight:bold;
}

#header a {
	font: 16px Arial, Helvetica, sans-serif;
	color: #036;
	margin: 5px;
	margin-top: 10px;
	vertical-align:center;
	font-weight:bold;
}

#header a:hover {
	font: 16px Arial, Helvetica, sans-serif;
	color: #036;
	margin: 5px;
	margin-top: 10px;
	vertical-align:center;
	font-weight:bold;
}

#content {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 10px;
	text-align:justify;
}

#content a {
	font: 14px Arial, Helvetica, sans-serif;
	color:#036;
}

#content a:hover {
	font: 14px Arial, Helvetica, sans-serif;
	color:#039;

}

#pubdate {
	font: 9px;
	font-style:italic;
	color:#333333;
	margin: 10px;
	font-style:italic;
}

#comments {
	font: 10px;
	color:#333333;
	margin: 5px;
	text-align:right;
}

#comments a {
	font: 10px;
	color:#333333;
	margin: 5px;
}

#comments a:hover {
	font: 10px;
	color:#333333;
	margin: 5px;
}

#read_more {
	font: 10px;
	color:#333333;
	margin: 5px;
}

#read_more a {
	font: 10px;
	color:#333333;
	margin: 5px;
}

#read_more a:hover {
	font: 10px;
	color:#333333;
	margin: 5px;
}

.roundcont {
	width: 640px;
	background-color: #e5e7eb;
	color: #d2d2d2;
}
.roundcont p {
	margin: 0 10px;
}
.roundtop {
	background:url(images/news_bg_top.jpg) no-repeat top right;
	height:35px;
}
.roundbottom {
	background: url(images/br.gif) no-repeat top right;
}
img.corner {
	width: 9px;
	height: 9px;
	border: none;
	display: block !important;
}
.style1 {font-size: 10px}

.required { 
color: #FF0000; font-size: 12px;
}

#mainVideo {
	width:650px;
	height:auto;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	margin-left: 5px;
	background-color:#000000;
}

#featuredVideoBox {
	width:650px;
	height:auto;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	margin-left: 5px;
	background-color:#000000;
}

#title {
	width: 650px;
	background-image:url(images/title_bg.jpg);
	font-size:18px;
	color:#003;
	font-weight:bold;
	text-align:center;
}

#featured_title {
	width: 292px;
	background-color:#333;
	background-image:url(images/title_bg_top.jpg);
	font-size:16px;
	color:#003;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}

#video_title {
	width: 292px;
	background-color:#333;
	background-image:url(images/video_bg_top.jpg);
	font-size:16px;
	color:#003;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}

#description {
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left: 5px;
}

#rating {
	font-size:12px;
	color:#CCCCCC;
	text-align:left;
	margin-left: 5px;
}

#views {
	font-size:12px;
	color: #CCCCCC;
	text-align:left;
	margin-left: 5px;
}

#views {
	font-size:12px;
	color: #000000;
	text-align:left;
	margin-left: 5px;
}

#embedLink {
	text-align:left;
	font-size:12px;
	color:#CCCCCC;
}

#latestTitle {
	width: 642px;
	height:25px;
	background-color:#333;
	background-image:url(images/featured_bg_top.jpg);
	font-size:16px;
	color:#003;
	text-align:left;
	margin-left:2px;
	margin-right:5px;
}

#videoTitle {
	width:648px;
	background-image:url(images/video_header.jpg);
	font-size:16px;
	margin-left:1px;
	color:#003;
	text-align:left;
}

#latestVideo {
	width:650px;
	height:300px;
	background-color:#FFFFFF;
}

#latestVideo a {
	color:#333;
}

#latestVideo a:hover {
	color:#003366;
}

#featuredVideo {
	width:550px;
	height:175px;
	border:solid 2px;
	border-color:#333;
	background-color:#999;
}

#relatedVideo {
	width:650px;
	height:330px;
	background-color: #222327;
	margin-left: 5px;
}

#relatedVideo a {
	color:#333;
}

#relatedVideo a:hover {
	color:#003366;
}

#relatedTitle {
	color:#033;
	font-weight:bold;
	font-size: 18px;
	text-align:left;
	margin-left:5px;
	margin-top:20px;
}

#relatedTitle a {
	color:#003333;
	font-weight:bold;
	font-size: 18px;
	text-align:left;
	margin-left:5px;
	margin-top:20px;
}

#relatedTitle a:hover {
	color:#003333;
	font-weight:bold;
	font-size: 18px;
	text-align:left;
	margin-left:5px;
	margin-top:20px;
}

#videopicks {
	width:340px;
	height:auto;
	text-align:center;
}

#videopicks a {
	color:#333;
	font-weight:bold;
}

#videopicks a:hover {
	color:#003366;
	font-weight:bold;
}

#tableBack {
	clear: none;
	float:inherit;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#e5e7eb;
	border:1px solid #acb2bb;
	width:280px;
	height:180px;
}

#tableBackBlogs {
    clear: none;
    float:inherit;
    padding:5px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color:#e5e7eb;
    border:1px solid #acb2bb;
    width:280px;
    height:420px;
}

#ad1 {
	clear: none;
	float:inherit;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:1px solid #acb2bb;
	width:300px;
	background:none;
}

#tableBack2 {
	clear: none;
	float:inherit;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#c5c5c5;
	border:1px solid #eaeaea;
	width:645px;
	height:650px;
}

#page-wrap {
	background: 000000;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	background-color:#333;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#verImage {
	padding: 5px;
	width: 400px;
	margin: 0px 0px 10px 159px;
}

#contact-area textarea {
	height: 150px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float:left;
	margin-bottom:20px;
}

label {
	color:#FFF;
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 5px;
	font-size: 1.4em;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

#rate_btn {
  width: 21px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border: 1px solid #C3C8C8;
  background-color: #F8F8F8;
  color: #6E7676;
  text-decoration: none;
  display: block;
  clear: none;
  float: left;
  margin: 1px;
}
#rate_btn:hover {
  width: 21px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border: 1px solid #AFBDC7;
  background-color: #DEE8F2;
  color: #6E7676;
  text-decoraton: none;
  display: block;
  margin: 1px;
}
#small_text {
  font-size: 10px;
  color: #575D5D;
}

#member_join {
	background-image:url(images/member_bg.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	color:#FFF;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif
}

#contact_header {
	background-image:url(images/member_bg.jpg);
	height:35px;
	background-repeat:repeat-x;
	font-size:12px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif
}


#member_join a {
	background-image:url(images/member_bg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	color:#999;
	margin:5px;;
	font-family:Arial, Helvetica, sans-serif
}

#member_join a:hover {
	background-imag;e:url(images/member_bg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	color:#666;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif
}

#featured_block {
	width:650px;
	height:250px;
	background-color:#000;
}

#search_box {
	float:right;
    width: 210px;
    height: 35px;
	background-color:none;
	margin:0 15px 0 0;
}

#search_box input {
	background:none;
	border:0px;
	font-size:16px;
}

#search_box #q {
    float: left;
    padding: 0;
    margin: 4px 0 0 7px;
    border:1px solid #FFFFFF;
    width: 159px;
	background-color:#CCC;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

#top {
	width:1000px;
	height:145px;
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
	background-color:#1b1d33;
}

#footer {
	text-align:left;
	font-size:11px;
	color:#FFF;
	margin-left:5px;
	margin-top:5px;
}

#footer ul {
	float:left;
	font-size:14px;
	color:#CCC;
	margin-bottom:10px;
}

#footer li {
	list-style:none;
	margin-bottom:3px;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	background-color:#9CF;
	color: #333;
}

#sec-nav {
	color:#FFF;
	
}

#sec-nav a {
	color:#FFF;
	text-decoration:none;
}

#sec-nav a:hover {
	background-color:#9CF;
	color: #333;
}

#store-content {
	color:#000;
	background-color:#FFF
	
}

#store-content a {
	color:#000;
	text-decoration:none;
}

#store-content a:hover {
	color:#333;
	background-color:#000;
	color: #FFF;
}

#store-text {
	width: 180px;
	float:right;
	background-color: FFF;
	color: 000;
}

.thumbnail{
	position: relative;
	z-index: 0;
	}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position:absolute;
	background-color: lightyellow;
	padding: 2px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */

}

/* Users pictures */
#picture {
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
}

img.alignleft {
	float:left; margin:0 1em 1em 0;
}