/* Devour 06.10
	Copyright 2010 Zombiecorp LLC. All rights reserved.
	Don't steal our code. That would be very undude.
----------------------------------------------------------------- */

/* RESET
----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}

/* UTILITY
----------------------------------------------------------------- */
/* wraps enclosing block element around inner floated elements */
.pkg:after { content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg[id] { height: auto; }
.pkg { display: block; }
/* */

/* GENERAL
----------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-align: left;
	overflow-x: hidden;
	}

p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #ff0000;
	}

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

p a:link, p a:visited, p a:hover, p a:active {
	color: #ff0000;
	text-decoration: none;
	border-bottom: 1px solid #ff0000;
	}

a:focus, input:focus {
	outline: none;
	}

::-moz-selection {
  background: #ff0000;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #ff0000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ff0000;
  color: #fff;
  text-shadow: none;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

/* TITLES
----------------------------------------------------------------- */

h1 {
	margin: 20px 0 10px 0;
	font-size: 26px;
	color: #ff0000;
	text-transform: uppercase;
	line-height: 24px;
	}

h1 a:link, h1 a:hover, h1 a:visited {
	color: #ff0000;
	text-decoration: none;
	}

.wf-inactive h1 {
    font-size: 35px;
    }

h2 {
	margin: -99px 0 0 0;
	padding: 0 17px 0 17px;
	font-size: 26px;

	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	}

.wf-inactive h2 {
    font-size: 25px;
    }

h2 a:link, h2 a:hover, h2 a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	}

h3 {
	margin: 0 0 8px 0;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	}

/* STRUCTURE (That rug really tied the room together, did it not?)
----------------------------------------------------------------- */

#universe {
	width: 980px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#eternia {
	float: left;
	position: relative;
	width: 940px;
	background: transparent;
	text-align: left;
	margin:0 20px 20px;
	padding: 0;
	}

/* HEADER
----------------------------------------------------------------- */

#avion {
	width: 940px;
	height: 54px;
	background: transparent;
	margin: 0 0 20px 0;
	padding: 19px 0 18px 0;
	border-bottom: 1px solid #ff0000;
	clear: both;
	}

.logo {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	clear: both;
	}

.search {
	width: 298px;
	height: 30px;
	float: left;
	margin: 11px 18px 0 0;
	padding: 0;
	border: 1px solid #ff0000;
	}

.nav {
	width: 300px;
	float: right;
	margin: -2px 0 0 0;
	padding: 0;
	font-size: 18px;
	color: #ff0000;
	font-weight: bold;
	}

.nav1 {
	width: 100px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 19px;
	text-transform: uppercase;
	}

.nav2 {
	width: 90px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 19px;
	text-transform: uppercase;
	text-align: center;
	}

.nav3 {
	width: 100px;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 19px;
	text-transform: uppercase;
	text-align: right;
	}

/* GRID COLUMN
----------------------------------------------------------------- */

#eternos {
	width: 940px;
ΚΚΚ margin: 0;
ΚΚΚ padding: 0 0 20px 0;
ΚΚΚ clear: both;
	}

.orko {
	width: 300px;
	height: 170px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	position: relative;
	}

.orkolast {
	width: 300px;
	height: 170px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	}

.shout {
	width: 940px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	clear: both;
	overflow: hidden;
	-webkit-text-size-adjust: none;
	}

.more {
	margin: 0;
	padding: 0;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	clear: both;
	-webkit-text-size-adjust: none;
	}

.banner {
	width: 940px;
	height: 60px;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	}

.remove {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 2px;
    background: #ff0000;
}

.remove a:link, .remove a:active, .remove a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


/* LEFT COLUMN
----------------------------------------------------------------- */


#video {
	width: 940px;
	height: 526px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent;
	}

#wrapper {
	width: 940px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent;
	}

#left {
	width: 620px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent;
	text-align: left;
	}

#left p a:link, #left p a:active, #left p a:visited {
	color: #ff0000;
	text-decoration: none;
	border-bottom: 1px solid;
	}

#left p a:hover {
	color: #ff0000;
	text-decoration: none;
	border-bottom: 1px solid;
	}

.source {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent;
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	}

.counter {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent;
	clear: both;
	}


/* RIGHT COLUMN
----------------------------------------------------------------- */

#right {
	width: 300px;
	float: right;
	margin: 20px 0 -3px 0;
	padding: 0 0 0 0;
	background: transparent;
	position: relative;
	}

.fauxh2 {
	margin: -99px 0 0 0;
	padding: 0 17px 0 17px;
	font-size: 28px;

	font-family: helvetica, arial, verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	}

.fauxh2 a:link, .fauxh2 a:hover, .fauxh2 a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	}

.fauxh2wrapper {
	position: absolute;
	width: 300px;
	top: 170px;
	text-align: center;
	}

.nexttag {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	}

/* FOOTER
----------------------------------------------------------------- */

#subternia {
	margin: 0;
	padding: 0;
	clear: both;
	height:100%;
	width: 100%;
	}

