body {
    background:#F2EDE5;
    margin-top: 10px;
    line-height: 1em;
}

a { text-decoration: none; color: inherit; *color: #50acd3; }

/* General classes */
.hidden { display: none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img.icon { cursor: pointer; }

span.button {
    color: #50acd3;
    cursor: pointer;
}

form div.validation { display: none; }

div#layout_main {
    width: 970px;
    overflow: hidden; /* YMI: prevent overlapping of main with layout_bottom (due to absolutely positioned elts in it) */
    margin: 0px auto;
}

/* YMI: puts some more space (note: hack! compensate for the additional 10px set on top of featured2) */
div#layout_content {
    padding-bottom: 10px;
}

div#layout_top div.title {
    background-color: white;
    height: 101px;
    width: 100%;
    border-top: 5px solid #f68120;
    font-family: Helvetica, Verdana, Arial;
}

div#layout_top div.title img {
	border: 0px;
	padding:0px;
	margin:0px;
}

div#layout_top div.title span {
    display: none;
}

div#layout_top div.nav {
    width: 100%;
    background: url(/images/blue-gloss.png) repeat-x top left;
    background-color: #0050a2;
    margin-bottom: 12px;
    font-family: Arial, Helvetica, serif;
}

div#layout_top div.nav a {
    color: white;
}

div#layout_top div.nav > ul > li {
    float: left;
    cursor: pointer;
    text-align: center;
    padding: 0px 8px;
    color: white;
    font-size: 0.8em;
    margin: 8px 0px;
}

div#layout_top div.nav ul li:hover {
}

li#nav_home, li#nav_userreview, li#nav_editorreview, li#nav_usage, li#nav_contact, li#nav_advertise { 
    border-right: 1px solid white; 
}
li#nav_new { border-left: 1px solid white; border-right: 1px solid white; }
li#nav_login { float: right !important; }
li#nav_account { float: right !important; }
li#nav_register { float: right !important; border-right: 1px solid white; }

li#nav_search form { display: inline; }
li#nav_search input { margin-left: 8px; font-size: 0.8em; margin-top: -4px; }

li#nav_account { position: relative; }
div#profilebox {
    color: black; 
    position: absolute;
    top: 20px;
    right: 0px;
    border: 1px solid #f68120;
    border-top: 5px solid #f68120;
    background-color: white;
    z-index: 99;
    width: 200px;
    text-align: left;
    display: none;
    cursor: default;
}

div#profilebox a { color: black !important; }
div#profilebox a:hover { text-decoration: underline; }

div#profilebox > .heading { 
    font-family: "Helvetica Black", "Arial Black", serif;
    padding: 5px; 
    border-bottom: 1px dotted black;
}

div#profilebox > ul > li {
    padding: 2px 8px;
    font-size: 0.8em;
    margin: 8px 0px;
}

div#profilebox > ul > li.logout {
    border-top: 1px dotted #c8c8c8;
}

div#profilebox > ul > li.hide {
    color: #a0a0a0;
    text-align: center;
    margin: 2px 0px;
}

div#layout_bottom { 
    clear: both; 
    height: 40px; 
    background-color: #fff2c1; 
    border-top: 5px solid #f68120; 
    padding-top: 12px; 
    margin-top: 18px;
    font-family: Arial, Helvetica, serif;
}
div#layout_bottom div.footer { 
    width: 970px; 
    position: relative; 
    margin: 0px auto; 
    font-size: 0.7em; 
    color: black; 
}
div#layout_bottom div.footer a { color: black; }
div#layout_bottom div.footer div { position: absolute; }
div#layout_bottom div { top: 0px; left: 0px; }
div#layout_bottom div + div { top: 16px; left: 0px; }
div#layout_bottom div + div + div { top: 0px; right: 0px; left: auto; }
div#layout_bottom div + div + div + div { top: 16px; right: 0px; left: auto; }

div.heading {
    font-family: "Helvetica Black", "Arial Black", serif;
    padding: 5px;
}

div.heading.blue {
    background-color: #0091db;
    color: white;
}

div.heading.orange {
    background-color: white;
    border-top: 4px solid #f68120 !important;
    border-bottom: 1px dotted black;
}

/* iScroll */

.slider .content {
    position: relative;
}

.scrollbarV {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 4px;
    bottom: 0px;
    z-index: 100;
    background-color: #e0e0e0;
}

.scrollbarV > div {
    background-color: #f68120;
    position: absolute;
    width: 100%;
    z-index: 100;
}

/* jScrollPane CSS */
.jspVerticalBar { width: 8px; }
.jspTrack {
    background-color: #e0e0e0;
}

.jspDrag {
    background-color: #f68120;
}

/* Preview for small thumbnails */
p.preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    z-index: 999;
}