/*---------------------------------------------------------------*/
/* GENERAL LAYOUT
/*---------------------------------------------------------------*/
#truethemes_container #main{background-color:#EFF8FF;border-bottom:1px solid #D1E5EE;border-left:1px solid #D1E5EE;border-right:1px solid #D1E5EE;}
#truethemes_container #content{background-color:#fff;border-left:1px solid #D1E5EE;float:left;font-family:"Lucida Grande", Sans-serif;margin-left:-1px;min-height:550px;width:559px;padding:0 22px;padding-top:5px;}
#truethemes_container #content .section{margin-bottom:25px;}
#truethemes_container{position:relative;width:785px;z-index:0;margin:15px;}
#truethemes_container #header{background:#EFF8FF url(images/admin-bg-grad.jpg) repeat-x left top;border:1px solid #B0C8D7;height:80px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.save_bar_top{background:#EFF8FF url(images/bg-save-bar.jpg) repeat-x;border:solid #B0C8D7;height:35px;text-align:right;border-width:0 1px 1px;padding:10px 20px 0;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
#truethemes_container #header .logo{float:left;margin:17px 20px;}
#truethemes_container .option{padding-top:5px;}


/* CONTROLS */
#truethemes_container #content .section-info .controls{-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;background:#FFF298;border:1px solid #ECD852;color:#424242;font-family:Georgia, arial;font-size:14px;font-style:italic;line-height:1.5em;width:auto;margin:0 0 20px;padding:15px 20px;}
#truethemes_container #content .section-checkbox .controls{width:25px !important;}
#truethemes_container #content .section-color .controls{width:125px;}
#truethemes_container #content .section .controls{float:left;width:345px;margin:0 15px 0 0;}
#truethemes_container #content .section-typography .controls{width:425px;}
#truethemes_container #content .mini .explain{width:500px;}
#truethemes_container .controls .of-typography-size,#truethemes_container .controls .of-typography-style,#truethemes_container .controls .of-border-width{float:left;width:80px;}
#truethemes_container .mini .controls select,#truethemes_container #content .section .mini .controls,#truethemes_container .mini .controls input,#truethemes_container #content .mini .controls{width:70px;}


/* EXPLAIN */
#truethemes_container #content .section .explain{color:#999;float:left;font-size:11px;width:185px;padding:0;}
#truethemes_container .group h2{border-bottom:3px solid #DDD;display:none;}
#truethemes_container #content .section-typography .explain{width:120px;}
#truethemes_container #content .section-checkbox .explain{width:500px !important;}
#truethemes_container #content .section-color .explain{width:420px;}
#truethemes_container #content .section-info .controls{float:left;width:517px;margin:0 15px 0 0;}
#truethemes_container #content .section-info .option{padding-top:0px;}








/*---------------------------------------------------------------*/
/* NAVIGATION + LISTS
/*---------------------------------------------------------------*/
#truethemes_container #of-nav{float:left;position:relative;width:180px;z-index:9999;}
#truethemes_container #of-nav li{margin-bottom:0;border-top:1px solid #FFF;}
#truethemes_container #of-nav ul li a:link,#of-nav ul li a:visited{border-bottom:1px solid #D1E5EE;border-right:1px solid #D1E5EE;color:#21759B;display:block;font-family:Georgia, Serif;font-size:13px;text-decoration:none;padding:15px 10px 12px 36px;}
#truethemes_container #of-nav ul li.current a,#truethemes_container #of-nav ul li.current a:hover{
background:#fff;
border-right:1px solid #FFF;
color:#333;
}
#truethemes_container #of-nav ul li a:hover{color:#D64E21;}


/* GENERAL SETTINGS */
#truethemes_container #of-nav ul li #item1 {background: #EFF8FF url(images/bg-icn.png) -179px 0 no-repeat;}
#truethemes_container #of-nav ul li #item1:hover {background: #EFF8FF url(images/bg-icn.png) -358px 0 no-repeat;}
#truethemes_container #of-nav ul li.current #item1, #truethemes_container #of-nav ul li.current #item1:hover {background: #FFF url(images/bg-icn.png) -358px 0 no-repeat;}

/* STYLING OPTIONS */
#truethemes_container #of-nav ul li #item2 {background:url(images/bg-icn.png) -179px -45px no-repeat;}
#truethemes_container #of-nav ul li #item2:hover {background:url(images/bg-icn.png) -358px -45px no-repeat;}
#truethemes_container #of-nav ul li.current #item2, #truethemes_container #of-nav ul li.current #item2:hover {background: #FFF url(images/bg-icn.png) -358px -45px no-repeat;}