.copy {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
	font-size: 11px;
	color: #ff0000;
	text-align: center;
	text-transform: uppercase;
	-webkit-text-size-adjust: none;
	}

.aquatica {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 18px 0 17px 0;
	text-align: center;
	color: #ff0000;
	font-size: 11px;
	border-top: 1px solid #ff0000;
	}

.aquatica p {
	margin: -2px 0 13px 0;
	padding: 0;
	line-height: 18px;
	font-size: 11px;
	}

.aquatica a:link {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
	}

.aquatica a:hover {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
	}

.aquatica a:active {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
	}

.aquatica a:visited {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
	}

/* FORMS
----------------------------------------------------------------- */

#searchform {
  	margin: 0;
	padding: 0;
	background: none;
	background-color: transparent;
	position: relative;
	}

#searchform #searchbox {
	width: 254px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 5px;
	border: none;
	background-color: transparent !important;
	font-size: 12px;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #ff0000;
	text-transform: uppercase;
	border: none;
	display: block;
  position: absolute;
  top: 0;
  line-height: 30px;
	}

#searchform input {
	margin: 0 0 0 0;
	padding: 0;
	vertical-align: middle;
	background-color: transparent !important;
	}
#searchform #search-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 39px;
  background: #ff0000 url(../i/search.gif) no-repeat left top;
  border: 0;
}


/* IMAGES
----------------------------------------------------------------- */
.b {
	margin: 0 0 0 0;
	padding: 0;
	}

.adtag {
	margin: 13px 0 0 133px;
	padding: 0;
	}

.sitemeter {
	display: none;
	}

/* INDIE PAGES
----------------------------------------------------------------- */

.boxes {
	width: 130px;
	height: 62px;
	margin: 20px 0 12px 20px;
	padding: 0 0 0 0;
	float: right;
	}

.share {
	margin: 0;
	padding: 8px 0 0 0;
	}

.share1, .share2, .share3 {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	text-transform: uppercase;
	}

.share4 {
	margin: 0 0 30px 0;
	padding: 0;
	float: right;
	font-size: 18px;
	color: #ff0000;
	text-transform: uppercase;
	}

.dot {
	margin: 0 10px -10px 0;
	padding: 0;
	}


/* MISC
----------------------------------------------------------------- */
.hidden, .sitemeter {
	display: none;
	}

/* JAVASCRIPT
----------------------------------------------------------------- */

.parents-toggle {
  position: relative;
}
.menu-toggle {
  position: absolute;
  background-color: white;
  width: 283px;
  height: 320px;
  border: 1px solid #ff0000;
  z-index: 100;
  padding: 10px 0 20px 15px;
}
#channels-menu {
  height: 320px;
}
.menu-toggle div {
  width: 130px;
  display: inline;
  float: left;
}
.menu-toggle-one {
  border-right: 1px solid #ff0000;
  margin-right: 15px;
}
.menu-toggle h3 {
  font-size: 18px;
}
.menu-toggle ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-toggle ul li {
  padding: 0;
  margin: 0 0 15px 0;
  height: 35px;
  line-height: 35px;
  display: block;
}
#channels-menu ul li {
  height: 18px;
  line-height: 18px;
}
.menu-toggle ul li a:link,.menu-toggle ul li a:active,.menu-toggle ul li a:visited {
  font-weight: normal;
  text-decoration: none;
  font-size: 15px;
}
.menu-toggle ul li img {
  height: 35px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
a.close-toggle {
  position: absolute;
  bottom: 0;
  right: 5px;
  text-transform: uppercase;
  font-size: 12px;
}

/* CONTACT FORM
----------------------------------------------------------------- */
#contact-d, #submit-v {
  position: relative;
}
#contact-d form,
#submit-v form{
  background-color: #ff0000;
  margin: -89px 0 20px 0;
  padding: 25px 0 30px;
  position: relative;
  width: 940px;
  height: 200px;
}
#submit-v form {
  padding-bottom: 20px;
  height: 225px;
}
#contact-d label,
#submit-v label {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  position: absolute;
  left: 20px;
}
#comment-author, #lbl-comment, #comment-text {
  top: 25px;
}
#lbl-author {
  top: 30px;
}
#comment-email {
  top: 90px;
}
#lbl-email {
  top: 95px;
}
#lbl-email-author, #email-author-id, #submit-v #comment-text  {
  top: 160px;
}
#lbl-text {
  top: 165px;
}
#comments-open-text #lbl-comment {
  left: 475px;
}
#contact-d form input,
#contact-d form  select,
#submit-v form input,
#submit-v #comment-text {
  width: 270px;
  border: none;
  height: 30px;
  padding-left: 5px;
  display: inline;
  color: #ff0000;
  position: absolute;
  left: 140px;
  font-family: helvetica, arial, verdana, sans-serif;
}
#submit-v #comment-text {
  padding: 0 0 0 5px;
}
#contact-d select {
  padding: 8px 0 0;
}
#comment-text {
  font-family: helvetica, arial, verdana, sans-serif;
  width: 330px;
  height: 155px;
  border: none;
  padding: 5px;
  font-size: 11px;
  color: #ff0000;
  position: absolute;
  left: 575px;
}
#comments-open-footer #comment-post {
  width: 80px;
  font-size: 18px;
  text-transform: uppercase;
  background: url(../i/send-btn.gif) no-repeat left top;
  text-indent: -9999px;
  height: 30px;
  width: 100px;
  margin-right: 0;
  cursor:pointer;
  cursor:hand;
  border: none;
  position: absolute;
  left: 815px;
  top: 205px;
}
#submit #comments-open-footer #comment-post {
  left: 315px;
  top: 215px;
}
#submit-v-txt {
  color: #fff;
  position: absolute;
  width: 460px;
  left: 455px;
  top: 25px;
}
.selectbox {
  margin: 0px 5px 10px 0px;
  padding:0 0 0 5px !important;
  font-size: 11px;
  width : 269px !important;
  display : block;
  background: #fff url(../i/select-dd.gif) no-repeat bottom right;
  cursor: pointer;
  border: none;
  color:#ff0000;
  font-family: helvetica, arial, verdana, sans-serif !important;
  line-height: 30px;
  top: 157px;
}
/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  padding:0 0 0 4px;
  max-height:200px;
  overflow:auto;
  left: 139px;
  border-right: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  font-size: 11px;
  color: #ff0000;
  font-family: helvetica, arial, verdana, sans-serif !important;
  width: 270px !important;
  top: 187px;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
  background-color: #EAF2FB;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 2px 2px 4px;
  cursor:pointer;
}
input[type="hidden"] {
  visibility: hidden !important;
}




