/*  
Theme Name: Pop Blue
Theme URI: http://www.blogohblog.com/
Description: Pop Blue is a 2 columns Wordpress theme. Clean, simple and lightwieght theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/

*/

body {text-align:center;margin: 0;padding: 0;background-color:#ebebe6;}
img {border:0px;}
/* ----------------------------- GENERAL ----------------------------- */
body#home #logo h1 {width:874px; height:246px; background: #88908e url(images/header1dc.gif)/*header5dc.gif */ no-repeat left top;margin:0 auto;text-indent:-5000px;}
body#secondary #logo h1 { margin:0 auto;  width:874px; height:181px; background: #88908e url(images/headerhq.gif) no-repeat left top;text-indent:-5000px;  }
body#secondary1 #logo h1 { margin:0 auto;  width:874px; height:181px; background:  #ebebe6 url(/wp-content/themes/pop-blue/images/headerhq.gif) no-repeat left top;text-indent:-5000px; }
body#secondary2 #logo h1 { margin:0 auto;  width:874px; height:181px; background:  #ebebe6 url(/wp-content/themes/pop-blue/images/headerhq_p.gif) no-repeat left top;text-indent:-5000px; }

body#secondary3 #logo h1 { margin:0 auto;  width:874px; height:246px; background: #88908e url(.gif) no-repeat left top;text-indent:-5000px;  }

a:link, a:visited {color:#336699;}
a:hover {color:#;}

#main{width:874px;margin:0 auto;padding:0;}



/* ----------------------------- ------- ----------------------------- */

 #wrapper { text-align:left;width: 874px; margin: 0 auto; padding: 0px 0 0 0; background: #fff url(images/wrapper2.gif) repeat-y left top; }
 #wrapper2 { text-align:left;width: 874px; margin: 0 auto; padding: 0px 0 0 0; background: #fff url(images/wrapper_p.gif) repeat-y left top; }
#content { width: 460px; margin: 0; padding: 0 0px 0 65px;  float: left; }
#content2 { width: 760px; margin: 0; padding: 0px 80px 20px 80px;  float: left;}
/* ----------------------------- RIGHT ----------------------------- */
#rsidebar{/*float:right; */width:250px;margin:0;padding:0px; }
#rsidebar h4{font: bold 14px verdana,arial;color:#bf2830;margin-bottom:-2px;border-bottom: #cf5e64 1px solid ;}
#sidebar {padding:0;width:250px;margin:10px 0 0 30px;float:left;  }

#rsidebar { width: 200px; margin: 0;  float: right;padding: 20px 40px 20px 15px; } border: 1px solid #777; 
#rsidebar p {font: 11px verdana;color:#585a5c;}
#rsidebar ul { margin: 0; padding: 0; list-style-type: none; font: bold 12px "lucida sans" ; color:#ff3006;&raquo;}
#rsidebar ul li { margin: 0; padding: 2px 0 2px 0px; line-height: 16px; /** background: url(icon-bullet.gif) no-repeat 0px 5px; **/ }
.subnav a:link {color:#777;text-decoration:none;font-size:12px;}
.subnav a:hover, .subnav a:visited {color:#003366;text-decoration:none;font-size:12px;}



.date {font: italic 10px arial; }

/* ---------------------------- 03/17/08 Original code ---------------------- */

/*
#sidebar{float:right;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{float:right;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
*/
/*
#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}
*/




/* ----------------------------- RIGHT CONTACT INFO ----------------------------- */
dl.address { margin: 0; padding: 0; }
dl.address dt { position: relative; left: 2px; top: 1.1em; width: 5em; font-size: 12px; font-weight: normal;  }
dl.address dd { margin: 0 0 0 6em; padding: 0 0 0 .25em; font-size: 12px; }
/* ----------------------------- ------- ----------------------------- */

/* ----------------------------- NAVIGATION -------------------------- */
#navigation {  width:874px; height:38px; background: url(nav.gif) no-repeat top; #003366 ;margin:0 auto; }
#navigation ul { text-align: right; list-style-type: none; margin: 9px 30px 0 0; padding: 0; font: 14px arial; }
#navigation ul li { display: inline; margin: 0; padding: 0 0 0 0px; }
#navigation a:link,#navigation a:visited {line-height: 14px;font-weight: bold;margin: 0 10px 2px 10px;text-decoration: none;color: #fff;}
#navigation a:hover {color: #6699cc;}
#navigation li#current {background-color: #6699cc;}
/* ----------------------------- ------- ----------------------------- */

/* ----------------------------- FOOTER ----------------------------- */
#footer { margin: 0; width:874px;height:123px;padding: 0; background: #9aa19f url(images/footer.gif) no-repeat left top; clear:both;}
#footer a:link, #footer a:visited { font-size: 10px; color: #999; text-decoration: none; border: none;  }
#footer a:hover { color: #fff; border-bottom: 1px dotted #fff;  }
body#home #footer p { margin: 0; padding: 40px 0 15px 48px; color: #999; font-size: 10px;}
#footer p { margin: 0; padding: 18px 0 10px 48px; color: #999; font-size: 10px; }

#footer2 { margin: 0; width:874px;height:123px;padding: 0; background: #9aa19f url(images/footer2.gif) no-repeat left top; clear:both;}
#footer2 a:link, #footer2 a:visited { font-size: 10px; color: #999; text-decoration: none; border: none;  }
#footer2 a:hover { color: #fff; border-bottom: 1px dotted #fff;  }
body#home #footer2 p { margin: 0; padding: 40px 0 15px 48px; color: #999; font-size: 10px;}
#footer2 p { margin: 0; padding: 18px 0 10px 48px; color: #999; font-size: 10px; }

/* ----------------------------- ------- ----------------------------- */

/* -----------------------------  TEXT  ----------------------------- */
p, ul, ol, dl { font-family: arial, verdana; color: #333; }
/* image replacement */
h1 {background: url (header.gif) no-repeat left top;margin-left:-99999px;}
h2 {font: bold 18px verdana;color:#003366;margin-bottom:-2px;}
h3 {font: bold 16px arial;color:#003366;margin-bottom:-2px;} /* text-transform:uppercase;  */
h4 {font: bold 14px verdana,arial;color:#bf2830;margin-bottom:-2px;border-bottom: 1px solid #cf5e64;} /* text-transform:uppercase;  be1d01 d9000c     698cac*/
h5 { margin: 5px 0 0 0; padding: 0; font-size: 12px; color: #333; font-weight: bold; }
p { /*margin: .50em 0 1.75em 0; */padding: 0; font-size: 13px; line-height: 19px;  }
/* -----------------------------  QUOTE e4e6e9 ----------------------------- */
blockquote { background: #fff url(images/quote.gif) no-repeat left top; margin: 1em 1em 1em 0; width:200px;float:right;}
blockquote p { font: italic bold 13px  verdana, "Times New Roman", Times, serif; color:#003366; padding: 6px 0 0 28px; margin: 0 0 5px 0; line-height: 21px; }
/* ----------------------------- ------- ----------------------------- */

/* -----------------------------  FEATURE STORY   ----------------------------- */
#feature {background: #fff url(/wp-content/themes/pop-blue/images/feature_back.gif) repeat-x ;border:1px solid #ccc;} /** anchor1.gif) no-repeat left top **/
#feature img {float:right;border: 1px solid #777;}
#feature span {font: bold 15px verdana;color:#be1d01;display:block;padding:-10px 4px 0px 10px;}
#feature p{padding:0px 10px 0px 10px;}
.story {padding-left:5px;background-color: #ccc;color:#003366;font: bold 13px tahoma;}
#feature em {font: italic 11px arial;padding:0px 4px 4px 10px;}
.drop {float:left; font-size:210%; line-height:1em; margin: 4px 4px 4px 4px; padding:4px 10px; border:2px solid #ccc; background:#eee;}
/* ----------------------------- ------- ----------------------------- */
.box {background: #fff url(images/feature_back.gif) repeat-x ;border:1px solid #ccc;0px;font: bold 13px arial;color:#fff;padding:1px 10px 10px 10px;}
.box p {font-color:#fff;}

.box2 {background: #e5e5e5; width:22 /* url(boxback.gif) repeat-x; */
0px;px;font: bold 13px arial;color:#fff;padding:1px 10px 10px 10px;}
.box p {font-color:#fff;}

.box li {font: 12px tahoma;color:#777;}

.odd {background-color:#dfdcdc;}


.textbox {float:right;background-color:#336699;border:1px solid #003366;font: bold 12px "lucida sans"; width:150px;padding:10px;text-align:center;margin:10px;}
.textbox a {font: bold 12px "lucida sans"; color:#fff;}
/** ******************* MAIN NAVIGATION ******************* **/	
#navwrap {
background: #336699;
height:38px;
position:relative;
z-index:100;
padding:0px;
width:874px; /** ADDED 04/17/06 **/
 /** ADDED 04/17/06 **/
/** margin-bottom:2px;  
width:715; 04/17/06 **/ 
 background: url(images/nav.gif) no-repeat top; 
/* border: 1px solid #777; */
}

#navblock {margin-top:10px;} /** width:745px; width:auto; **/

/* ************************** SIDE NAVIGATION **************************** */
#sidenavigation {
margin: 0 0 0px 0;
padding:0;
width:235px; 
background: #003366 url(images/nav2.gif);padding-bottom:10px;
float:left;
padding:15px 0 15px 0;}

#sidenav, #sidenav ul { /* all lists */
padding: 0px;
margin: 0;
list-style: none;
float : left;
width : 11em;
 font: bold 12px arial;}
	
#sidenav li { /* all list items */
position : relative;
float : left;
 line-height : 1.4em;
/* margin-bottom : -1px; */
width: 15em;
padding:2px;border-bottom: 1px #cccccc dotted; 
list-style-type:none;}
	
	
#sidenav li a {
width: 15em;
w\idth : 14em;
display : block;
color : #fff;
font-weight : bold;
text-decoration : none;
background-color : transparent;
padding-left:20px;
font-size:12px;
background: url(images/bullet.gif) center left no-repeat;*/}
	
#sidenav li a:hover {
color : #fff;
background-color:#cd244a;
background: url(images/bullet_inv.gif) left no-repeat;}
	
#sidenav li:hover ul ul, #sidenav li:hover ul ul ul, #sidenav li.sfhover ul ul, #sidenav li.sfhover ul ul ul {left: -999em;}
#sidenav li:hover ul, #sidenav li li:hover ul, #sidenav li li li:hover ul, #sidenav li.sfhover ul, #sidenav li li.sfhover ul, #sidenav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;}
#sidenav li.noarrow a {background: transparent;}
#sidenav li.noarrow a:hover {background: transparent;color:#336699;}
/* #navbox {
float:left;
clear:left;
width:190px;
margin-left:0px;
background: #c8d0dc url('images/page_separator4.gif') right repeat-y;
padding:0px;
color:#3f4040;
font:10px arial;} 
#navbox p {padding-right:12px;padding-left:12px;} */

.sidehead {font-color:#003366;padding-left:10px;font:bold 13px arial;}


/* -----------------------------  QUOTE e4e6e9 ----------------------------- */
blockquote { background: #fff url(/wp-content/themes/pop-blue/images/quote.gif) no-repeat left top; margin: 1em 1em 1em 0; width:200px;float:right;}
blockquote p { font: italic bold 13px  verdana, "Times New Roman", Times, serif; color:#003366; padding: 6px 0 0 28px; margin: 0 0 5px 0; line-height: 21px; }
/* ----------------------------- ------- ----------------------------- */



/** ******************* CALENDAR ******************* **/	
#calendar {background: #fff; font: bold 13px arial;border: 1px solid;} /* padding:1px 10px 10px 10px; */
#calendar h2 {font: bold 13px tahoma; color:#fff;padding:2px 2px 2px 5px;background-color:#5d7f9d;}
#calendar ul {background: #fff;} /* margin: 0px 10px 0 10px; */
/* #calendar li {padding: 3px 10px 5px 10px;background: #ccc;} */
#calendar p, li {font: 10px tahoma;color:#777;}
.odd {background-color:#dfdcdc;}
.even {background-color:#cdcaca;}
.events {font: bold 13px tahoma; color:#fff;background-color:#5d7f9d;padding:2px 2px 2px 5px;display:block;}