/* TYPOGRAPHY */
#truethemes_container #of-nav ul li #item3 {background:url(images/bg-icn.png) -179px -90px no-repeat;}
#truethemes_container #of-nav ul li #item3:hover {background:url(images/bg-icn.png) -358px -90px no-repeat;}
#truethemes_container #of-nav ul li.current #item3, #truethemes_container #of-nav ul li.current #item3:hover {background: #FFF url(images/bg-icn.png) -358px -90px no-repeat;}

/* INTERFACE OPTIONS */
#truethemes_container #of-nav ul li #item4 {background:url(images/bg-icn.png) -179px -135px no-repeat;}
#truethemes_container #of-nav ul li #item4:hover {background:url(images/bg-icn.png) -358px -135px no-repeat;}
#truethemes_container #of-nav ul li.current #item4, #truethemes_container #of-nav ul li.current #item4:hover {background: #FFF url(images/bg-icn.png) -358px -135px no-repeat;}

/* FORM SETTINGS */
#truethemes_container #of-nav ul li #item5 {background:url(images/bg-icn.png) -179px -360px no-repeat;}
#truethemes_container #of-nav ul li #item5:hover {background:url(images/bg-icn.png) -358px -360px no-repeat;}
#truethemes_container #of-nav ul li.current #item5, #truethemes_container #of-nav ul li.current #item5:hover {background: #FFF url(images/bg-icn.png) -358px -360px no-repeat;}

/* UTILITY PAGES SETTINGS */
#truethemes_container #of-nav ul li #item6 {background:url(images/bg-icn.png) -179px -315px no-repeat;}
#truethemes_container #of-nav ul li #item6:hover {background:url(images/bg-icn.png) -358px -315px no-repeat;}
#truethemes_container #of-nav ul li.current #item6, #truethemes_container #of-nav ul li.current #item6:hover {background: #FFF url(images/bg-icn.png) -358px -315px no-repeat;}

/* BLOG SETTINGS */
#truethemes_container #of-nav ul li #item7 {background:url(images/bg-icn.png) -179px -180px no-repeat;}
#truethemes_container #of-nav ul li #item7:hover {background:url(images/bg-icn.png) -358px -180px no-repeat;}
#truethemes_container #of-nav ul li.current #item7, #truethemes_container #of-nav ul li.current #item7:hover {background: #FFF url(images/bg-icn.png) -358px -180px no-repeat;}

/* HOMEPAGE SETTINGS */
#truethemes_container #of-nav ul li #item8 {background:url(images/bg-icn.png) -179px -225px no-repeat;}
#truethemes_container #of-nav ul li #item8:hover {background:url(images/bg-icn.png) -358px -225px no-repeat;}
#truethemes_container #of-nav ul li.current #item8, #truethemes_container #of-nav ul li.current #item8:hover {background: #FFF url(images/bg-icn.png) -358px -225px no-repeat;}

/* JAVASCRIPT SETTINGS */
#truethemes_container #of-nav ul li #item9 {background:url(images/bg-icn.png) -179px -270px no-repeat;}
#truethemes_container #of-nav ul li #item9:hover {background:url(images/bg-icn.png) -358px -270px no-repeat;}
#truethemes_container #of-nav ul li.current #item9, #truethemes_container #of-nav ul li.current #item9:hover {background: #FFF url(images/bg-icn.png) -358px -270px no-repeat;}

/* ADVANCED SETTINGS */
#truethemes_container #of-nav ul li #item10 {background:url(images/bg-icn.png) -179px -450px no-repeat;}
#truethemes_container #of-nav ul li #item10:hover {background:url(images/bg-icn.png) -358px -450px no-repeat;}
#truethemes_container #of-nav ul li.current #item10, #truethemes_container #of-nav ul li.current #item10:hover {background: #FFF url(images/bg-icn.png) -358px -450px no-repeat;}









/*---------------------------------------------------------------*/
/* TYPOGRAPHY
/*---------------------------------------------------------------*/
#truethemes_container #header .logo h2{font-style:normal;padding-left: 50px;background: url(images/icon_option.png) 0 75% no-repeat;}
#truethemes_container #content .section h3.heading{border-bottom:1px solid #DDD;margin:10px 0;padding:7px 0;}
#truethemes_container #content .section-info .controls small,*:first-child+html #truethemes_container #content .section .explain{font-size:12px;}
#truethemes_container #content .section-info h3.heading{background:#EFE186;border:0;border-top:1px solid #FFF298;font-size:12px;font-weight:100;letter-spacing:1px;margin-bottom:0;margin-top:20px;padding:10px 20px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}







