/*  
Theme Name: JoAnn Zarick New Theme
Theme URI: http://www.joannzarick.com
Description: Built for PPC by Design
Version: 2.0
Author: Krupananda M
Author URI: http://www.ceruleaninfotech.com

*/

/* Layout and Styles for the site as a whole begin below */

html { padding: 0; margin: 0; }

img {
     border:0px;
     margin:0px;
     padding:0px;
}

body {
	margin:0;
	padding:0;
	background:url(images/bg_body.gif);
	font-family:Arial;
	font-size:13px;
        text-align:center;
}

body {
    text-align:-moz-center;
}
	
#mainContainer {
	margin: 0 auto;
	padding: 0;
        width:770px;
	border: 1px solid #020238;
	border-top: none; /* Fixes FF bug */
	background: white;
        text-align:left;
	}


/* Layout and Styles for the Left Content begin below */

#leftContent {
   float: left;
   width: 480px;
   margin: 0;
   }

#leftContent a, #leftContent a:visited {
   text-decoration: none;
   color: #000099;
   } 

#leftContent a:link, #leftContent a:visited {
   text-decoration: none;
   color: #000099;
   }    
   
.post {
   padding: 10px;
   text-align: justify;
   }   

#postTitle h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   padding: 0;
   margin: 0;
   color:#000099;
   }  
   
#postTitle a:hover {
   position: relative;
   left: 0px; 
   }  
   
#postTitle {
   background: none;
   }   
   
#postTitle a, #postTitle a:visited {
   font-size:18px;
   text-decoration: none;
   color: #000099;
   } 

#postTitle a:link, #postTitle a:visited {
   font-size:18px;
   text-decoration: none;
   color: #000099;
   }      
   
.postmetadata {
   font-size: 11px;
   }   

.postmetadata img {
   position: relative;
   top: 4px;
   right: 3px;
  }   
  
.alt { 
   background: #edecf7;
   padding: 2px;
   border: 1px solid #cccccc;
   }   
   
#archiveTitle h1 {
   padding: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:22px;
   }   
   
.post h3 {
   margin: 0px;
   padding-bottom: 3px;
   }   
   
/* Layout and Styles for the Side Navigation begins below */
   
#sideNav {
   float: right;
   width: 250px;
   margin: 5px 8px;
   } 
 
   
.sideBoxes {
   border: 1px solid #cccccc;
   /*background: #edecf7; */
   background:#FFF8C6;
   margin-bottom: 10px;
   padding:5px;
   margin-top:5px;
   }
      
   
#sideNav p {
   padding: 0px;
   }   	
   
#sideNav a, #sideNav a:visited {
   font-size:12px;
   text-decoration: none;
   color: #000099;
   } 

#sideNav a:link, #sideNav a:visited {
   font-size:12px;
   text-decoration: none;
   color: #000099;
   }

  
#sideNav ul {
    padding: 0;
	margin: 0;
	list-style-type: none;
	}	

	
#sideNav ul li ul {
    padding: 5px;
	margin: 0;
	margin-bottom: 5px;
	list-style-type: none;
	}	
		
	
#sideNav form {
   margin: 0px;
   padding: 0px;
   }
   
   
#clearer {clear: both; }     


/* added by cerulean */

#header {
     /*background: url(images/ppc_blog_header1.gif) center top no-repeat;*/
     width:770px;
     /*height:184px;*/
}

#header_nav {
    background: url(images/blog_navigation_bg.gif) left bottom repeat-x;
    height:28px;
    width:100%;
    /*padding-top:184px;*/
    float:left;
    padding:0px;
}

span.tagline {
     color:#FFCC33;
     font-weight:600;
     font-style:italic;
     padding-top:3px;
     padding-left:5px;
     display:block;
     width:350px;
     float:left;
}

span.navi_links {
     color:#ffffff;
     font-weight:600;
     padding-top:3px;
     display:block;
     width:400px;
     float:left;
     text-align:center;
}

a.toplinks {
   font-weight:600;
   font-size:12px;
   color:#ffffff;
   text-decoration:none;
}

a.toplinks:visited {
   font-weight:600;
   font-size:12px;
   color:#ffffff;
   text-decoration:none;
}

a.toplinks:hover {
   color:#FFFF33;
}

