/*   
Theme Name: Purposive
Theme URI: http://www.purposive.com/
Description: A template designed for Purposive.com.
Author: Brian Rotsztein
Author URI: http://www.redstonex.com/
Version: 1.2
.
General comments/License Statement if any.
.
*/

/* Defaults */
* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 10px;}
.clear {clear: both;}
a {color: #144a8a; text-decoration: none;}
a:hover {color: #144a8a; text-decoration: underline;}
blockquote {background: url(images/bquotes.gif) left top no-repeat; padding-left: 35px; margin: 10px 0 0 10px; font-style: italic;}
code {color: #555;}
body {background: url(images/bg.jpg) top center repeat-x; background-color: #00407E;}

/* Layout Structure */
#page-wrapper {width: 1040px; margin: 0 auto 0 auto;}
#header-top {position: relative; width: 960px; height: 24px; margin: 0 auto 0 auto; background-image: url(images/nav-top.jpg); background-repeat: no-repeat;}
#header-middle {width: 960px; height: 155px; margin: 0 auto 0 auto; background-color: #CCCCCC;}
#header-bottom {width: 960px; height: 40px; margin: 0 auto 0 auto; background-image: url(images/nav-bottom.jpg);}
#body-wrapper {position: relative; /* Fixes browser resizing bug in IE6 */ margin: 0px auto 0 auto; width: 1040px; font-family: 'trebuchet ms', arial, sans-serif; text-align: center; /* IE Centering Technique */ /* background: #000; */}
#wrapper {width: 1040px; text-align: left; /* IE Centering Technique */}

/* Inside the #header-middle */
#logo-space {float: left; width: 385px; height: 155px; background-color: #444444;}
#right-text {float: left; width: 575px; height: 155px; background-image: url(images/right-box.jpg);}
 
/* Top Navigation */
#header-top ul {list-style-type: none; margin-left: 15px;}
#header-top ul li {display: block; float: left; height: 16px; margin: 4px 15px 0px 0; padding: 0 15px 0px 0; border-right: 1px solid #FFFFFF;}
#header-top ul li.rssmenu {border-right: none; text-transform: uppercase;}
#header-top ul li a {position: relative; bottom: 3px; font-family: Arial; font-size: 11px; color: #FFFFFF;}
#header-top ul li a:hover {text-decoration: none; color: #000;}
 
/* "Add This" Settings */
#addthis {position: absolute; top: 4px; right: 230px;}

/* Search Box */
#searchform {width: 215px; height: 24px; background: url(images/searchbox.jpg) left no-repeat; position: absolute; top: 0px; right:10px;}
#searchbutton {width: 55px; height: 22px; background: none; border: none; cursor: pointer; position: relative; top: 2px; padding: 0; margin: 0;}
#searchbox {width: 150px; height: 17px; border: none; background: none; font-family: Verdana; font-size: 12px; color: #555555; padding: 2px; position: relative; left: 6px; top: 1px;}

/* Navigation Bar */
#nav {position: relative; clear: both; height: 32px;}
#nav ul {list-style: none; width: 600px;}
#nav li {float: left;}
#nav li a {padding: 0 15px; height: 32px; line-height: 32px; font-weight: bold; font-size: 11pt; color: #FFF; text-transform: lowercase;}
#nav li a:hover {color: #d3d082; text-decoration: none;}
#nav li.rssmenu a {color: #d3d082;}
#nav li.rssmenu a:hover {color: #fff;}

/* Content */

#main {clear: both; margin: 0 40px; width: 960px; /* Prevents IE6 miscalculation */ background: #fff;}

#contentwrapper {width: 565px; float: left; padding-left: 5px; padding-right: 20px;}
#contentwrapper_fullwidth {
  width: 880px;
  float: left;
  padding-left: 5px;
  padding-right: 20px;
  }

#content .pageTitle {
  font-size: 13pt;
  color: #555555;
  }

.post {
  margin-top: 0px;
  margin-bottom: 1x;
  }

div.post h1 {padding: 15px 10px 2px 10px; font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif; font-size: 13.5pt; font-weight: normal;}
div.post h3 {padding: 15px 10px 5px 10px; letter-spacing: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal;}
div.post h4 {padding: 15px 10px 5px 10px; letter-spacing: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5pt; font-weight: normal;}
div.post h5 {padding: 15px 10px 5px 10px; letter-spacing: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal;}
div.post h6 {padding: 15px 10px 5px 10px; letter-spacing: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: normal;}
h2.postTitle, div.post h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
h2.postTitle a, h2.why a, h2.where a {font-size: 13pt; font-weight: normal; color: #333333;}

#content p.postMeta {padding: 0 10px; font-size: 8pt; color: #7b7b7b;}
.post img {margin: 10px;}
#content p, .postContent p {font-size: 10pt; color: #333;}
.postContent p {padding: 5px 10px;}
.postContent ul, ol {padding: 0 0 0 30px;}
.postContent ul li, ol li {font-size: 10pt; color: #333;}
.comment {border-top: 1px solid #ebebeb;}

#commentslinks {
  float: right;
  text-align: right;
  padding: 5px 10px;
  width: 160px;
  color: #727248;
  font-size: 9pt;
  }

#commentslinks a {
  text-decoration: underline;
  }
input.textbox {border: 1px solid #999999; padding: 3px;}

#comments {
  margin: 0 10px;
  padding: 5px 10px;
  padding-left: 25px;
  font-size: 9pt;
  color: #727248;
  /* background: url(images/comment.jpg) left 5px no-repeat; */
  }

p.comments {clear: both; padding: 5px 10px 5px 5px;}

p.comment {padding: 0 10px;}

p.comments a {
  padding-left: 10px;
  /* background: url(images/comment.jpg) left top no-repeat; */
  font-size: 10pt;
  text-decoration: none;
  }

p.comments a:hover {
  text-decoration: underline;
  }

.commentlist {
  font-size: 10pt;
  list-style: none;
  }

.commentlist li {
  margin: 0 0 5px -25px;
  padding-bottom: 5px;
  }

.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  }

.commentlist cite a {
  }

.comment .commentmetadata a {
  color: #333;
  }

.commentlist p {
  padding: 10px 0;
  }

.comment h3 {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  }

p.comment a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  }

textarea {
  border: 1px solid #999999;
  width: 360px;
  }

.comment #submit {
  width: 118px;
  height: 30px;
  background: url(images/commentbutton.jpg) left top no-repeat;
  border: none;
  font-size: 9pt;
  color: #fff;
  }

