/*
This is style-admin.css   
It's used for styling the Developer Layout options page and is added only to Admin pages, using       add_action( 'admin_head', 'add_stylesheet_to_admin' );       in functions.php
Some of the styles refer to the commented version of this theme (found on the author's website) which include example custom fields, example options, example taxonomies, example custom posts etc.

Table of contents

=Page excerpt
=Example customised custom field meta boxes	 (found in the commented version of this theme)
=Title and meta description inputs
=Example options
=Developer options
=Main containers
=Main headers
=Labels and inputs
=Fixed or liquid 
=Site width
=Site layout
=Body and content background color 
=Banner image
=Home page heading
=Sidebar widths
=Choose the sidebar items
=Sidebar item colors
=Sidebar background colors
=Footer items
=Footer item colors
=Footer spacing
=Post font colors, border, background, category headings
=Miscellaneous 
=Drop-down menu items 
=Show second tab if accessible tabs working (commented theme)
=Title element and meta description notes
=Errors
*/


/* =Page excerpt
--------------------------------------------------------------------------------------------------- */

textarea.page-excerpt{
overflow:auto;
position:relative;
width:100%;
margin:0;
padding:0;
}


/* =Example customised custom field meta boxes (found in the commented version of this theme)
--------------------------------------------------------------------------------------------------- */
tr.developer-custom-fields{	
position:relative;
width:20% !important;
}
td.developer-custom-fields{
margin:0 0 40px 0;
position:relative;
}
label.custom-fields{
font-weight:bold;
position:relative;
}
input.custom-fields{
position:relative;
}
label.custom-fields-textbox{
position:relative;
}
input.custom-fields-textbox{	
position:relative;
width:200px;
}
label.custom-fields-textarea{
position:relative;
}
textarea.custom-fields{	
height:200px;
overflow:auto;	
position:relative;
width:200px;
}
textarea.custom-fields-textarea{
position:relative;
}
label.custom-fields-select{	
position:relative;
}
p.custom-fields{	
position:relative;
}
p.custom-fields-radio,p.custom-fields-checkbox{		
font-weight:bold;
margin-left:0 !important;
padding:0;
position:relative;
text-indent:0;
}
label.custom-fields-radio{	
float:left;
font-weight:normal;
height:20px;
position:relative;
width:80px;
}
input.custom-fields-radio{	
height:20px;
position:relative;
}
label.custom-fields-checkbox{	
float:left;
font-weight:normal;
height:20px;
position:relative;
width:80px;
}
input.custom-fields-checkbox{
height:20px;
position:relative;
}
p.custom-fields{
font-size:1.0em;
line-height:1.1em;
margin-left:0 !important;
padding:0;
position:relative;
text-align:left;
text-indent:0;
}
p.custom-fields-textbox,
p.custom-fields-textarea,
p.custom-fields-select,
p.custom-fields-radio,
p.custom-fields-checkbox{	
position:relative;
}


/* =Title and meta description inputs
---------------------------------------------------------------------------------------------------*/

th.title-and-meta-description-custom-fields{	
position:relative;
width:20% !important;
}
p.title-and-meta-description-custom-fields{
position:relative;
}
label.title-and-meta-description-custom-fields{
position:relative;
}
input.title-and-meta-description-custom-fields{
position:relative;
width:50%;
}


/* =Example options (found in the commented version of this theme)
--------------------------------------------------------------------------------------------------- */

div.example{	
position:relative;
}
h2.example{	
position:relative;
}
a.current span.example-options-submenu{		
color:#000000;
}
span.example-options-submenu{
background:transparent url(images/admin-example-options.gif) top left no-repeat;
padding:0 0 0 20px;
}
table.example{		
position:relative;
}
tr.example{
position:relative;
}
td.example{
position:relative;
}
label.example{
font-weight:bold;
position:relative;
}
input.example{
position:relative;
}
p.example{		
font-size:1.0em;
line-height:1.1em;
margin-left:0 !important;
padding:0;
position:relative;
text-align:left;
text-indent:0;
}
label.example-options-textbox{
position:relative;
}
input.example-options-textbox{
position:relative;
width:200px;
}
p.example-options-textbox{
position:relative;
}
textarea.example{
height:200px;
overflow:auto;
position:relative;
width:200px;
}
label.example-options-textarea{
position:relative;
}
input.example-options-textarea{
position:relative;
}
p.example-options-textarea{
position:relative;
}
label.example-options-select{
position:relative;
}
p.example-options-select{
position:relative;
}
p.example-options-label{
font-weight:bold;
margin-left:0 !important;
padding:0;
position:relative;
text-indent:0;
}
p.example-options-radio-label{		
position:relative;
}
label.example-options-radio{	
float:left;
font-weight:normal;
height:20px;
position:relative;
width:80px;
}
input.example-options-radio{	
height:20px;
position:relative;
}
p.example-options-radio{
position:relative;
}
p.example-options-checkbox-label{
position:relative;
}
label.example-options-checkbox{
float:left;
font-weight:normal;
height:20px;
position:relative;
width:80px;
}
input.example-options-checkbox{		
height:20px;
position:relative;
}
p.example-options-checkbox{
position:relative;
}


