/* Uncrate 11.11
	Copyright 2005-2012 ZOMBIECORP LLC. All rights reserved.
	Don't steal our code. This is not 'Nam. This is bowling. There are rules.
------------------------------------------------------------------------------------- */

/* 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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

body {
	margin: 0;
	padding: 0;
	background: #fff url(/i/black.gif) repeat-x  top;
	font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	font-size: 15px;
	text-align: left;
	line-height: 1;
	}

p {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

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

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

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

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

img::selection {
  background: transparent;
}

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


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

h1 {
	width: 420px;
	margin: -3px 0 0 0;
	padding: 0;
	font-size: 36px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	line-height: 35px;
	}

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

h2 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	}

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

h3 {
	margin: 3px 0 0 0;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	}


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

#rug {
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 20px 20px 20px;
	background: transparent;
	text-align: left;
	}

#left {
	width: 630px;
	float: left;
	margin: 0;
	padding: 1px 0 0 0;
	overflow: hidden;
	}

#right {
	width: 300px;
	float: right;
	margin: 0;
	padding: 1px 0 0 0;
	}


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

#leaderboard {
	width: 960px;
	height: 90px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	text-align: center;
	line-height: 0;
	}

#leaderboard div {
	margin: 0 auto 0 auto;
	padding: 0;
	}

#logo {
	width: 476px;
	height: 78px;
	float: left;
	margin: 0 0 18px 0;
	padding: 0;
	border: 0;
	line-height: 0;
	}

#hello {
	width: 470px;
	float: right;
	margin: 18px 0 0 0;
	padding: 0;
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
	text-transform: uppercase;
	text-align: justify;
	-webkit-text-size-adjust: none;
	}

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

#navbar {
	width: 960px;
	height: 24px;
	float: left;
	margin: 0 0 17px 0;
	padding: 0;
	line-height: 0;
	}

#divider {
	width: 960px;
	height: 6px;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 6px;
	background: url(/i/divider.gif) repeat-x;
	clear: both;
	}

#dividerplain {
	width: 960px;
	height: 1px;
	margin: 11px 0 16px 0;
	padding: 0;
	line-height: 1px;
	background: url(/i/divider-plain.gif) repeat-x;
	clear: both;
	}

#nav {
	width: 960px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	-webkit-text-size-adjust: none;
	}

#nav span, #awesome span {
	margin: 0 2px;
	padding: 0;
	}

.navleft {
	float: left;
	padding: 0;
	margin: 0;
	}

.navright {
	float: right;
	padding: 0;
	margin: 0;
	}

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

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

#awesome {
	width: 960px;
	margin: 0 0 0 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	-webkit-text-size-adjust: none;
	}

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


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

#dividerbottom {
	width: 960px;
	height: 6px;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 6px;
	background: url(/i/divider-bottom.gif) repeat-x;
	clear: both;
	}

#footer {
	width: 960px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	clear: both;
	}

#copy {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	-webkit-text-size-adjust: none;
	}

#copy a:link, #copy a:visited, #copy a:hover, #copy a:active {
	color: #000;
	}


	/* IMAGES
----------------------------------------------------------------- */

#find {
	float: right;
	margin: -1px 0 0 0;
	padding: 0;
	}

.ad {
	width: 300px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #ccc;
	line-height: 0;
	text-align: center;
	overflow: hidden;
	}

.ad600 {
	width: 300px;
	height: 600px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #ccc;
	line-height: 0;
	text-align: center;
	overflow: hidden;
	}

.adfacebook {
	width: 300px;
	height: 110px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #fff;
	line-height: 0;
	border: 1px solid #ccc;
	text-align: center;
	overflow: hidden;
	}
	
img.c {
  display: none;
}

.xl {
	width: 960px;
	margin: 0 0 19px 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
	}

.b, .l, .r {
	margin: 0 0 18px 0;
	padding: 0;
    }



.winr {
	float: right;
	margin: 0 0 16px 12px;
	padding: 0;
    }

.winl {
	float: left;
	margin: 0 16px 16px 0;
	padding: 0;
    }

.buttons {
	float: right;
	margin: 2px -14px 0 0;
	padding: 0;
	}

#featured {
	width: 600px;
	height: 300px;
	margin: 0 0 30px 0;
	padding: 14px;
	background: #EDEDED;
	border: 1px solid #ccc;
	}


/* TEXT
----------------------------------------------------------------- */

.abide {
	margin: 16px 0 30px 0;
	padding: 10px 0 6px 0;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	}



.more {
	margin: 0;
	padding: 20px 0 20px 0;
	color: #666;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
	}

.hide {
	display: none;
	}

#signout {
	float: right;
	margin: -20px 0 0 0;
	font-size: 12px;
	}

/* GUIDES
----------------------------------------------------------------- */

.grid h1 {
	margin: 0 auto 0 auto;
	text-align: center;
}

.guidedescription p {
	width: 600px;
	font-size: 15px;
	padding: 0;
	margin: 5px auto 15px auto;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
}

.guidedescriptionsponsor {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 346px;
	right: 20px;
	overflow: hidden;
}

.sponsor {
	margin: 18px 0 0 0;
	padding: 0;
	}

.guidelike {
	padding: 0 0 0 26px;
	margin: 5px auto 15px auto;
	text-align: center;
}


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

#search {
	width: 300px;
	height: 30px;
	float: left;
	margin: 16px 0 30px 0;
	padding: 0;
	border: 1px solid #000;
	}

#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: #000;
	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: #000 url(/i/search-2.gif) no-repeat left top;
	border: 0;
	}


/* RELATED ENTRIES
---------------------------------------------------------------- */

.related {
	width: 630px;
	margin: 0;
	padding: 0;
	}

.relatedgriditem {
	width: 192px;
	float: left;
	margin: 0 27px 22px 0;
	}

.relatedgriditemlast {
	width: 192px;
	float: right;
	margin: 0 0 22px 0;
	}

.relatedgriditem img, .relatedgriditemlast img {
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	border: 1px solid #000;
	}

/* SEARCH AND GUIDES
---------------------------------------------------------------- */

#left.grid {
	width: 960px;
	float: left;
	margin: 0 0 20px 0;
	padding: 1px 0 0 0;
	background: #fff;
	text-align: left;
	border: none;
	}

.guidelike {
	margin: 5px auto 15px auto;
	}

.griditem {
	width: 302px;
	float: left;
	margin: 0 27px 0 0;
	}

.griditemlast {
	width: 302px;
	float: right;
	margin: 0 0 0 0;
	}

.griditem img, .griditemlast img {
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
	border: 1px solid #000;
	}

.gridad {
	width: 300px;
	height: 250px;
	overflow: hidden;
	margin: 0 0 12px 0;
	padding: 0;
	border: 1px solid #000;
	background: #ccc;
	}

.cleardiv {
	clear:both;
	}

.abidegrid {
	margin: 6px 0 20px 0;
	padding: 8px 0 5px 0;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	}

.thumb-row {
	padding: 10px 0 0 0;
	}

/* 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; }
/* */

/* 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/i/recover.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-save button {
	background: url(http://www.uncrate.com/i/save.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-sign-in button {
	background: url(http://www.uncrate.com/i/sign-in.gif) top left no-repeat;
}
.formLayout .actions-bar .actions-sign-up button {
	background: url(http://www.uncrate.com/i/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;}


.nav {
	margin: 0;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
	clear: both;
	font-family: "alternate-gothic-no-2-d-1","alternate-gothic-no-2-d-2",sans-serif;
	}
.nav > li {
		display: inline-block;
		zoom: 1; 
	}
.nav > li > a {
		text-decoration: none;
	}
.main-nav {
	font-size: 36px;
	line-height: 36px;
	padding-bottom: 10px;
	border-bottom: 3px solid #000000;
	margin-bottom: 2px;
}
.main-nav a:link,
.main-nav a:visited,
.main-nav a:hover,
.main-nav a:active {
	color: #000000;
}
.main-nav a {
	margin-right: 15.5px;
}
.main-nav li:last-child a, 
.sub-nav li:last-child a {
	margin-right: 0;
	text-align: right;
}
.main-nav li:last-child {
	float: right;
	width: auto;
}

.main-nav .gallivant a:link,
.main-nav .gallivant a:visited,
.main-nav .gallivant a:hover,
.main-nav .gallivant a:active,
.main-nav .devour a:link,
.main-nav .devour a:visited,
.main-nav .devour a:hover,
.main-nav .devour a:active {
	color: #666666;
}
.sub-nav {
	font-size: 20px;
	line-height: 20px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 0;
	margin-bottom: 16px;
	padding-top: 15px;
	padding-bottom: 11px;
}
.sub-nav a {
	margin-right: 12px;
}
.sub-nav .label {
	margin-right: 12px;
}
.sub-nav li:last-child {
	float:right;
}
.sub-nav .save {
	margin-left: 20px;
}
.lt-ie9 .main-nav a {	
	margin-right: 14.3px;
}
.lt-ie8 .nav {
	display: block;
	overflow: hidden;
}
.lt-ie8 .main-nav li,
.lt-ie8 .sub-nav li {
	float: left;
	width: auto;
}
.lt-ie8 .main-nav a,
.lt-ie8 .sub-nav a{
	margin-right: 19.7px;
}