/*  
Theme Name: Planet Earth Bags
Theme URI: http://www.planetearthbag.com
Description: Planet Earth Bag
Version: 1.1
Author: Best Online Results
Author URI: http://www.bestonlineresults.com/
Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns
*/

img {border:#fff;}

* { margin: 0; padding: 0; outline: none; }

a:link, a:visited, a:active { color: #737372; text-decoration:underline; }
a:hover { color: #000; text-decoration:underline; }

body { background: #FFFFFF url(img/body-bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 12px; color: #666;  }

#wrapper { width: 1010px; margin: 0 auto; }

#header { width: 1010px; height: 184px; position:relative; }
a.logo { width: 320px; height: 108px; float: left; background: url(img/logo_planet.png); margin-top: 45px; }
a.logo span { display: none; }

/* -- menu --*/

#headerMainMenu, #headerMainMenu ul, #headerMainMenu li {float:left;}
#headerMainMenu {margin-top:52px;}
#headerMainMenu ul {width:122px; margin:0 0 0 30px; padding:0px;}
#headerMainMenu ul li {width:132px; list-style:none;}
#headerMainMenu ul li a {float:left; clear:both; width:120px; padding:8px 0 8px 25px; margin:0 0 0 2px;}
#headerMainMenu ul li, #headerMainMenu ul li a {color:#fff; text-decoration:none;}
#headerMainMenu ul li a:hover {text-decoration:underline;}
#headerMainMenu ul li.item1 a {background:url('img/earth_icon.png') no-repeat center left; border-bottom:2px dotted #709a5a;}
#headerMainMenu ul li.item2 a {background:url('img/earth_icon.png') no-repeat center left; border-bottom:2px dotted #709a5a;}
#headerMainMenu ul li.item3 a {background:url('img/earth_icon.png') no-repeat center left; border-bottom:2px dotted #709a5a;}
#headerMainMenu ul li.item4 a {background:url('img/earth_icon.png') no-repeat center left; border-bottom:2px dotted #709a5a;}
#headerMainMenu ul li.item5 a {background:url('img/earth_icon.png') no-repeat center left; border-bottom:2px dotted #709a5a;}
#headerMainMenu ul li.item6 a {background:url('img/earth_icon.png') no-repeat center left; border-bottom:2px dotted #709a5a;}

.right {
    width:200px;
    float:right;   
}

/* --- Sidebar Bags ---*/

.bag_holder {
     border-bottom:2px dotted #709a5a;
     padding:16px 0 16px 0;
     margin-bottom:2px;
}

.bag_text {
      color:#000;
      font-style:italic;
      font-size:12px;
      text-align:center;
      width:100%;
      margin-top:8px;
}

.treephone {
     background:url('img/phonenumber.png') no-repeat;
margin-top:50px;
     width:301px;
     height:58px;
     float:right;
}

.getquote {
    background: url('img/getquote.jpg') no-repeat;
    width:250px;
    height:127px;
}

.right {
    float:left;
    width:150px;
margin-right:32px;
}
.search { float: right; margin-top: 55px; }
.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }

#subheader { background: url(img/subheader-bg.png) no-repeat; width: 800px; height: 163px; float: left; }
#subheader p { font-size: 10px; margin: 55px 0 0 10px; width: 460px; }

/*
	script stuff 
*/
.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }

#content { width: 540px; float: left; }
#content a {color:#0066CC;}

.post { width: 540px; margin-bottom: 50px; }
.post h2 a { color: #24446b; font-weight: normal; text-decoration: none; font-size: 18px; }
.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 560px; float: left; }
.post p { line-height: 22px; margin-bottom: 10px; }
.post div.cats { border-top: 5px solid #739c5e; padding-top: 10px; }

#sidebar_holder {
     width:250px; float:right; margin-left:32px;
}

#sidebar { width: 200px; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding-bottom: 5px; border-bottom: 1px dotted #739c5e; margin-bottom: 15px; }
#sidebar ul li ul li { margin: 0; border: none; padding: 0; }
#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 165px; background: url(img/earth_icon1.jpg) no-repeat 0px 7px; color:#737372; }
#sidebar ul li h2 { font-size: 16px; color: #474747; padding-bottom: 9px; font-weight: normal; }
#sidebar a {font-weight:bold; text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}

#sidebartwo ul { list-style-type: none; }

.navigation .previous {float:left;}
.navigation .next {float:right;}

#footer { clear: both; width: 100%; background: #fff; border-top:#709a5a 2px solid; padding: 20px 0; margin-top: 20px; color:000; position:relative; }
#footer .inner { width: 960px; margin: 0 auto 0 auto; }
.holder { width:650px; margin:auto; }
#footer li {
      float:left;
      border-left:#ccc 1px solid;
      padding:10px 15px 10px 15px;
      list-style:none;
      font-size:14px;
      font-weight:bold;
}

.end {
        border-right:#ccc 1px solid;
}

/*
	.comments template styles
*/

.comments { float: left; padding: 0; }

.comments input[type=text], textarea { width: 350px; }

textarea { width: 450px; }

.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }

.comments p { padding: 0 0 10px 0; }

.comments h2 { padding: 0 0 15px 0; }

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

	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
	
	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
	
	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.avatar {float:right;}

/* -- Contact form -- */

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 32px 0; width: 490px; }
ol.forms li { 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
}
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 60px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #ff9800;
	border: none;
	color: #000;
	cursor: pointer;
	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 400px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: 400px; }

h2 {font-size:16px;}