/*
This is style-admin.css   
It's used for styling the Childishly Simple 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
=Childishly Simple 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.childishlysimple-custom-fields{	
position:relative;
width:20% !important;
}
td.childishlysimple-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;
}

/*  =Childishly Simple options
---------------------------------------------------------------------------------------------------*/

a.current span.childishlysimple-options-submenu{		/* Highlight the Childishly Simple Options submenu in Admin */
color:#000000;
}
span.childishlysimple-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.childishlysimple-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 24px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
margin:0 0 30px 0;
color:red;
position:relative;
}
h4.layout{
background:transparent;
font:italic normal 18px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
margin:0 0 30px 0;
color:red;
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 120px 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:280px;
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:460px;
position:absolute;
right:2%;
top:0;
}
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 97px;
position:relative;
}
p.make-it-obvious-right{
color:#FF0000;
font-size:1.7em;
padding:0 0 0 290px;
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 -12400px no-repeat;
}
p.right-sidebar-link-color{
background:transparent url(images/admin-images3.gif) right -12705px no-repeat;
}
p.right-sidebar-hover-color{
background:transparent url(images/admin-images3.gif) right -13010px no-repeat;
}

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

p.short-left-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right 0px no-repeat;
padding:0 200px 70px 0;
}
p.short-right-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right -500px no-repeat;
padding:0 200px 70px 0;
}
p.long-left-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right -10060px no-repeat;
padding:0 210px 130px 0;
}
p.long-right-sidebar-background-color{
background:transparent url(images/admin-images2.gif) right -10610px no-repeat;
padding:0 210px 130px 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-bottom:1px solid #c0c0c0;
padding:20px 0 20px 0;
}
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 -13330px no-repeat;
padding-bottom:50px;
}
p.footer-link-color{
background:transparent url(images/admin-images3.gif) right -13630px no-repeat;
padding-bottom:50px;
}
p.footer-hover-color{
background:transparent url(images/admin-images3.gif) right -13930px 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 
---------------------------------------------------------------------------------------------------*/

div.admin-footer-spacer {
border-bottom:1px solid #c0c0c0;
}
p.admin-footer-spacer{
background:transparent url(images/admin-images2.gif) right -5000px no-repeat;
margin:0 10% 0 0;
padding:0 200px 290px 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;
}
div.rss-links{
border:1px solid #c0c0c0;
}

/* =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% -401px no-repeat;
position:relative;
}
div.copyright{
background:transparent url(images/admin-images3.gif) 80% -602px no-repeat;
position:relative;
}
div.noindex{
position:relative;
}
div.rounded{
background:transparent url(images/admin-images3.gif) 80% -1000px no-repeat;
position:relative;
}
div.alchemweb_link{
background:transparent url(images/admin-images3.gif) 80% -14331px 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-navigation-bar-top-border-color{
background:transparent url(images/admin-images3.gif) right -4905px no-repeat;
}
p.top-navigation-bar-bottom-border-color{
background:transparent url(images/admin-images3.gif) right -11205px 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.top-menu-hover-font-color{
background:transparent url(images/admin-images3.gif) right -10810px 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-navigation-bar-top-border-color{
background:transparent url(images/admin-images3.gif) right -11635px no-repeat;
}
p.bottom-navigation-bar-bottom-border-color{
background:transparent url(images/admin-images3.gif) right -12025px 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-menu-hover-font-color{
background:transparent url(images/admin-images3.gif) right -10380px 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:35px;
right:100px;
}
h5.layout-error-top{
color:#FF0000;
font-size:1.2em;
position:absolute;
top:60px;
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:55px;
z-index:1000;
}
p.submit{
clear:both;
}