/* HTML TAG STYLES */
* {margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 12px Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	color: #8b3a1b;
	background: #420C09 url(images/bg.gif) center top;
	text-align: center;
}

a:link, a:visited, a:active, a:hover {color: #000; text-decoration: underline;}
a:hover { text-decoration: none;}

img {border: none;}
input, select {vertical-align: middle;}
ul li{list-style: none;}
.clear{clear: both;}


#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: #FBECDA url(images/cont_bg.gif) repeat-y left
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 146px;
	background: url(images/header_bg.jpg) no-repeat left top;
	color: #a60b0b;
	overflow: hidden;
}
#header .hlogo{ width: 300px; height: 108px; float: left; }
#header .hta{ width: 695px; height: 108px; float: right; font-size: 11px; font-weight: 700; text-align: center; }
#header .hta ul{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 10px; text-align: left; }
#header .hta a:link, #header .hta a:visited, #header .hta a:active, #header .hta a:hover {color: #000; text-decoration: none;}
#header .hta a:hover { text-decoration: underline;}

.hbar{ width: 100%; height: 38px; background: url(images/hbar.png) no-repeat; }

.top_menu{ width: 635px; line-height: 38px; float: left; font-weight: 700; padding: 0 0 0 2px; }
.top_menu li{ float: left; background: url(images/mi_sep.gif) no-repeat right top; padding: 0 1px 0 0; }
.top_menu a:link, .top_menu a:visited, .top_menu a:active, .top_menu a:hover {color: #fbecda; text-decoration: none; padding: 0 30px; display: block;}
.top_menu a:hover { color: #000; background: #E69C5B url(images/mi_hov.gif) repeat-x top;}

.hsearch{ width: 355px; float: right; }
.hsearch div{ padding: 9px 0 0 4px; }
.hsearch input{ border: 0; background: transparent; }
.hsearch .text{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding: 2px; width: 209px; margin: 0 0 0 5px; }
.hsearch .bttn{ width: 20px; height: 20px; cursor: pointer; }
.hsearch select{ width: 102px; }
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 117px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 3px 0 173px;
}

#content .title, #content_vid .title{ background: url(images/title_bg.gif) repeat-x left top; line-height: 30px; border: 1px solid #995138; }
#content .title h2, #content_vid .title h2{ font-size: 17px; font-weight: 700; padding: 0 0 0 50px; color: #000; }

#content_vid{ padding: 0 317px 0 5px; }

.archives{ text-align: center; }
.archives li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 11px; width: 20px; margin: 5px 0; *margin: 5px 2px; line-height: 18px; }
.archives li.fst{ width: 100px; }
.archives a:link, .archives a:visited, .archives a:active, .archives a:hover {color: #fff; text-decoration: none; background: #802113; border: 1px solid #531500; display: block; }
.archives a:hover { color: #802113; background: #fff;}

.thumbs{ text-align: center; }
.thumbs li{ width: 202px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; text-align: left; margin: 2px; }
.thumbs .pic img{ display: block; border: 1px solid #2F1111; width: 200px; height: 150px; }
.thumbs .pic a:hover img{ border: 1px dashed #2F1111; }
.thumbs .pic a:hover{ border: 0; }
.thumbs .descr{ width: 100%; background: #9D391D; color: #f7aa3f; padding: 1px 0; margin: 1px 0 0; }
.thumbs .descrpadd{ background: #6E1A0F; border: 1px solid #FFC87D; padding: 5px; margin: 0 1px; }
.thumbs .dleft{ width: 49%; float: left; line-height: 16px; font-size: 11px; }
.thumbs .dright{ width: 49%; float: right; line-height: 15px; font-size: 11px; text-align: right; }
.thumbs .dleft span, .thumbs .dright span{ font-weight: 700; color: #fff; }
.thumbs .dname{ font-weight: 700; padding: 0 0 5px; height: 28px; }
.thumbs .dname a:link, .thumbs .dname a:visited, .thumbs .dname a:active, .thumbs .dname a:hover {color: #fcc508; text-decoration: none;}
.thumbs .dname a:hover { color: #fff; }

.bblock{ background: #9D391D; width: 100%; padding: 1px 0; margin: 1px 0 5px; }
.bblockpadd{ background: #6E1A0F; margin: 0 1px; border: 1px solid #FFC87D; }

.player{ padding: 13px 0 0 17px; }

.vid_descr{ padding: 5px 15px 10px; font-weight: 700; font-size: 14px; color: #fff; }
.vid_descr span{ font-size: 16px; color: #f7aa3f; }
.vid_descr .mname{ color: #fcc508; padding: 5px 0; }
.vid_descr a:link, .vid_descr a:visited, .vid_descr a:active, .vid_descr a:hover {color: #fb3218; text-decoration: none;}
.vid_descr a:hover { text-decoration: underline;}

.comments{ padding: 5px 15px; color: #FCC508; }
.comments .error{ font-size: 20px; font-weight: 700; color: #fb3218; }
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 172px;
	margin-left: -100%;
	position: relative;
	color: #673422;
}
#sideLeft .spadd{ padding: 0 0 0 4px; }
#sideLeft .cat_title{ background: #FCC87D url(images/cat_bg.jpg) no-repeat center; text-align: center; color: #fff; line-height: 30px; border: 1px solid #995138; width: 166px; }
#sideLeft .cat_title h2{ font-size: 15px; }
.widg{ border: 1px solid #E4B09E; margin: 1px auto 4px; background: #fff; padding: 5px; }
.widg ul { width: 154px; }
.widg ul li{ background: url(images/side_bullet.gif) no-repeat left 4px; padding: 0 0 0 10px; line-height: 18px }
.widg a:link, .widg a:visited, .widg a:active, .widg a:hover {color: #000; text-decoration: none;}
.widg a:hover { text-decoration: underline;}

#sideRight {
	float: left;
	margin-right: -3px;
	width: 314px;
	margin-left: -314px;
	position: relative;
	color: #420c09;
}
#sideRight .spadd{ padding: 0 4px 0 0; }
#sideRight .cat_title{ background: #FCC87D url(images/catvid_bg.jpg) no-repeat center; text-align: left; color: #fff; line-height: 30px; border: 1px solid #995138; width: 308px; }
#sideRight .cat_title h2{ font-size: 15px; padding: 0 0 0 20px; }

.pics{ width: 100%; font-size: 11px; }
.pics .pi{ padding: 0 0 5px; }
.pics .smpic{ width: 105px; float: left; }
.pics .smpic img{ border: 4px solid #7D2C10; }
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: -117px auto 0;
	height: 117px;
	background: url(images/footer_bg.jpg) no-repeat left top;
	color: #070400;
}
#footer p{ padding: 20px 0 0; }
#footer span{ font-weight: 700; color: #da0220; }
.bttm_menu{ line-height: 38px; color: #fbecda; }
.bttm_menu a:link, .bttm_menu a:visited, .bttm_menu a:active, .bttm_menu a:hover {color: #fbecda ; text-decoration: underline; padding: 0 5px;}
.bttm_menu a:hover { text-decoration: none;}









/** PAGINATION **/
.pagination {
  margin-bottom: 20px;
  margin-top: 8px;
  font-size: 105%;
  font-weight: bold;
  text-align: center;
}

.pagination span {
  padding: 0 4px;
}



/** RATING STARS **/
#rater-stars {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 1;
}

.rater-div {
  position: absolute;
  width: 19.6px;
  height: 21px;
  top: 2px;
  left: 0px;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

#rater-text {
  position: absolute;
  top: 5px;
  left: 100px;
}



/* CLASSES */
.bold {
  font-weight: bold;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.normal {
  font-weight: normal;
}

.click {
  cursor: pointer;
}

.fs80 {
  font-size: 80%;
}

.fs90 {
  font-size: 90%;
}

.fs95 {
  font-size: 95%;
}

.fs105 {
  font-size: 105%;
}

.fs110 {
  font-size: 110%;
}

.fs120 {
  font-size: 120%;
}

.fs130 {
  font-size: 130%;
}

.main-content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}



/** CLIPS **/
#clips img {
  filter: alpha(opacity=25);
  opacity: 0.25;
  cursor: pointer;
  margin: 0 10px;
}

#clips img:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

#clips img.selected {
  cursor: default;
  filter: alpha(opacity=100);
  opacity: 1;
}



/** MISC **/
.message-error {
  font-weight: bold;
  font-size: 135%;
  color: #d52727;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.message-notice {
  font-weight: bold;
  font-size: 135%;
  color: #2ae000;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.message-warning {
  font-weight: bold;
  font-size: 135%;
  color: #ea8612;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.captcha-image {
  border: 1px solid black;
  margin-bottom: 4px;
}

.captcha-reload {
  margin-left: 8px;
  vertical-align: top;
  cursor: pointer;
}

.swfupload {
  vertical-align: middle;
}

/** TAG CLOUD **/
div.tags {
  line-height: 1.5em;
}

div.tags a {
  padding: 0 3px;
  vertical-align: middle;
}

div.tags a:hover {
  /*color: #afafaf;*/
}

a.tag-100 {
  font-size: 100%;
  color: #424242;
}

a.tag-100:hover {
  color: #fff;
  background-color: #424242;
}

a.tag-110 {
  font-size: 110%;
  color: #555555;
}

a.tag-110:hover {
  color: #fff;
  background-color: #555555;
}

a.tag-120 {
  font-size: 120%;
  color: #686868;
}

a.tag-120:hover {
  background-color: #686868;
  color: #fff;
}

a.tag-130 {
  font-size: 130%;
  color: #7b7b7b;
}

a.tag-130:hover {
  background-color: #7b7b7b;
  color: #fff;
}

a.tag-140 {
  font-size: 140%;
  color: #8e8e8e;
}

a.tag-140:hover {
  background-color: #8e8e8e;
  color: #fff;
}

a.tag-150 {
  font-size: 150%;
  color: #a1a1a1;
}

a.tag-150:hover {
  background-color: #a1a1a1;
  color: #fff;
}

a.tag-160 {
  font-size: 160%;
  color: #b3b3b3;
}

a.tag-160:hover {
  background-color: #b3b3b3;
  color: #000;
}

a.tag-170 {
  font-size: 170%;
  color: #c7c7c7;
}

a.tag-170:hover {
  background-color: #c7c7c7;
  color: #000;
}

a.tag-180 {
  font-size: 180%;
  color: #d9d9d9;
}

a.tag-180:hover {
  background-color: #d9d9d9;
  color: #000;
}

a.tag-190 {
  font-size: 190%;
  color: #ececec;
}

a.tag-190:hover {
  background-color: #ececec;
  color: #000;
}

a.tag-200 {
  font-size: 200%;
  color: #fff;
}

a.tag-200:hover {
  color: #000;
  background-color: #fff;
}
/* FORM FIELDS */
span.label {
  display: inline-block;
  text-align: right;
  width: 7em;
  font-weight: bold;
  vertical-align: top;
  padding-top: 3px;
}

span.wider {
  width: 13em;
}

span.nopad {
  padding-top: 0px;
}

span.input-container {
  vertical-align: top;
  margin-left: 3px;
  display: inline-block;
}

span.text-container {
  margin-left: 3px;
  position: relative;
  top: 0.2em;
  display: inline-block;
}

div.field {
  margin-top: 8px;
  margin-bottom: 8px;
}


/** USER PROFILE STYLE **/
.profile-avatar {
  max-width: 240px;
}

.profile-fields span {
  margin-bottom: 8px;
}

.profile-fields span.field {
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.profile-fields span.value {
  display: inline-block;
  width: 79%;
  vertical-align: top;
}