h1,h2,h3,h4,h5,h6,em,ul,ol,li {
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
	font-style:normal;
}	
#ppc {
	width:940px;
	margin:0 auto;
	background:#ffffff url(images/header_logo.jpg) no-repeat;
}

a.logo {
width:175px;
height:170px;
display:block;
position:absolute;
left:47px;
top:10px;
border:1px solid #ff0000;
}

.left_nav {
	width:250px;
	float:left;
	background:url(images/successtips.jpg) no-repeat 50% 20px;
	padding-top:100px;
}

.left_nav1 {
	width:250px;
	float:left;
	background:url(images/successtips.jpg) no-repeat 50% 20px;
	padding-top:75px;
}

.left_nav .blue {
	color:#141473;
}
.left_nav a.blue, .lock a {
	color:#141473;*font-size:10px;font-weight:bold;text-decoration:none;
}
.left_nav a.blue:hover {
	color:#141473;
text-decoration:underline;
}
.left_nav .wrap {
	padding:0px 27px;
}
.left_nav ul {
	padding:10px 0px;
}
ul.left_nav_links li {
	background:url(images/mouse.jpg) no-repeat left top;
	height:45px;
}
ul.left_nav_links li a {
	font-weight:bold;
	color:#1b1a78;
	display:block;
	padding:10px 0px 0px 100px;
        text-decoration:none;
}

ul.left_nav_links li a:visited {
	font-weight:bold;
	color:#1b1a78;
	display:block;
	padding:10px 0px 0px 100px;
        text-decoration:none;
}

	
.lock {
	background:url(images/lock.gif) no-repeat 1% 50%;
	padding:0px 10px 5px 25px;
	font-size:11px;
}

.frm_comp {
	border:1px solid #cad7a6;
	margin:2px 0px;
	width:177px;
}

.hintTextbox {
        border:1px solid #cad7a6;
	margin:2px 0px;
	width:177px;
}

.hintTextboxActive{
        border:1px solid #cad7a6;
	margin:2px 0px;
	width:177px;
}


.but {
	height:26px;
	width:182px;
	background:url(images/report.gif) no-repeat;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	border:none;
	margin:0px;
	padding:0px;
}

.content {
	width:690px;
	float:right;
	padding-top:55px;
}
.main_content {
	width:460px;
	float:left;
        text-align:justify;
}

.main_content h1 {
       color: #000099; 
       font-size: 20px;
}

.main_content h2 {
       color: #000099; 
       font-size: 18px;
}

.main_content a:link, a:visited {
   color: blue;
   font-size: 13px;
   }

.right_content {
	width:230px;
	float:right;
}	
.right_content .wrap {
	text-align:center;
	padding:0;
	
}
#footer {
	clear:both;
	background:#4241a9;
	color:#FFFFFF;
	text-align:right;
	padding:10px;
	font-size:12px;
        height:auto;
}
.heading {
	font-size:13px;
	font-weight:bold;
}
.clr {
	clear:both;
}
.wrap {
	padding:20px;
}

.wrap1 {
	padding:20px;
        padding-left:25px;
}
.dot_line {
	height:5px;
	border-bottom:1px dashed #b5b6b7;
        display:block;
}

h2.dot_linehead {
	height:20px;
	border-bottom:1px dashed #b5b6b7;
        display:block;
        /*color:#010066;*/
        color:#996600;
        font-size:15px;
}

.space10 {
	height:10px;
	overflow:hidden;
}	
.space20 {
	height:20px;
	overflow:hidden;
}	
.blue_box {
	margin:0 auto;
	background:#21207b url(images/rightimage.jpg) no-repeat left bottom;
	width:165px;
	padding:15px;
	color:#FFFFFF;
	text-align:left;
}

.blue {
	color:#0465c9;
}

.orange {
	color:#d05e02;
}
.text_center {
	text-align:center;
}

.footerlinks {
     color:#ffffff;
     text-align:center;
     width:100%;
}

a.footera {
     color:#ffffff;
     text-decoration:none;
     font-weight:600;
}

a.footera:visited {
     font-weight:600;
     color:#ffffff;
     text-decoration:none;
}

a.footera:hover {
     color:#ffffff;
     text-decoration:underline;
}

body:first-of-type .spacesafari {
height:10px;
over-flow:hidden;
}

/* added by cerulean ends */