/* EMAIL
----------------------------------------------------------------- */

.listvid {
	width: 940px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	}

.listpic {
	width: 300px;
	height: 170px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}

h2.list {
	margin: 0 0 0 0;
	padding: 0 17px 0 17px;
	font-size: 45px;
	font-weight: normal;
	color: #ff0000;
	text-transform: uppercase;
	text-align: left;
	}

h2.list a:link, h2.list a:hover, h2.list a:visited {
	color: #ff0000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	}

/* FORM LAYOUT
----------------------------------------------------------------- */

.error-message, .alert-message {
    color: red;
}

.formLayout *{
	margin: 0;
}
.fixEditForm {
	height: 1300px !important;
	/*	float: none !important;*/
	border: 1px solid red;
}
.formLayout {
	background: #fff;
	padding: 15px 15px !important;
	width: 603px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
}

.formLayout p {
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 17px;

}

.formLayout h2 {
	font-size: 20px;
	letter-spacing: -1px;
	margin-bottom: 6px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
form .field {
	margin-bottom: 10px;
}

.formLayout .field-inner {
	padding: 10px 10px 4px 10px;
}
.formLayout .field-signIn {
	padding: 10px 10px 15px 10px;
}
.formLayout .field-header {
	float: left;
	display: inline;
	width: 125px;
	padding-top: 9px;
	font-weight: bold;
	line-height: 10px;
}
.formLayout .field-header span, .field-inner span {
	color: #FF4000;
}
.formLayout .field-content #entry-category {
	margin-top: 4px;
}
.formLayout #name {
	color: #666666;
	margin: 10px 0 0 0;
	display: block;
}
.formLayout .field-content {
	float: left;
	display: inline;
	width: 300px;
}
.formLayout .field-content p {
	color: #666666;
	font-size: 11px;
}
.formLayout .field-content input {
	width: 300px;
	font-size: 14px;
	padding: 4px 0;
	display: block;
}
.formLayout .field-username {
	visibility: hidden;
}
.formLayout .field-radio {
	padding: 0 10px 10px 10px;
}
.formLayout .field-remember {
	padding: 0 10px 0 135px;
}
.formLayout .actions-bar button {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 116px;
	height: 29px;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}
.formLayout .actions-bar .actions-recover button {
	background: url(http://www.uncrate.com/answers/recover.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-save button {
	background: url(http://www.uncrate.com/answers/save.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-sign-in button {
	background: url(http://www.uncrate.com/answers/sign-in.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-sign-up button {
	background: url(http://www.uncrate.com/answers/sign-up.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-bar-login button {
	float: left;
	display: inline;
	width: 116px;
}
.formLayout .actions-bar .actions-recover input {
	background: url(http://www.uncrate.com/answers/mail.gif) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 116px;
	height: 29px;
	border: none;
	cursor: pointer;
	margin-top: 20px;
}
.formLayout .field-nonmember {
	float: right;
	display: inline;
	padding: 0;
}
.formLayout fieldset {
	border: none;
}

.formLayout .field-content textarea, .formLayout #comment-text {
	font-size: 14px;
	padding: 4px 0;
}

.formLayout .name {
	color: #666666;
	margin: 10px 0 0 0;
	display: block;
}

.formLayout .actions-bar .actions-submit button {
	background: url(/i/submit.gif) top left no-repeat;
}


/* COLORBOX (DON'T MESS WITH)
----------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* COLORBOX (HAVE AT IT)
----------------------------------------------------------------- */
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:14px 30px 0 30px; border: 1px solid #000;}
        #cboxLoadingGraphic{background:url(/i/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/i/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}