/*  =Developer options
---------------------------------------------------------------------------------------------------*/

a.current span.developer-options-submenu{		/* Highlight the Developer Options submenu in Admin */
color:#000000;
}
span.developer-options-submenu{
background:transparent url(images/admin-options.gif) top left no-repeat;
padding:0 0 0 20px;
}
table.layout{	
position:relative;
}
tr.layout{
position:relative;
}
td.layout{
border-bottom:0 solid #000000;
padding:0 0 10px 0;
position:relative;
}


/* =Main containers
--------------------------------------------------------------------------------------------------- */
div.developer-options-wrapper{	
position:relative;
padding-bottom:70px;
}
div.options-container{
border:1px solid #c0c0c0;
clear:both;
margin:40px 1% 40px 0;
overflow:auto;
padding:10px 1% 20px 1%;
position:relative;
width:98%;
}
div.options-left-container{
border:0px solid red;
float:left;
margin:20px 1.5% 20px 0;
overflow:auto;
padding:10px 1% 20px 1%;
position:relative;
width:47%;
}
div.options-right-container{
border:0px solid red;
float:left;
margin:20px 0 20px 0;
overflow:auto;
padding:10px 1% 20px 1%;
position:relative;
width:47%;
}
div.full-width{
border:0px solid red;
clear:both;
margin:0 0 30px 0;
padding:0 0 0 1%;
}


/* =Main headers
--------------------------------------------------------------------------------------------------- */

h2.layout{
margin:0 0 30px 0;
position:relative;
}
h3.layout{
background:transparent;
font:italic normal 20px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
margin:0 0 30px 0;
position:relative;
}

/* =Labels and inputs
--------------------------------------------------------------------------------------------------- */
label.layout,p.layout{	
font-size:1.3em;
font-weight:bold;
height:20px;
margin-left:0;
padding:0;
position:relative;
}
input.layout{	
height:20px;
position:relative;
width:150px;
}
input.index-heading{
width:400px;
}
label.choose-item-checkbox{	
font-weight:normal;
}
p.layout-description{	
clear:both;
font-size:1.2em;
line-height:1.4em;
margin-left:0;
padding:0;
position:relative;
text-align:left;
text-indent:0;
}


/* =Fixed or liquid 
---------------------------------------------------------------------------------------------------*/

label.liquid-or-fixed{
float:left;
font-weight:normal;
position:relative;
width:100px;
}
input.liquid-or-fixed{
height:20px;
position:relative;
}

/* =Site width
--------------------------------------------------------------------------------------------------- */

div.site-width{
background:transparent url(images/admin-images1.gif) 80% 10px no-repeat;
}


/* =Site layout (two column etc.) 
---------------------------------------------------------------------------------------------------*/

div.site-layout{	
border:1px solid #dbdbdb;
float:left;
margin:0 1% 0 0;
width:15%;
}
label.site-layout{
font-weight:normal;
padding:0 0 0 2%;
}
img.site-layout{
width:100%;
}
p.site-layout-description{
clear:both;
font-weight:normal;
}


/* =Body and content background color 
---------------------------------------------------------------------------------------------------*/

p.body-background-color{
background:transparent url(images/admin-images1.gif) right -200px no-repeat;
padding:0 200px 150px 0;
position:relative;
}
p.site-border-color{
background:transparent url(images/admin-images1.gif) right -5850px no-repeat;
padding:0 200px 200px 0;
position:relative;
}
p.content-background-color{
background:transparent url(images/admin-images1.gif) right -600px no-repeat;
padding:0 200px 100px 0;
position:relative;
}
p.site-background-color{
background:transparent url(images/admin-images1.gif) right -6535px no-repeat;
padding:0 200px 100px 0;
position:relative;
}


