/*========================================
 Main Layout Elements
=========================================*/

#wrapper { width:930px; margin:0 auto 30px; background:#110605; padding:10px 40px; border:1px solid #2A180F; border-top:0 none; }
#breadcrumbs { margin-top:10px; }
#header { margin-bottom:10px; position:relative; height:64px; }
#sidebar { width:260px; float:right; }
#widecol { width:630px; float:left; font-size:14px; line-height:1.44em; margin-bottom:40px; }
#content { margin-top:10px; }
#footer { color:#fff; text-align:center; margin-bottom:60px; }

ul li { margin-bottom:5px; }

/*========================================
 Header Elements
=========================================*/

#logo { position:absolute; top:4px; margin-left:20px; }

#navbar { font-size:12px; font-family:Georgia, Arial,verdana,sans-serif; position:absolute; top:25px; right:20px; }
#navbar li { float:left; display:inline; text-transform:lowercase; }
#navbar a { display:block; padding:3px 7px; font-weight:bold; color:#8A544D; margin:0 0 0 15px; }
#navbar a:hover { background:#2A180F; }

#top-banner { border-bottom:1px solid #490800; border-top:1px solid #490800; position:relative; overflow:hidden; }
#top-banner a:hover { text-decoration:underline; color:#fff; }
#top-banner .highlight { color:#D8CDAF; font-weight:bold; }
#usp { width:460px; position:absolute; right:30px; top:20px; line-height:1.1em; color:#fff; margin-right:10px; }
#usp h1 { font-size:24px; line-height:1.1em; color:#AE9773; }
#usp h2 { font-size:16px; line-height:1.2em; color:#AE9773; margin-top:0; }

/*========================================
 Sidebar Page Elements
=========================================*/

#sidebar { font-size:12px; line-height:13px; }
.box h2 { margin-bottom:16px; font-size:18px; margin-top:0; }
.box .title { font-weight:normal; }

#sidebar .mini-list li.last { margin-bottom:0; }
#sidebar .mini-list li { margin-bottom:5px; }

#sidebar .mini-thumbnail-list li { margin-bottom:5px !important; font-size:12px; }
#sidebar .mini-thumbnail-list li.last { margin-bottom:0px; }


#sidebar .ui-widget-content a { color:#EF4536; }
#sidebar .ui-widget-content a:hover { color:#fff; }


#sidebar .ui-widget-content { background:transparent; border:0; }
#sidebar .tabs .ui-tabs-panel { background:#260D0B; }
#sidebar .tabs .ui-widget-header { background:transparent; border:0 none; }
#sidebar .tabs .ui-tabs-selected { border-color:#260D0B; background:#260D0B !important; }
#sidebar .tabs .ui-state-default { border-color:#260D0B; background:#222; }

.ui-tabs .ui-tabs-nav { font-size:10px; padding:0; }

#sidebar .ui-tabs { font-size:12px; }
#sidebar .tabs .mini-list li { margin-bottom:10px; }
#sidebar .tabs .mini-list li.last { margin-bottom:0; }

.tabs h2 { margin-top:5px; }

