/**
 * UC general layout styles
 * (c) www.unitedcardists.net
 *
 * @modified 23.11.2009 - Chris
 */
 
 body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background: #000 url(/uc/forum/styles/unitedcardists/theme/images/background.gif) top left repeat;
}
div#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 881px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
div#page-header {
	height: 156px;
	background: #1a1a1a url(/uc/forum/styles/unitedcardists/theme/images/top-section-bg.gif) repeat-x;
    border-bottom: 2px solid #1b1b1b;
}
div#site-description {
	width: 881px;
	height: 158px;
	background: #1a1a1a url(/uc/portal/img/layout/logo.gif) no-repeat top left;
	margin: 0 auto;
}
div#headernav {
	height: 14px;
}
div#headernav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 0 0 0 23px;
}
div#headernav ul  li{
	margin: 114px 0 0 0;
	float: left;
}
div.navbar {
    width: 861px;
	background: #1a1a1a url(/uc/forum/styles/unitedcardists/theme/images/navi-bg.gif) repeat-x bottom left;
	padding: 5px 10px 10px 10px;
	font-size: 1.1em;
}
div.footernavbar {
    width: 861px;
	background: #1a1a1a url(/uc/forum/styles/unitedcardists/theme/images/navi-bg.gif) repeat-x bottom left;
	padding: 0 10px 10px 10px;
	font-size: 1.1em;
}
div#breadcrumb {
	padding: 5px 10px 5px 10px;
	width: 861px;
	background: #1a1a1a url(/uc/forum/styles/unitedcardists/theme/images/breadcrumb-bg.gif) top left no-repeat;
	color: #72a100;
	font-size: 140%;
}
div#content {
	width: 859px;
	background: #000;
	border: 1px solid #292929;
	padding: 10px;
	float: left;
}
.thumbnail {
	float: left;
	border: 1px solid #292929;
	background: #000;
	padding: 4px;
}
div.border {
	float: right;
	width: 359px;
	border-left: 1px dotted #72a100;
	padding-left: 15px;
}
div.meta {
  font-size: 90%;
  margin: 0;
  width: 100%;
  height: 30px;
  padding: 0 5px 0 5px;
  line-height: 29px;
  background: #000 url(/uc/portal/img/layout/meta-bg.gif) no-repeat top left;
  float: left;
  margin: 5px 0 0 0;
}

div.rating {
  width: 120px;
  float: right;
  margin: 15px 0 0 0;
}
ul.rating_stars {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul li.star {
  float: left; 
}
div.description {
	float: left; 
	width: 350px;
	margin: 15px 0 0 0;
}

div.infowrapper {
	width: 500px;
	float: left;
}

/** 
 general text styles
**/
span.page_title {
  font-size: 45px;
  display: block;
  margin-bottom: 10px;
}
p {
  font-size: 11px;
}
p.message {
  font-size: 14px;
}
h1 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  margin-top: 5px;
  color: #FFFFFF;
  padding: 0;
}
h2 {
  font-size: 16px;
  font-weight: normal;
  color: #89C101;
  margin: 20px 0px 0px 0px;
}
span.bullet {color: #FFFFFF;}
a:link, a:visited {
  text-decoration: none;
  color: #89C101;
}
a:active, a:hover {
  text-decoration: underline;
}
ol {
  width: 400px;
  padding-left: 20px;
}
ol li {
  margin-bottom: 10px;
  font-size: 11px;
}



a img {border: 0;}



/** 
 video listing styles
**/
div#videos {margin-left: 270px;}
div.video {
  width: 500px;
  height: auto;
  margin-top: 30px;
  float: left;
  border-bottom: 1px dotted #666666;
  padding: 0 0 30px 0;
}
td.vid_title {
  height: 20px;
  background-color: #89C101;
  padding: 3px 5px;
}
td.vid_foot {
  font-size: 11px;
  padding: 5px 5px;
  height: 18px;
  border-top: 1px dotted #666666;
}
td.vid_thumb {
  padding: 4px 0; 
  background-color: #000000;
  border-right: 1px dotted #666666;
}
td.vid_descr {
  padding: 5px 15px;  
  font-size: 11px;  
}




/** 
 category listing
**/
div#categories {
  float: left;
  width: 200px;
  height: 100%;
  margin-left: -22px;
}
div#categories ul {
  width: 140px;
  list-style-type: none;
  margin: 0;
  padding-left: 35px;
}
div#categories ul li {
  padding: 3px 10px;
  border-bottom: 1px dotted #89C101;
}
div#categories ul a {
  color: #FFFFFF;
  text-decoration: none;
}
div#categories ul a:hover {
  color: #89C101;
}
div#categories ul a.active {
  font-weight: bold;
  color: #89C101;  
}



/** 
 messages
**/
div#flashMessage p.message {
  color: #FFFFFF;    
  width: 500px;
  border-top: 1px dotted #89C101;
  border-bottom: 1px dotted #89C101;
  padding: 8px 0px;
}

div#flashMessage p.warning {
  color: #EFDB00;
  width: 500px;
  border-top: 1px dotted #EFDB00;
  border-bottom: 1px dotted #EFDB00;
  padding: 8px 0px;
}

div#flashMessage p.error {
  color: #C10101;
  width: 500px;
  border-top: 1px dotted #C10101;
  border-bottom: 1px dotted #C10101;
  padding: 8px 0px;
}



/** 
 submit step styles
**/
table td {
  height: 35px;
  font-size: 11px;
}
table td.form_descr {
  width: 140px;
  font-size: 11px;
}
input {
  background-color: #090909;
  border: 1px solid #666666;
  width: 240px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
}
select {
  background-color: #090909;
  border: 1px solid #666666;
  width: 240px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
}
textarea {
  background-color: #090909;
  border: 1px solid #666666;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
}
input.checkbox {
  width: 20px;
  padding: 0; 
  margin: 0; 
  margin-right: 5px;
}
input.button {
  width: 150px;
  color: #89C101;
}
.selected {background-color: #1F1D1D;}
.normal {background-color: #090909}
div#terms_box {
  display: none; 
  position: absolute; 
  top: 130px; 
  left: 700px;
}



/** 
 video page styles
**/ 
div.vid_comment {
  border-top: 1px dotted #CCCCCC; 
  padding: 6px;
  margin-top: 5px;  
}
div#vid_comments_box {
  width: 550px; 
  margin-top: 30px;
  float: left;
}
div#vid_comments p {
  margin: 0;
  padding: 0;
}
span.date {
  margin-top: 5px;
  display: block;
  font-size: 85%;
  font-style: italic;
}
div.vid_comment_left {
  float: left;
}
div.vid_comment_right {
  margin-left: 60px;
}
div.button_wrapper {
  float: right; 
  margin-right: 28px;
}
textarea.vid_comment_box {
  width: 460px; height: 70px;
}


/**
  mod styles
**/
div#moderate {
  margin-left: 250px;
}
div.vid_queue_thumb {
  width: 150px;
  background-color: #000000;
}
div.vid_queue_info {
  margin-left: 25px;
}
span.vid_queue_title {
  color: #89C101;
  font-weight: bold;
}
p.mod_seperator {
  border-top: 1px dotted #666666; 
  width: 500px;
} 

div#iesix {
	width: 100%;
	text-align: center;
	background: #ff5e5e;
	color: #000;
	border: 1px solid #ff0000;
	padding: 5px 0 5px 0;
}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */