/*
Theme Name: Meta Comet Custom
Theme URI: http://spyglasswebsolutions.com/
Description: Meta Comet custom theme
Version: 1.0
Author: Todd Barrs
Author URI: http://www.spyglasswebsolutions.com/
*/

/* Global */

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 14px;
  color: #333;
  margin:0px;
  height:auto;
}

/* classes */

/* Need to set bottom margin for last element in header to zero and set top margin for first elements in columns (and footer to zero in order to move wrapper and middle_right_wrapper flush with header (see "zero-margin" class settings below */
.zero-bottom-margin {margin-bottom:0px; }
.zero-top-margin {margin-top:0px; }

.post_date {
font-size:10px;
color:#660000;
}

.posted_in {
font-size:11px;
}

.post_separator {
float:left;
width:608px;
margin:20px 10px 10px 10px;
}

.previous_post { /* used on single.php only */
float:left;
font-size:10px;
color:#695127;
padding:5px 10px 5px 10px;
}

.next_post { /* used on single.php only */
float:right;
font-size:10px;
text-color:#695127;
padding:5px 20px 5px 10px;
}

.left_column_heading { 
	text-align:center; 
	margin:15px 5px 5px 5px; 
	padding:5px 0px 5px 0px; 
	background: #eee9d5; 
	font-size:14px;
}


/* Begin Page Formatting */

# faux_header {
background:#ffffff;
height:30px;
}

#wrapper { /*wrap */
width:783px;
margin:0px auto;
background:#ffffff url(images/wrapper-faux-filler.gif) repeat-y left;
border:1px solid #000000; /* sets page border */
}

/* begin header formatting */

#header {
background:#ffffff url('images/header.PNG') no-repeat;
height:140px;
width:783px;
}

#logo_link {
 width:280px;
 height:140px;
 float:left;
}

#search_and_nav {
 width:300px;
 height:auto;
 float:right;
 margin-top:30px;
 margin-right:30px;
}

#search_and_nav_links { float:right; margin-top:-10px; padding-right:40px; }
#search_and_nav_links a { font-size: 14px; text-decoration:none; color:#666666; }
#search_and_nav_links a:hover { text-decoration:none; color:#660000; }

#request_info {
background:#D19A75;
float:right;
margin:20px 40px 10px 0px;
padding:5px;
border:1px solid #000000;
width:340px;
}

#request_info a {font-size:13px; color:#ffffff; text-decoration:none; }
#request_info a:hover {text-decoration:underline; color:#000000; }

/* end header formatting */


/*begin left column formatting */

#left_column { /*main*/
background:#5C829B;
float:left;
width:145px;
padding:0px 0px 10px 0px;
}

#left_column ul { margin:0px 10px 0px 10px; padding:0px; list-style:none;  }
#left_column li { 
	text-align:center; 
	padding:8px 0px 8px 0px; 
	font-family:arial; 
	font-weight:bold; 
	color: #ffffff; 
	border-bottom:1px solid #ffffff;
}

#left_column a { text-decoration:none; font-size:13px; color: #ffffff; }
#left_column a:hover { text-decoration:none; color:#660000; /*#D19A75*/ }

/* WP sidebar formatting */
#left_column_wp_sidebar ul { margin:0px 10px 0px 10px; padding:0px; list-style:none;  }
#left_column_wp_sidebar li { 
	padding:5px 0px 0px 0px;
	text-align:left;
	font-family:arial; 
	font-weight:bold; 
	color: #ffffff; 
	border:none;
}
#left_column_wp_sidebar a { text-decoration:none; font-size:12px; color: #ffffff; }
#left_column_wp_sidebar a:hover { text-decoration:none; color:#660000; /*#D19A75*/ }
/* end WP sidbar formatting */

/* interior page formatting */
#middle_column {
	float:right;
	width:638px;
	background:#ffffff;
	padding-bottom:20px;
}

#middle_column h1 { padding:0px 10px 5px 10px; font-size:18px; color:#000000; }
#middle_column h1 a { color:#000000; text-decoration:none;}
#middle_column p { padding:5px 10px 5px 10px; }
#middle_column a {color:#00F; text-decoration:none; }
#middle_column a:hover {text-decoration:underline; }

