/**
 * Structure and main layout
 *
 * @media     screen
 * @author    Quiller Caudill
 * @version   1.0
 */

/** --------------------------
 * @section STRUCTURE
 *  -------------------------- */

html, body {
    margin: 0;
    padding: 0;
    color: #062821;
    font: normal 14px/1.2 Georgia, 'Times New Roman', Times, serif;
    background: #fff url("/_ui/skin/img/global/bg_body.jpg") top left repeat-x;
}
#wrap {
    width: 100%;
    background: url("/_ui/skin/img/global/bg_wrap.jpg") top center no-repeat;
}
body.front-page #wrap {
    background-image: url("/_ui/skin/img/global/bg_wrap-front.jpg");
}
#wrap #container {
    margin: 0 auto;
    width: 960px;
    min-height: 630px;
}

.clear-min {
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
}
strong, b {
    font-weight: bold;
}

i, em {
	font-style: italic;
}

/**
 * @subsection Header
 */
#header {
    float: left;
    width: 960px;
    position: relative;
}
#header h1 {
    float: left;
    margin: 47px 0 0 29px;
    padding: 0;
    width: 164px;
    height: 99px;
    background: url("/_ui/skin/img/global/logo.png") top left no-repeat;
}
#header h1 a {
    display: block;
    width: 164px;
    height: 83px;
    text-indent: -5000em;
}
#header a.langSwitch {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    height: 18px;
    width: 65px;
    text-indent: -5000em;
    overflow: hidden;
    background: transparent url("/_ui/skin/img/global/espanol.gif") scroll no-repeat left top;
}
.es #header a.langSwitch {
    background: transparent url("/_ui/skin/img/global/english.gif") scroll no-repeat left top;
}
#header a.blender-login {
    display: block;
    padding: 6px 12px 0 0;
    color: #062821;
    text-decoration: underline;
}
#header a.blender-login:hover {
    text-decoration: none;
}

/**
 * @subsection Content
 */
#content {
    float: left;
    padding-top: 15px;
    width: 960px;
}
#content #body {
    float: left;
    padding-right: 20px;
    width: 520px;
}
#content #body.no-sidebar {
    margin-left: 29px;
    width: 700px;
}
#content #sidebar-left {
    float: left;
    margin-left: 17px;
    width: 190px;
}
#content #sidebar-left #arbitrary-spacer {
    width: 190px;
    height: 10px;
}
#content #sidebar-right {
    float: left;
    padding-top: 15px;
    width: 195px;
    min-height: 377px;
    background: url("/_ui/skin/img/misc/sidebar_border.png") top left no-repeat;
}

/**
 * @subsection Footer
 */
#footer {
    clear: both;
    float: left;
    padding-top: 45px;
    width: 960px;
    color: #88a8af;
    font: normal 13px/16px Arial, Helvetica, sans-serif;
}
#footer a {
    color: #88a8af;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer #copyright {
    padding-top: 15px;
    font-size: 11px;
    text-align: center;
}


/** --------------------------
 * @section CONTENT
 *  -------------------------- */

#content {
    color: #062821;
    font: normal 14px/1.2 Georgia, 'Times New Roman', Times, serif;
}
#content h2.pageTitle {
    padding: 0 0 20px 20px;
    font: normal 2.15em 'StoneSans', 'Myriad Pro', Arial, Helvetica, sans-serif;
}
#content a {
    color: #660066;
    text-decoration: underline;
}
#content a:hover {
    color: #000;
}

/**
 * @subsection Node and Box
 */
.box h2 {
    margin: 0;
    padding: .6em 0;
    font-size: 1.3em;
}
.box h3 {
    margin: 0;
    padding: 10px 0 5px 0;
    font-size: 1em;
    font-weight: bold;
}
.box p,
.box ul,
.box ol {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 1.4em;
}
.box ul li {
    padding: 0 0 5px 25px;
    background: url("/_ui/skin/img/misc/bullet.png") 12px .5em no-repeat;
}

/**
 * @subsection Tables
 */

.box table {
    margin-left: 20px;
    margin-right: 20px;
}
.box table tbody {
    border: 0;
}

/**
 * @subsection Indents
 */
.profile,
.box h2,
.box h3,
.box h4,
.box h5,
.box p,
.box ol,
.box ul {
    padding-left: 20px;
    padding-right: 20px;
}

/**
 * @subsection Buttons
 */
#body a.button {
    float: left;
    height: 24px;
    text-indent: -5000em;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}
#body a.button:hover {
    background-position: bottom left;
}
#body a.button.osmocote {
    width: 150px;
    background-image: url("/_ui/skin/img/misc/button_osmocote.png");
}
#body a.button.peters {
    width: 102px;
    background-image: url("/_ui/skin/img/misc/button_peters.png");
}

#body a.button.testingLab {
    width: 190px;
    margin: 40px 15px 0 0;
    background-image: url("/_ui/skin/img/misc/button_testinglab.png");
}

/** --------------------------
 * @section BLOCKS
 *  -------------------------- */

/**
 * @subsection Right Sidebar
 */
#content #sidebar-right div.block {
    padding-left: 21px;
}


/** --------------------------
 * @section SEARCH
 *  -------------------------- */

/**
 * @subsection Block
 */
#search {
    position: absolute;
    top: 100px;
    right: 10px;
}
#search h2,
#search label {
    display: none;
}
#search input.form-text {
    float: left;
    margin: 0 5px 0 0;
    padding: 3px 4px 2px 4px;
    height: 16px;
    color: #092f36;
    font: normal 12px/12px Arial, Helvetica, sans-serif;
    background: #ddece4;
    border: 0;
}
#search input.form-submit {
    float: left;
    width: 45px;
    height: 21px;
    text-indent: -5000em;
    background: url("/_ui/skin/img/misc/button_go.png") top left no-repeat;
    border: 0;
}
#search input.form-submit.hover {
    cursor: hand;
    cursor: pointer;
    background-position: bottom left;
}

/**
 * @hide Resources from main nav
 */

.resource-hide {
	display:none;
}