/* =Banner image
--------------------------------------------------------------------------------------------------- */

p.banner{
background:transparent url(images/admin-images1.gif) right -1000px no-repeat;
margin:0 100px 0 0;
padding:0 320px 30px 0;
}


/* =Home page heading 
---------------------------------------------------------------------------------------------------*/

p.index-heading{
background:transparent url(images/admin-images2.gif) right -7600px no-repeat;
margin:0 100px 0 0;
padding:0 320px 170px 0;
}


/* =Sidebar widths 
--------------------------------------------------------------------------------------------------- */

div.left-sidebar-width,div.right-sidebar-width{
height:230px;
position:relative;
}
p.left-sidebar-width,p.right-sidebar-width{
margin:0;
padding:0;
width:60%;
}
div.left-sidebar-width-image,div.right-sidebar-width-image{
width:340px;
position:absolute;
top:0;
right:10%;
}
img.left-sidebar-width-image{
margin:10px 0 0 8px;
position:relative;
}
img.right-sidebar-width-image{
margin:10px 0 0 200px;
position:relative;
}
p.make-it-obvious-left{	/* Highlight the sidebar width minimum and maximum */
color:#FF0000;
font-size:1.7em;
padding:0 0 0 37px;
position:relative;
}
p.make-it-obvious-right{
color:#FF0000;
font-size:1.7em;
padding:0 0 0 230px;
position:relative;
}


/* =Choose the sidebar items 
---------------------------------------------------------------------------------------------------*/

div.left-sidebar-items{
background:transparent url(images/admin-images1.gif) right -1350px no-repeat;
}
div.right-sidebar-items{
background:transparent url(images/admin-images1.gif) right -2650px no-repeat;
}
p.left-sidebar-items,p.right-sidebar-items{
font-weight:normal;
padding:15px 0 0 0;
}
label.left-sidebar-item{	
float:left;
font-weight:normal;
height:20px;
position:relative;
width:250px;
}
input.left-sidebar-item{
height:20px;
position:relative;
}
label.right-sidebar-item{
float:left;
font-weight:normal;
height:20px;
position:relative;
width:250px;
}
input.right-sidebar-item{
height:20px;
position:relative;
}


/* =Sidebar item colors 
---------------------------------------------------------------------------------------------------*/

div.sidebar-items{
border:1px solid #0000ff;
clear:both;
position:relative;
}
p.small-sidebar-item{
margin:0 0 20px 0;
padding:0 200px 50px 0;
}
p.left-sidebar-item-background-color{
background:transparent url(images/admin-images1.gif) right -4000px no-repeat;
}
p.left-sidebar-item-border-color{
background:transparent url(images/admin-images1.gif) right -4200px no-repeat;
}
p.left-sidebar-item-heading-background-color{
background:transparent url(images/admin-images1.gif) right -4400px no-repeat;
}
p.left-sidebar-item-heading-font-color{
background:transparent url(images/admin-images1.gif) right -4600px no-repeat;
}
p.left-sidebar-font-color{
background:transparent url(images/admin-images3.gif) right -9425px no-repeat;
}
p.left-sidebar-link-color{
background:transparent url(images/admin-images3.gif) right -9720px no-repeat;
}
p.left-sidebar-hover-color{
background:transparent url(images/admin-images3.gif) right -10030px no-repeat;
}
p.right-sidebar-item-background-color{
background:transparent url(images/admin-images1.gif) right -4800px no-repeat;
}
p.right-sidebar-item-border-color{
background:transparent url(images/admin-images1.gif) right -5000px no-repeat;
}
p.right-sidebar-item-heading-background-color{
background:transparent url(images/admin-images1.gif) right -5200px no-repeat;
}
p.right-sidebar-item-heading-font-color{
background:transparent url(images/admin-images1.gif) right -5400px no-repeat;
}
p.right-sidebar-font-color{
background:transparent url(images/admin-images3.gif) right -9425px no-repeat;
}
p.right-sidebar-link-color{
background:transparent url(images/admin-images3.gif) right -9720px no-repeat;
}
p.right-sidebar-hover-color{
background:transparent url(images/admin-images3.gif) right -10030px no-repeat;
}


/* =Sidebar background colors
---------------------------------------------------------------------------------------------------*/

p.left-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right 0px no-repeat;
padding:0 200px 70px 0;
}
p.right-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right -500px no-repeat;
padding:0 200px 70px 0;
}
p.full-length-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right -1000px no-repeat;
margin:0 10% 0 0;
padding:0 200px 60px 0;
}