.comment #submit:hover {
  cursor: pointer;
  }

.commentbody {
  float:left;
  background-color: #ffffff;
  width: 100%;  
  margin: 10px 0 5px 0;
  padding: 5px 10px 5px 10px;
  }
li.alt div.commentbody {background-color: #f6f6f6;}  
#nextprevious {margin: 10px;}



/* Sidebars */
#sidebars {float: right; margin-top: 0px; margin-left: 15px; padding-top: 5px; width: 350px;}
#quotebox {width: 335px; height: 100px; background-image: url(images/definition.jpg); margin-bottom: 15px;}

#sidebar0 {
  padding: 0 15px 0 0;
  }

#sidebar1 {
  float: left;
  width: 160px;
  }
  
 #sidebar3 {
 	padding: 0 15px 0 0;
 	} 
 #sidebar4 {
 	padding: 0 15px 0 0;
 	} 	
#sidebar-cat {
  padding: 0 15px 0 0;
  }  

#sidebar2 {
  float: right;
  padding-right: 15px;
  width: 160px;
  }

#sidebars h2 {
  font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  padding: 0 0 2px 0;
  color: #555555;
  letter-spacing: 1px;
  border-bottom: 1px solid #e4e4e4;
  }

#sidebars table {
  width: 160px;
  }

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

#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }

#sidebars li ul {
  padding: 0;
  }

#sidebars ul ul li {
  margin: 0;
  padding: 3px 2px 2px 0px;
  color: #333;
  background: url(images/bullet.gif) left 7px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebars a {
  display: inline;
  color: #333;
  text-decoration: none;
  }
#sidebars a.showit {
  color: #727248;
  }
#sidebars a:hover {
  color: #727248;
  text-decoration: underline;
  }

#sidebars p {
  padding: 2px 0;
  font-size: 9pt;
  color: #333;
  }

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:-5px;}

/* Footer*/
#footer {width: 960px; height: 150px; margin: 0 auto 0 auto; background: url(images/footer.jpg) left top repeat-x; clear: both;}
#footerleft {float: left; margin-top: 70px; margin-left: 15px; width: 400px; display: inline;}
#footerleft p a {color: #aecce5;}
#footerleft p {padding: 0; line-height: 16px;}
#footer p {font-size: 10pt; color: #FFF;}

a img {
  border: none;  
  }

.highlight {
  color: #D9D688;
  font-weight: bold;
  }


/* Misc */
.cleared {
  clear: both;
  }

.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;
  }
  
/* New Tag Cloud Style */
#newtagcloud li a {display: block; width: 160px; float: left; color: #666666;}
  
  
/* Quick Form Style */
#quick-form {margin-left: 50px; width: 350px; position: relative;}
#quick-form input.textinput {width: 260px; height: 20px; padding: 4px 3px 0 3px; margin: 5px 0 5px 0; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; color: #444444; font-size: 14px; letter-spacing: 1px;}
#quick-form label {float: left; width: 60px; height: 20px; text-align: right; margin: 5px 10px 0px 5px; padding: 5px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; letter-spacing: 1px;}
#quick-form textarea {width: 260px; height: 90px; padding: 3px; margin: 5px 0 5px 0; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #444444; letter-spacing: 1px; line-height: 120%;}
#quick-form input.submitbutton {cursor: pointer; margin: 5px 0 5px 0; padding: 2px 16px 2px 16px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; border: 1px solid #666666; background-color: #999999;}
#quick-form #output p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 75px; color: #d42800;}
#quick-form #thankyou h6 {font-family: Georgia, "Times New Roman", Times, serif; color: #888888; font-size: 22px; letter-spacing: 2px; line-height: 120%; font-weight: normal;}
#quick-form #thankyou p {font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 14px;}

/* Post Preview Thumbnail Styling */
.clear {
  clear:both;
}
h1.postTitle {
  margin: 0;
  padding: 0;
} 
.postContent-wrapper {
  display: table;
}
.postWidth {
  width: 65%;
}
.postWidth-nothumb {
  width: 100%;
}
* html .postContent-wrapper, * html .postThumb-wrapper {
  display:inline-block;
  height: 100%;
}
.postThumb-wrapper {
  padding: 0 0 0 10px;
  display: inline;
  float: left;
}
.postThumb {
  float:left;
  padding: 7px;
  margin: 19px 10px 0 0 !important;
  border:1px #CCC solid;
}
.postThumb-border {
  float:left;
  clear:left;
  width:150px;
  margin: 0 !important;
  padding: 0 5px;
}
.more-link {display:block;padding:10px 0 18px 0;}

/*** Newsletter Mailing List ***/
#subForm{margin:10px auto;width:230px;}
#subForm label{float:left;width:65px;color:#333333;}
#subForm .input{margin:0 0 10px;width:150px;}
#subForm .submit{left:152px;position:relative;}