/*
Theme Name: Cyndi Lauper Online
Theme URI: 
Description: 
Version: 1.0
Author: Roberto Campus
*/


* { margin: 0; padding: 0; }

html
{
	
}

 /* Links */

a { text-decoration: none; font-weight: normal; }

a:link, a:visited { color: #3a66b3; } 
a:hover, a:active { color: #4e85e6; border-bottom-color: #4e85e6; }

a img {	border: none;}

a:link img, a:visited img{ border: none; }

/* Headings */

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

h4, h5, h6 { font-size: 12px; }


/* Lists */

ul, ol
{
   list-style-type: none; 
}



/* Other Html Elements */

blockquote
{
	clear: both;
	padding: 1em;
	margin: 2em 3em;
}

abbr, acronym, cite {  }

ins, del
{ 
	padding-left: 18px; 
}


/* Structure */

body
{
	
	margin: 0px;
	background-color: #000000;
        text-align: center;
        color: #779DAE;
        font-family: Verdana;
        font-size: 12px;
}

#main {
   width: 784px;
   position: relative;
}

#header
{
	float: left;
	clear: both;
	width: 784px;
	height: 148px;
	background-color: #1e2e90;
	background-image: url(images/header.jpg);
}

#header-divider
{
	float: left;
	clear: both;
	width: 784px;
	height: 14px;
	background-color: #223292;
}

#banner728x90 {
	float: left;
	clear: both;
	width: 784px;
	height: 90px;
        padding: 3px 0px 3px 0px;
	background-color: #black;
}

#wrapper
{
	float: left; 
	width: 784px;
	clear: both;
	background: #223292 url(images/page_bg.gif)  repeat-y;
}


#wrapper-wide
{
	width: 784px;
	clear: both;
	background: #223292;
}



#navbarAD
{
        text-align: center;
	clear: both;
	width: 784px;
	height: 23px;
        padding-top: 5px;
	border-top:    2px #223292;
	border-bottom: 2px #223292;
	background-color: #223292;
}

#navbar-divider
{
	float: left; 
	width: 784px;
	height: 10px;
	clear: both;
	background: #223292 url(images/nav-divider.gif)  repeat-y;
}

#navbar-divider-wide
{
	float: left; 
	width: 784px;
	height: 10px;
	clear: both;
	background: #223292 url(images/nav-divider-wide.gif)  repeat-y;
}


#content
{
	float: left;
	width: 392px;
	overflow: hidden;
        text-align: left;
}

#content-wide
{
	float: left;
	width: 780px; 
	overflow: hidden;
        background: #FFFFFF;
        text-align: left;
        border-left:  2px solid #223292;
        border-right: 2px solid #223292; 
}

#content-store
{
	float: left;
	width: 780px; 
	overflow: hidden;
         
        text-align: center;
        border-left:  2px solid #223292;
        border-right: 2px solid #223292; 
}


#content-wide-white
{
	float: left;
	width: 780px; 
	overflow: hidden;
        background: #FFFFFF;
        text-align: left;
        border-left:  2px solid #FFFFFF;
        border-right: 2px solid #FFFFFF; 
}


#sidenotes
{
	float: left;
	width: 189px;
	overflow: hidden;
	margin: 0px 3px 0px 3px;
	background-color: #223292; 
        text-align: center;
}


 
#sidenotes ul
{
	list-style: none;
        padding: 10px 0px 10px 0px;
        background-color: #A358BA;
        margin:  0px 0px 20px 0px;
        text-align: left;
}

#sidenotes li
{
        font-size: 10px; 
	padding: 3px 0px 3px 15px; 
        color: #F3CDFF;
}


#sidenotes h2 {
         
        font-weight: bold; 
        font-size: 11px; 
        text-align: left;
        color: #fff5ff;
        background-color: #B06CDD; 
        padding: 5px 0px 5px 9px;
        margin:  0px 0px 0px 0px;
}

#sidenotes a {
       color: #ecf8ff;
       font-weight: bold; 
       text-decoration: none;
}

#sidenotes a:active {
	color: #FFFFFF;
	text-decoration:underline;
}

#sidenotes a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}




#footer-ad
{
	float: left;
	clear: both;
	width: 784px;
	height: 110px;
        text-align: center;
	padding-top:    2px;
	padding-bottom: 2px;
	background-color: #223292;
}


#footer-divider
{
	float: left;
	clear: both;
	width: 784px;
	height: 16px;
	background: #223292 url(images/page-footer-bg.gif) center;
}


#footer-divider-wide
{
	float: left;
	clear: both;
	width: 784px;
	height: 16px;
	background: #223292 url(images/footer-divider-bg-wide.gif) center;
}







/* Content */

#breadcrumb
{ 
margin: 2px 11px 15px 11px; 
padding-bottom: 3px;	
border-bottom: 1px dashed #9090E0;
}

#post 
{ 
margin: 10px 11px 0px 11px; 	
border-bottom: 1px dashed #79ACDF;
padding-bottom: 20px;
}

#post h2 { padding-bottom: 2px; }

#post p { padding: 2% 0px 2% 0px;}

#post li { margin: 2% 0px 2% 6%; list-style-image: url(images/list-dot.gif);}

.post-info 
{
	padding-bottom: 10px; 
	color: #779DAE; 
        font-size: 10px;
}