/*---------------------------------------------------------------*/
/* UPDATES + WARNINGS
/*---------------------------------------------------------------*/
.updated,.error{display:none !important;}
#truethemes_container #js-warning{color:red;float:left;width:330px;margin:20px 10px;}
.js #truethemes_container #js-warning,.hide{display:none;}
#truethemes_container .accept{background:#DBF6BE no-repeat 10px center;border:solid #9BBF65;color:#060;font-weight:700;text-align:center;border-width:0 1px 1px;padding:10px;}
#truethemes_container .warning{background:#fee no-repeat 10px center;border:solid #dfbfbf;color:#333;font-weight:700;text-align:center;border-width:0 1px 1px;padding:10px;}
#truethemes_container .update_available{background:#FFFEEB no-repeat 10px center;border:solid #CCC;color:#333;font-weight:700;text-align:center;border-width:0 1px 1px;padding:10px;}
.upload-error{-moz-border-radius:4px;-webkit-border:4px;border-radius:4px;background:#FFDFEC;color:#666;float:left;font-size:10px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #FFF;margin:0 10px 0 0;padding:3px 10px;}
.of-notice{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#ffd1d1;border:1px solid #DFA8A7;margin-bottom:15px;text-align:center;}






/*---------------------------------------------------------------*/
/* INPUT ELEMENTS
/*---------------------------------------------------------------*/
#truethemes_container .controls select{width:340px;padding:0 0 0 4px;}
#truethemes_container .controls textarea{width:345px;resize: none;}
#truethemes_container input[type=text]{width:340px;}
#truethemes_container .controls .of-typography-unit{float:left;width:50px;}
#truethemes_container .controls .of-typography-face{float:left;width:100px;}
#truethemes_container .controls .of-radio-img-img{border:3px solid #fff;cursor:pointer;display:none;float:left;margin:0 5px 10px 0;}
#truethemes_container .controls .of-radio-img-selected{border:3px solid #ccc;}
#truethemes_container .controls .of-radio-img-img:hover{opacity:.8;}
#truethemes_container .controls .of-border-style{float:left;width:120px;}
#truethemes_container .controls input:focus,#truethemes_container select:focus,#truethemes_container textarea:focus{background:#fff;}
#truethemes_container textarea,#truethemes_container input,#truethemes_container select{
border-style:solid;border-width:1px;
-moz-border-radius:4px;-webkit-border:4px;border-radius:4px;
}
#truethemes_container .controls input,#truethemes_container .controls select,#truethemes_container .controls textarea{background-color:#F4F4F4;border:1px solid;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;font-size:12px;margin-bottom:9px;width:340px;border-color:#ccc #e6e6e6 #e6e6e6 #ccc;padding:4px;}
#truethemes_container .controls .input-text-small{margin-right:10px;width:60px;}
#truethemes_container input.checkbox,#truethemes_container input.of-radio{width:30px;}
#truethemes_container .controls .checkbox{background-color:#FFF !important;border:0 !important;}
#truethemes_container .section-select select {height:35px;}







/*---------------------------------------------------------------*/
/* CONTROLS + BUTTONS
/*---------------------------------------------------------------*/
.reset-button{float:left;}
.ajax-loading-img-top{float:left;margin:8px 4px 0;}
#truethemes_container .of-save-popup{background:url(images/accept-bg.png) 0 0 no-repeat;color:#fff;display:none;font-size:24px;width:297px;height:78px;position:absolute;text-align:center;}
#truethemes_container .of-save-save{background:url(images/accept.png) 20px 50% no-repeat;padding:30px 30px 30px 70px;}
#truethemes_container .of-save-reset{background:url(images/warning.png) 20px 50% no-repeat;padding:30px 30px 30px 70px;}
.upload_button_div{margin-bottom:10px;}
.upload_button_div .button{cursor:pointer;padding:4px 14px;}
.upload_button_div .image_reset_button{margin-left:10px;}
#truethemes_container .button-primary {-moz-border-radius:4px;-webkit-border:4px;border-radius:4px;margin:0;}








/*---------------------------------------------------------------*/
/* MISC
/*---------------------------------------------------------------*/
/* #truethemes_container .icon-option{background:url(images/icon_option.png) no-repeat;float:right;height:32px;margin:25px 20px;width:32px;} */
#truethemes_container .meta-two{margin-right:10px;}
#truethemes_container .controls .of-color{float:left;margin-left:5px;width:80px;}
#truethemes_container .group{padding-bottom:20px;}
.of-option-image{max-width:340px;}








/*---------------------------------------------------------------*/
/* IE SPECIFIC
/*---------------------------------------------------------------*/
*:first-child+html .reset-button{margin-top:-24px;}
*:first-child+html #truethemes_container .of-save-save,
*:first-child+html #truethemes_container .of-save-reset{padding:30px 30px 30px 65px;}