/* =Footer items 
---------------------------------------------------------------------------------------------------*/

div.footer-items{
background:transparent url(images/admin-images2.gif) right -1500px no-repeat;
}
div.footer-item-colors{
border-left:1px solid #c0c0c0;
}
div.footer-background-color{
border-top:1px solid #c0c0c0;
padding-top:20px;
}
label.footer-item{
float:left;
font-weight:normal;
height:20px;
position:relative;
width:180px;
}
input.footer-item{
height:20px;
position:relative;
}
p.footer-items{
font-weight:normal;
padding:15px 0 0 0;
}


/* =Footer item colors
---------------------------------------------------------------------------------------------------*/

p.small-footer-item{
margin:0 10px 20px 0;
padding:0 200px 100px 0;
}
p.footer-item-background-color{
background:transparent url(images/admin-images2.gif) right -3100px no-repeat;
}
p.footer-item-border-color{
background:transparent url(images/admin-images2.gif) right -3400px no-repeat;
}
p.footer-item-heading-background-color{
background:transparent url(images/admin-images2.gif) right -3800px no-repeat;
}
p.footer-item-heading-font-color{
background:transparent url(images/admin-images2.gif) right -4200px no-repeat;
}
p.footer-font-color{
background:transparent url(images/admin-images3.gif) right -9425px no-repeat;
padding-bottom:50px;
}
p.footer-link-color{
background:transparent url(images/admin-images3.gif) right -9720px no-repeat;
padding-bottom:50px;
}
p.footer-hover-color{
background:transparent url(images/admin-images3.gif) right -10030px no-repeat;
padding-bottom:50px;
}
p.footer-background-color{
background:transparent url(images/admin-images2.gif) right -4500px no-repeat;
margin:0 10% 0 0;
padding:0 200px 250px 0;
position:relative;
}


/* =Footer spacing - the distance the footer items should be moved down 
---------------------------------------------------------------------------------------------------*/

p.admin-footer-spacer{
background:transparent url(images/admin-images2.gif) right -5000px no-repeat;
margin:0 10% 0 0;
padding:0 200px 250px 0;
}
p.utility-link{
background:transparent url(images/admin-images2.gif) right -9300px no-repeat;
padding:0 300px 50px 0;
}
p.utility-hover{
background:transparent url(images/admin-images2.gif) right -9680px no-repeat;
padding:0 300px 50px 0;
}


/* =Post font colors, border, background, category headings 
--------------------------------------------------------------------------------------------------- */

p.category-heading-font-color{
background:transparent url(images/admin-images2.gif) right -5500px no-repeat;
padding:0 300px 120px 0;
position:relative;
width:60%;
}
p.post-title-font-color{
background:transparent url(images/admin-images2.gif) right -5900px no-repeat;
padding:0 300px 120px 0;
position:relative;
width:60%;
}
p.post-title-font-hover-color{
background:transparent url(images/admin-images2.gif) right -6300px no-repeat;
padding:0 300px 120px 0;
position:relative;
width:60%;
}
p.body-and-post-font-color{
background:transparent url(images/admin-images2.gif) right -8200px no-repeat;
padding:0 300px 60px 0;
position:relative;
width:60%;
}
p.body-and-post-link-color{
background:transparent url(images/admin-images2.gif) right -8600px no-repeat;
padding:0 300px 60px 0;
position:relative;
width:60%;
}
p.body-and-post-hover-color{
background:transparent url(images/admin-images2.gif) right -9000px no-repeat;
padding:0 300px 60px 0;
position:relative;
width:60%;
}
p.post-background-color{
background:transparent url(images/admin-images2.gif) right -6700px no-repeat;
padding:0 300px 120px 0;
position:relative;
width:60%;
}
p.post-border-color{
background:transparent url(images/admin-images2.gif) right -7100px no-repeat;
padding:0 300px 120px 0;
position:relative;
width:60%;
}


/* =Miscellaneous 
---------------------------------------------------------------------------------------------------*/