.box ul li { margin-bottom:10px;  }
.box ul li.last{ margin-bottom:0; }
#sidebar .thumb { float:left; margin:0 10px 10px 0; width:50px; overflow:hidden; border:1px solid #A38964; }
.box { background:#260D0B; padding:20px; }
#sidebar ul li { margin-bottom:15px; list-style-position:outside; }

#sidebar #search-details-box { text-align:center; font-size:18px; padding:10px 0; }

#sidebar .tabs ul li { margin-bottom:0px; }

#filter-hint { display:none; position:relative; }
#filter-hint { border:4px solid #AE9773; background:black; padding:20px; background:#3B0805; }
#filter-hint p { font-size:14px; }
#filter-hint .hint { font-weight:bold; }
#filter-hint #hint-close-btn { position:absolute; top:5px; right:5px; cursor:pointer; padding:5px; }
#filter-hint #hint-vid { border:1px solid #A38964; width:100%; margin:0 auto; overflow:hidden; }

/*========================================
 Filter Elements
=========================================*/

#controls { margin-bottom:20px; position:relative; }
#controls ul { list-style-type:none; list-style-position:outside; height:80px; }
#controls ul li { margin-bottom:10px; float:left; margin-right:30px; }
#controls .slider-ctrl { }
#controls .ui-slider { margin:0 10px; }
#controls .slider-ctrl .label { margin-bottom:4px; }
#controls #type_selector li { margin-right:5px; } 
#controls ul li.last { margin-right:0; }
#controls .label { font-weight:bold; padding-bottom:3px; }
#controls input { margin-right:4px; }
#controls .tooltip { background:url(../img/skin/hover.png) no-repeat 0 0; position:absolute; z-index:800; top:-80px; height:76px; width:180px; text-align:center; padding:7px 12px 10px; margin-left:330px; color:#000; }
#controls #price-range, #controls #naughtiness-range { color:#D8CDAF; }

.slider { background:url(../img/skin/bg_slider.gif) no-repeat 0 0; height:17px; width:100%; position:relative; }
.indicator { height:17px; width:12px; background:#999; position:absolute; z-index:2; }
.indicator { background:url(../img/skin/slider_indicator.gif) no-repeat 0 0; }

#search-pane .box { margin:0 20px 10px 0; width:180px; float:left; background:#110605; padding:5px; overflow:hidden; }
#search-pane .box .desc { padding:3px 0; text-align:center; height:46px; font-size:15px; line-height:1.1em; }
#search-pane .thumb { overflow:hidden; height:140px; width:172px; border:5px solid #2A180F; position:relative; float:none; margin:0; }

.tooltip { position:absolute; border:5px solid #2A180F; padding:10px; background:#110605; margin:10px; z-index:999; width:300px; font-size:12px; line-height:1.3em; }
.tooltip img { width:300px; margin-bottom:10px; }

/*========================================
 Item Details Page Elements
=========================================*/

#widecol .header-image { width:620px; overflow:hidden; margin-bottom:10px; margin-top:20px; }
#widecol .header-image { border:5px solid #2A180F; }
#widecol .quick-look { background:black; padding:10px; margin:20px 0; border:5px #2A180F solid; }

/*========================================
 Generic Page Elements
=========================================*/

.category-details { margin-bottom:50px; }
.category-details .synopsis { font-size:1.2em; }
.item-summary { position:relative; height:auto !important; border-bottom:1px solid #490800; padding-bottom:40px; }
.item-listing h2 { margin-bottom:14px; }
.item-listing .synopsis { font-size:14px; margin-left:230px; }
.item-listing .thumb { overflow:hidden; width:192px; height:156px; border:5px solid #2A180F; float:left; margin:0 20px 0 0; }
.item-listing .quick-details { margin-top:10px; font-size:11px; }

.center { text-align:center; }

.col-2-layout .col1, .col-2-layout .col2 { width:45%; float:left; }
.col-2-layout .col1 { margin-right:5%; }

/*========================================
 Google site search
=========================================*/

#cse-search-results { width:930px; overflow:hidden; }
#cse-search-box { margin-bottom:20px; }
#sidebar #cse-search-box { margin-bottom:0; }
#cse-search-box input.text { font-size:16px; padding:5px; color:#444; }

/*========================================
 Forms
=========================================*/

form .input { margin-bottom:20px; }
form .input textarea { font-size:16px; padding:5px; font-family:Arial, sans-serif; }
form .input input { padding:3px 5px; font-size:16px; font-family:Arial, sans-serif; }
form .input label { display:block; padding:3px 0px; font-size:16px; }
form .error-message { color:yellow; padding:5px; border:1px solid yellow; margin-top:5px; }

/*========================================
 Fantasy Creator
=========================================*/

#story-details .text input { padding:5px; font-size:16px; }
#story-details .text label { font-size:24px; margin-right:5px; display:inline; }
#story-details .submit { position:absolute; right:10px; top:10px; }
#words-left { text-align:center; width:80px; background:#260D0B; padding:5px; float:left; margin-right:20px; }
#words-left .number { font-size:34px; padding:10px; }
#add-word { background:#260D0B; width:480px; margin-left:110px; padding:20px; position:relative; margin-bottom:20px; }
#add-word form { margin-bottom:5px; }

#story-content { background:#9D1809; padding:20px; margin-bottom:20px; color:white; font-size:32px; font-family:Garamond, Georgia, arial, sans-serif; line-height:1.3em; }

#fantasy-create-table { background:#260D0B; }
#fantasy-create-table tr { vertical-align:top; }
#fantasy-create-table td { padding-right:20px; } 
#fantasy-create-table td.last { padding-right:0px; }
#fantasy-builder { background:#260D0B; padding:20px; }
#fantasy-builder form input { width:93%; }

/*========================================
 Article images
=========================================*/

.article-img-left { float:left; margin-right:20px; margin-bottom:10px; }
.article-img-right { float:right; margin-left:20px; margin-bottom:10px; }
.article-img-right, .article-img-left { border:5px solid #2A180F; }

/*========================================
 Home page
=========================================*/

.three-cols { margin-bottom:30px; }
.three-cols li { width:33%; float:left; }
.three-cols li.last { margin-right:0; }
.box h3 { margin-top:10px; }
#home-widecol { font-size:13px; line-height:1.25em; margin-bottom:40px; }
#home-widecol .article-thumb { border:5px solid #2A180F; width:240px; }
#info-summary li { border-bottom:1px solid #490800; padding-bottom:30px; }
#info-summary li.last { border-bottom:0 none; }
#info-summary li ul li { border-bottom:0 none; }
#info-summary h2 { margin-top:0; padding-top:10px; }

#info-summary .banners { padding-bottom:6px; }
#home-widecol .mini-list li { margin-right:10px; padding-bottom:0px; }
#home-widecol .mini-list .thumb { border:5px solid #2A180F; }

#home-widecol .col-2-layout .col1 { width:60%; }
#home-widecol .col-2-layout .col2 { width:34%; float:right; }

#home-widecol #intro .highlight { font-size:12px; text-transform:uppercase; }

#random-gifts .thumbnail-list .box,
#top-gifts .thumbnail-list .box { width:80px; }

#random-gifts h3, #top-gifts h3 { margin-top:15px; font-weight:bold; font-size:11px; font-family:Verdana,Arial,sans-serif; }

#random-gifts .thumbnail-list .thumb,
#top-gifts .thumbnail-list .thumb { width:70px; height:57px; }

.three-cols li { border-right:1px solid #2A180F; padding:0 !important; }
.three-cols li.last { border-right:0 none; }
.three-cols li .box { padding:16px 28px; background:0 none; }

/*========================================
 Footer
=========================================*/

#footer .copyright { margin-top:10px; }

/*========================================
 Thumbnail lists
=========================================*/

.thumbnail-list .box { width:180px; float:left; background:#110605; padding:5px; overflow:hidden; }
.thumbnail-list .box .desc { padding:3px 0; text-align:center; height:46px; font-size:15px; line-height:1.1em; }
.thumbnail-list .thumb { overflow:hidden; height:140px; width:172px; border:5px solid #2A180F; position:relative; float:none; margin:0; }