.post-content 
{
	padding-bottom: 10px; 
	color: #000040; 
        font-size: 11px;
}
 
.post-footer
{
	padding-top: 10px;
	color: #97ADCE;
        font-size: 10px;
}

#post img.left { 
	float: left;
	padding: 0px 5px 5px 0px ;
        border: none;
}

#post img.right { 
	float: right;
	padding: 0px 0px 5px 5px ;
        border: none;
}

#post img.clear { 
	clear: both;
        border: none;
}

.social_bookmark { color: #97ADCE; }

a.more {  }





/* Footer */

#footer 
{
	clear: both;
	float: left;
	width: 784px;
	color: #23712c;
	background-color: #EBB070;
}

#footer-credits
{
	clear: both;
	float: left;
	width: 784px;
	height: 30px;
	color: #7A7A7A;
	background: #EBB070 url(images/footer.gif) center;
}

#footer .block {  
    float: left; 
    display: block;
    width: 240px; 
    padding: 5px;  
    margin: 0px 5px 0px 5px;
    text-align: left;
    font-size: 11px; 
}

#footer .block h3 { 
    color: #7B2C1C; 
    padding: 0px 0px 8px 0px; 
    font-size: 11px; 
    text-transform: uppercase; 
    letter-spacing: 3px; 
}


#footer a
{
	display: block;
	padding: 2px 0px 2px 0px;
        border-bottom: 1px dashed #DCA161;
        color: #7B2C1C;
        background-color: #EBB070;
}

#footer p { padding: 0px; }

#footer .block p { margin: 0px; }

#footer a:hover, #footer a:active { color: #A83F2A; background-color: #FAC78F; }

#footer-credits p.copyright {
	clear: both;
	padding-top: 12px;
	padding-left: 8px;
        font-size: 10px;
        color: #7A7A7A;
}

#footer-credits a {
        color: #9A9A9A;
}

#comments 
{
	padding: 25px 0px 10px 0px;
        width: 369px;
        color: #4c6b9f;
       
}

#comments h4
{
   color: #1b1b75;
}

#comments p
{
   
}

#comments .info
{
   margin-top: 20px;
   padding: 2px 10px 2px 10px;
   
   background: #ebf1fd url(images/comment-info_bg.gif);
}

#comment-box a {
 
 font-weight: bold;
}

#comment-box {
 background: #ebf1fd url(images/comment-footer_bg.gif) no-repeat bottom;
        color: #718181;
        font-size: 11px;
}

#comments .text {
 padding: 2px 10px 2px 10px;
}

#comments input, textarea {
  background-color: #f8eba1;
}

#comments .notice {
 color: #FFFFFF;
 font-size: 11px;
 padding: 8px 15px 8px 10px;
 margin: 5px 0px 5px 0px;
 width: 330px;
 background: #D93030 url(images/notice-bg.gif) no-repeat;
}




.pg_nav {
text-align: center;
padding: 5px;
margin: 5px;
}

.one-image {
	float:right;
	padding: 0px;
        border:1px solid #303050;
	margin: 5px;
}

.one-image:hover {
	border: 1px solid #F6ED63;
}

.padded { padding: 10px 10px 10px 10px;}
 
#searchform {
padding: 0 0 0 1em;}

#navbar
{
	text-align: center;
	clear: both;
	width: 784px;
	height: 36px;
	background-color: #051967;
	background-image: url(images/b_bg.gif);
}

#navbar ul
{ 
  padding-left: 45px;
}



#navbar li
{ 
  float: left;
  list-style-type: none; 
}

#navbar  a
{ 
  display: block;
  font-size: 13px;
  font-family:  Helvetica, Arial;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  color: #8df699;
  letter-spacing: 3px;
  padding: 10px 13px 10px 13px;
}

#navbar a:hover, li.current_page_item { 
   background-image: url(images/b_bg_hover.gif);
}

#navbar li.current_page_item a { 
   color: #FFFFFF;
}


/* Sidebar */

#sidebar
{
	float: left; 
	width: 189px;
	margin: 0px 3px 0px 3px;
	overflow: hidden;
	background-color: #5d84da;
        text-align: left;
        color: #C2D8f7;
}

#sidebar ul
{
	list-style: none;
        padding: 0px 0px 15px 0px;
}

#sidebar li
{
        font-size: 10px; 
	padding: 3px 0px 3px 15px; 
}

#sidebar .sidebox
{
	padding: 0px 0px 0px 0px; 
}


#sidebar h2 {
         
        font-weight: bold; 
        font-size: 11px; 
        text-align: left;
        color: #fff5ff;
        background-color: #4069c2; 
        padding: 5px 0px 5px 9px;
        margin:  0px 0px 5px 0px;
}

#sidebar a {
       color: #ecf8ff;
       font-weight: bold; 
       text-decoration: none;
}

#sidebar a:active {
	color: #FFFFFF;
	text-decoration:underline;
}

#sidebar a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

#sidebar .email {
   background: #afc8ff;
   border: 2px solid #3b4baa;
   padding: 2px;
   margin: 5px 0px 5px 0px;
   color: black;
   width 140px;
   font-size: 11px;
   float: left;
}

#sidebar .go {   
   padding: 6px;
   
}