div.miscellaneous-stuff{
border:1px solid #c0c0c0;
float:left;
padding:0 1% 0 1%;
}
label.miscellaneous-item{
float:left;
font-weight:normal;
height:20px;
margin-left:10px;
position:relative;
width:390px;
}
input.miscellaneous-item{
height:20px;
position:relative;
}
span.miscellaneous-first-line{
font-weight:bold;
}
div.miscellaneous-item{
border:1px solid #e2e2e2;
padding:10px 0 60px 0;
}
div.topsearch{
background:transparent url(images/admin-images3.gif) 80% 0 no-repeat;
position:relative;
}
div.rss{
background:transparent url(images/admin-images3.gif) 80% -200px no-repeat;
position:relative;
}
div.poweredby{
background:transparent url(images/admin-images3.gif) 80% -400px no-repeat;
position:relative;
}
div.copyright{
background:transparent url(images/admin-images3.gif) 80% -600px no-repeat;
position:relative;
}
div.noindex{
position:relative;
}
div.social{
background:transparent url(images/admin-images3.gif) 80% -800px no-repeat;
position:relative;
}
div.rounded{
background:transparent url(images/admin-images3.gif) 80% -1000px no-repeat;
position:relative;
}
p.miscellaneous-items{
font-weight:bold;
}


/* =Drop-down menu items 
---------------------------------------------------------------------------------------------------  */

p.small-menu-item{
margin:0 10px 20px 0;
padding:0 200px 100px 0;
}
p.top-navigation-bar-background-color{
background:transparent url(images/admin-images3.gif) right -1300px no-repeat;
}
p.top-navigation-bar-link-color{
background:transparent url(images/admin-images3.gif) right -7700px no-repeat;
}
p.top-navigation-bar-hover-color{
background:transparent url(images/admin-images3.gif) right -8100px no-repeat;
}
p.top-menu-color{
background:transparent url(images/admin-images3.gif) right -2100px no-repeat;
}
p.top-menu-visited-color{
background:transparent url(images/admin-images3.gif) right -2500px no-repeat;
}
p.top-menu-hover-color{
background:transparent url(images/admin-images3.gif) right -2900px no-repeat;
}
p.top-menu-active-color{
background:transparent url(images/admin-images3.gif) right -3300px no-repeat;
}
p.top-menu-border-color{
background:transparent url(images/admin-images3.gif) right -3700px no-repeat;
}
p.top-menu-font-color{
background:transparent url(images/admin-images3.gif) right -4100px no-repeat;
}
p.bottom-navigation-bar-background-color{
background:transparent url(images/admin-images3.gif) right -4500px no-repeat;
}
p.bottom-navigation-bar-link-color{
background:transparent url(images/admin-images3.gif) right -8500px no-repeat;
}
p.bottom-navigation-bar-hover-color{
background:transparent url(images/admin-images3.gif) right -8900px no-repeat;
}
p.bottom-menu-color{
background:transparent url(images/admin-images3.gif) right -5300px no-repeat;
}
p.bottom-menu-visited-color{
background:transparent url(images/admin-images3.gif) right -5700px no-repeat;
}
p.bottom-menu-hover-color{
background:transparent url(images/admin-images3.gif) right -6100px no-repeat;
}
p.bottom-menu-active-color{
background:transparent url(images/admin-images3.gif) right -6500px no-repeat;
}
p.bottom-menu-border-color{
background:transparent url(images/admin-images3.gif) right -6900px no-repeat;
}
p.bottom-menu-font-color{
background:transparent url(images/admin-images3.gif) right -7300px no-repeat;
}
p.bottom-navigation-bar-border-color{
background:transparent url(images/admin-images3.gif) right -4900px no-repeat;
}


/* =Show second tab if accessible tabs working (commented theme)
---------------------------------------------------------------------------------------------------*/

div.tabbody2{
clear:both;
}


/* =Title element and meta description notes
---------------------------------------------------------------------------------------------------*/

p.notes{
font-size:1.2em;
}


/* =Errors 
--------------------------------------------------------------------------------------------------- */

h3.layout-error-top{
color:#FF0000;
font-size:1.4em;
position:absolute;
top:0;
right:100px;
}
h5.layout-error-top{
color:#FF0000;
font-size:1.2em;
position:absolute;
top:30px;
right:100px;
}
h3.layout-error-bottom{
color:#FF0000;
font-size:1.4em;
position:absolute;
bottom:30px;
right:150px;
}
h5.layout-error-bottom{
color:#FF0000;
font-size:1.2em;
position:absolute;
bottom:0px;
right:150px;
}
h4.layout-error{
color:#FF0000;
font-size:1.2em;
}
h5.generic-error-message{	
color:#FF0000;
margin:0 0 0 40%;
text-align:center;
position:absolute;
top:5px;
}
p.submit{
clear:both;
}