#middle_column ul {padding:5px 10px 5px 45px;}
#middle_column ol {padding:5px 10px 5px 45px;}

#middle_heading {
float:left;
width:638px;
height:68px;
background: #ffffff url('images/middle-heading.PNG') no-repeat;
margin-bottom:15px;
}

/* end interior page formatting */


/* home page middle column formatting */
#middle_column_home {
	float:right;
	width:638px;
	height:321px;
	background:#ffffff url('images/mc-home-bkgnd.PNG') no-repeat;
	padding-bottom:20px;
}

#middle_column_home_text {
float:right;
width:233px;
height:244px;
margin:71px 14px 0px 390px;
}

#home_page_testimonials {
background:#ffffff;
clear:both;
width:723px;
margin:0 auto;
padding:20px 30px 20px 30px;
}

#home_page_testimonials h1 { padding:0px 10px 5px 10px; font-size:14px; color:#000000; }
#home_page_testimonials h1 a { color:#000000; text-decoration:none;}
#home_page_testimonials p { padding:5px 10px 5px 10px; }
#home_page_testimonials a {color:#00F; text-decoration:none; }
#home_page_testimonials a:hover {text-decoration:underline; }

/* end home page middle column formatting */

#faux_footer { /* used to clear all columns and keep column heights all the same */
background:#ffffff;
height:0px;
clear:both;
}

#footer {
background:#ffffff;
width:783px;
margin:0px auto;
padding-bottom:15px;
}

#footer_nav p{
 width:auto;	
 text-align:center;
 margin-bottom:5px;
 font-size:11px;
}

#footer_nav a { text-decoration:none; color:#666666; }
#footer_nav a:hover { text-decoration:none; color:#660000; }

#footer_copyright { 
 width:783px;
 color:#666666;
 margin-top:15px;
 text-align:center;
 font-size:11px;
}

/* comments formatting */
#post_navigation { /* used to format post and comment navigation */ /* used only in single.php post pages */
 float:left;
 width:638px;
 background:#ffffff;
 margin-bottom:10px;
 margin-top:-10px;
}

#comment_list { width:618px; }
#comment_list ul {margin-left:10px; padding:0px; list-style:none; }
#comment_list li {margin:0px 0px 15px 0px; padding:8px; border:1px solid #CCC }

#comment_list li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

#comment_list cite, #comment_list cite a {  /* controls font elements for comment author info */
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	text-decoration:none;
}

#comment_list cite a:hover{ 
	text-decoration:underline;
}

.commentmetadata a { /* controls font elements for date, time & edit comment info */
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
}

.commentmetadata a:hover{
	text-decoration:underline;
}

.thread-even {
	background-color:#F4F4F4;
}

#comment_list p {
 font-size: 12px;
 padding:10px 0px 0px 0px;	
}

#comment_form {
 width:540px;
 float:left;
 padding:0px 0px 0px 0px;
}

#comment_form textarea {
	width:500px;
	padding:2px;
}

#comment_form #submit {
 margin: 0px 20px 0px 0px;
 float: right;
}

/*wordpress image (caption) styles */
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin SalesForce Form Formatting (DM - 07-14-10) */
form.w2llead {
  text-align: left;
  clear: both;
  margin-left: 75px;
  margin-right: 20px;
}
.w2llabel, .w2linput {
  display: block;
  width: 120px;
  float: left;
  padding:0px 0px 0px 0px;
}
.w2llabel.error {
  color: #f00;
}
.w2llabel {
  clear: left;
  margin: 4px 0;
}
.w2linput.text {
  width: 200px;
  height: 18px;
  margin: 50px 0;
}
.w2linput.textarea {
  clear: both;
  width: 320px;
  height: 75px;
  margin: 10px 0;
}
.w2linput.submit {
  float: none;
  margin: 10px 0 0 0;
  clear: both;
  width: 150px;
}
#salesforce {
  margin: 3px 0 0 0;
  color: #aaa;
}
#salesforce a {
  color: #999;
}

/* End SalesForce Form Formatting */