/*	This theme was designed and built by Charly Leetham,
	whose blog you will find at http://askcharlyleetham.com/        
	This theme is designed to allow bloggers to have a page for sales pages        
	etc, as well as a simple single right sidebar on the blog posts and is         
	optimized for Wordpres 2.6 and above.	The CSS, XHTML and design is released under GPL 3.0:	
	http://www.opensource.org/licenses/gpl-3.0.html*//* Begin Typography & Colors */
	
body {   
	font-family: Arial,Helvetica,sans-serif;   
	color: #666666;   text-align: center;   
	margin: 0 auto;   padding: 0;
}
	
#page {   
	background-color: white;   
	text-align: left;   margin: 10px auto 0;   
	padding: 0;
        width: 960px;
}

#navbar {
        width:78%; 
        height:40px;
        float:left; 
       /* padding-right:8px; */
        margin-bottom:20px;
}

#navbarleft {
	width: 760px;
	height: 30px;
	float: left;
	margin: 0px;
	padding: 0px;
	}	

#searchform {
	width: 220px;
	height: 30px;
	margin: 0 0px 0 0;
	padding: 0px;
	text-align: center;	
	}	

#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav a {
	color: #4A7EB8;
	display: block;
        font-weight: bold;
	text-decoration: none; 
        margin: 0px 10px 0px 0px;
	padding: 8px 10px 7px 10px;
}	

#nav a:hover {
	background: #4A7EB8;
	color: #EFF7F7;
	display: block;
	text-decoration: none; 
	margin: 0px 10px 0px 0px;
	padding: 8px 10px 7px 10px;	
}

#nav li {
	float: left;
        font-size: 8pt;
        color: #4A7EB8;
        list-style-type: none;
}	

#nav li a:hover {
	background: #4A7EB8;
	color: #EFF7F7;
	display: block;
	text-decoration: none; 
	margin: 0px 10px 0px 0px;
	padding: 8px 10px 7px 10px;	
        font-size: 8pt;
}

#leftside {
	background: url('images/border_bubbles_left.png');
	height: 483px;   width: 123px;
	float: left;
}
	  
#imagelogo {
	background: url('images/summersalt_holding_logo.png');
	height:110px;
	width:366px;   
	float:left;
}
	  
#rightside {
	background: url('images/bdr_bubbles_right_narrow.jpg') no-repeat;
	width: 80px;    
	float:right;    
	height:500px;
        padding-top:364px;
	}
#sidelogo {
        float:right;
        margin-right:41px;
       /* margin-top:375px;*/
}

#sidebars {
        float: left;
        width: 397px;
        background-color: #fff;
}
#rhpanel {   
	background-color:#EFF7F7;   
	padding:5px;   
	width:220px;   
	float:right;   
	text-align:left; 
        font-size: 10pt;  
}

#rhpanel p, #rhpanel td {	
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;  
	font-size: 12px;	
	}	
#rhpanel ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;	
	}	
#rhpanel ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
        border-bottom: 1px dashed #333;
	}
#rhpanel ul ul {
	list-style-type: none;
        border-bottom: 0px dashed #333;
	margin: 0 0 10px;
	padding: 0px;
	}
#rhpanel ul li li {
	background: #EFF7F7 url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}	
#rhpanel ul li ul li {
	background: #EFF7F7 url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0 0 10px;	
        border-bottom: 0px;
}


#rhpanel p, #lhpanel p {
   color:#666666;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:0.9em;   
   margin:3px 5px 15px;   
   text-align:left;
}

#rhpanel h1, #lhpanel h1 {   
	color:#0066CC;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:1.2em;   
	font-weight:lighter;   
	text-align:left;   
	padding-top:0px;
}

#rhpanel h2, #lhpanel h2 {   
	color:#0066CC;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:0.8em;   
	margin-bottom:6px;   
	margin-top:3px;   
	text-align:left;
}

#rhpanel h4, #lhpanel h4 {
   color:#8FC974;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1.2em;   
   margin-bottom:3px;   
   margin-top:6px;
}

#rhpanel a, #lhpanel a {
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;  
   font-size:1em;   
   text-decoration:none;
}

#rhpanel a:visited, #lhpanel a:visited {
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1em;   
   text-decoration:none;
}

#rhpanel a:hover, #rhpanel a:active, #lhpanel a:hover, #lhpanel a:active {
   background-color:#EFEFEF;   
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1em;
}

#rhpanel .rhdivider, #lhpanel .rhdivider {
	border-top:1px dashed #B4DEEE;
    height:1px;
	margin:5px 7px;

}


#lhpanel {
      background-color:#EFF7F7;   
      float:left; 
      width: 160px;
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 20px 0px;
      line-height: 20px;
      font-size: 10pt;
}

#lhpanel p {
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	line-height: 20px;	
	}	
#lhpanel ul {	
	list-style-type: none;	
	margin: 0px 0px 10px 0px;	
	padding: 0px;	
	}	
#lhpanel ul li {	
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0 0 10px;
        border-bottom: 1px dashed #333;
	}
#lhpanel ul ul {	
	list-style-type: none;	
        border-bottom: 0px dashed #333;
	margin: 0 0 10px;	
	padding: 0 0 0px;	
	}	
#lhpanel ul li li {	
	background: #EFF7F7 url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}	
#lhpanel ul li ul li {	
	background: #EFF7F7 url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;	
	margin: 0 0 10px;
        border-bottom: 0px;
	}

#content-back {
      width:350px; background: url(images/back.jpg) repeat;
}

#content-top {
      background: url(images/top.jpg) no-repeat;
      width:350px; padding:6px;
}

#content-foot {
      background: url(images/bottom.jpg) no-repeat;
      width:350px; padding:6px;
      height:18px;
}

#content {


   float:left;
   font-size: 10pt;   
   width:350px;   
   margin-right:10px;
   background: url(images/back.jpg) no-repeat;
}

#content p {	
	padding: 0 10px 10px;
	margin: 0px;	
	}	
#content h1 {	
	color: #2255AA;	
	font-size: 24px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;	
	padding: 10px;
	}	
#content h1 a  {	
	color: #2255AA;	
	text-decoration: none;	
	}
#content h1 a:hover {	
	color: #7DAE12;	
	text-decoration: none;	
	}	
#content h3 {	
	color: #2255AA;	
	font-size: 24px;	
	font-family: Times New Roman, Georgia, Trebuchet MS;	
	font-weight: normal;	
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 5px 0px;	
	}	
#content h4 {	
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;	
	margin: 0px 0px 20px 0px;	
	padding: 0px 0px 5px 0px;	
	}	
#content img.wp-smiley {	
	float: none;	
	border: none;	
	padding: 0px;	
	margin: 0px;	
	}
#content img.wp-wink {	
	float: none;	
	border: none;	
	padding: 0px;	
	margin: 0px;	
	}	
#contentleft {	
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 20px 30px 20px 0px;
	}	
#contentleft ol {	
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}	
#contentleft ol li {	
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}	
#contentleft ul {	
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}	
#contentleft ul li {	
	list-style-type: square;	
	margin: 0px 0px 0px 20px;	
	padding: 0px 0px 5px 0px;	
	}	
#postentry {
        margin-bottom:20px;
}
.date {	
	font-size: 11px;
	font-weight: bold;
	padding: 0px 10px 10px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #999999;
	}	
#postmeta {	
	width: 320px;	
	font-size: 11px;	
	font-weight: bold;	
	padding: 5px;	
	margin: 0 auto;	
	border: 1px dashed #000;       
	background-color:#A6C0ED;	
	}	
#postmeta p {	
	margin: 0px;	
	line-height: 20px;
        font-size:9px;
        padding:0px;
	}	

blockquote {	
	font-style: italic;	
	margin: 0px 25px 15px 25px;	
	padding: 0px 25px 0px 10px;	
        background-color: #EFF7F7
	}	
#content blockquote p {	
	margin: 0px 0px 0px 0px;	
	padding: 10px 0px 10px 0px;	
	}	
/*************************************************	Images  					     		    * ************************************************/
img.centered  {	
	display: block;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 10px;	
	padding: 0px;	
	}	
img.alignnone {	
	padding: 0px;	
	margin: 0px 0px 10px 0px;	
	display: inline;	
	}
img.alignright {	
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}
img.alignleft {	
	padding: 0px;	
	margin: 0px 10px 10px 0px;	
	display: inline;	
	}	
.aligncenter {	
	display: block;	
	margin-left: auto;	
	margin-right: auto;	
	}
.alignright {
	float: right;
	}
.alignleft {	
	float: left;	
	}	
.wp-caption {
	margin: 0px;
	padding: 0px;
	}	
.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}
.wp-caption p.wp-caption-text {	
	margin: 0px;
	padding: 5px 0px 0px 0px;	
	font-size: 10px;	
	font-style: italic;	
	font-weight: bold;	
	line-height: 12px;	
	}	

.fp_statement { 
  color:#0073A6;   
  font-size:1.2em;   
  font-weight:bold;   
  padding:5px;
}

#footer {
	margin: 0px auto 0px;        
	width:100%;        
	text-align:center;        
	float:left;        
	background-position:center top;        
	background-repeat:repeat-x;        
	margin-bottom:10px;
}

#footerleft {
    background: url('images/footer_bdr_left.gif');         
	width:8px;         

	height:15px;        
	float:left;}

#footercenter {        
	width:669px;         
	float: left;         
	background: url('images/footer_bdr_bg.gif');        
	repeat-x;         

	height:15px;
}

#footerbubbles {        
	width:245px;         
	float: left;         
	background: url('images/footer_bubbles.png');        
	height:44px;
}

#footermoja {    
    width:28px;         
	float: left;         
	background: url('images/designed_by_moja.gif');        
	height:44px;
}

#footerright {        
	background: url('images/footer_bdr_right.gif');         
	width:10px;         
	height:15px;         
	float:right;
}

#footer p {	
	color:#0066CC;        
	font-family:Arial,Helvetica,sans-serif;        
	font-size:0.6em;        
	font-weight:lighter;        
	text-align:left;        
	padding-top:10px;
}

a img {	
	border: none;        
	vertical-align: top;	
}