/**
 * Theme Name: Webstractive
 * Theme URI: http://webstractions.com
 * Description: A child theme of the Hybrid/Outline framework 
 * Author: Ronnie T. Dodger
 * Author URI: http://webstractions.com
 * Version: 0.1
 * Tags: threaded-comments, microformats, translation-ready, two-columns, fixed-width
 * Template: hybrid
 *
 * Copyright (c) 2010 Webstractions.  All rights reserved.
 *
 */

/* Base CSS */
@import url('../hybrid/library/css/25px.css');

/* Plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

body {
	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
	color: #333;
	background: url("images/body.gif") repeat-x scroll 0 -15px #e0e0e0;
}

#body-container {
	overflow: hidden;
	height: 100%;
	width: 100%;
	}

/**
* Elements
**************************************/

/* Links */
a, a:visited {
	color: #356E8B;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color: #ac2e1b;
	text-decoration: underline;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
	}

/* Lists */
.content ul {
	list-style: none;
	}
.content ul li {
	padding: 0 0 0 12px;
	background: url(images/bullet.png) no-repeat 3px 10px;
	}
.content ul li li {
	padding-left: 15px;
	background: url(images/bullet-sub.png) no-repeat 3px 9px;
	}

/* Blockquotes */
blockquote {
	overflow: hidden;
	margin: 0 0 25px 0;
	padding: 25px 25px 0 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #f9f9f9;
	border: 1px dotted #ccc;
	}

/* Code */
code {
	padding: 0 3px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #eee;
	}
pre {
	overflow: auto;
	padding: 15px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #f7f7f7;
	border: 1px solid #eee;
	}
pre code {
	padding: 0;
	background: transparent;
	}

/* Object */
object {
	max-width: 600px;
	}

/* Tables */
table {
	width: 100%;
	background: #fff;
	border: 1px dotted #ccc;
	}
caption {
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	text-align: right;
	color: #666;
	}
td {
	padding: 5px 2%;
	color: #444;
	border: 1px dotted #ccc;
	}
tr {
	background: #fff;
	}
tr.alt, tr.even {
	background: #f6f6f6;
	}
th {
	padding: 5px 2%;
	font: normal normal bold 13px/25px Arial, Verdana, sans-serif;
	color: #444444;
	background: #E0E0F0;
	border: 1px dotted #ccc;
	}
/* Paragraph adjustments, and special classes */
p {
	margin-bottom: 16px;
}
.note, .warning, .alert, .error, .download {
	padding: 25px 25px 25px 50px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
}
.note {
	color: #444;
	border: 1px dotted #ccc;
	background: #e8e8ff url(images/p-info.png) no-repeat scroll 10px 20px;
}

/* Warnings/Alerts */
.warning, .alert {
	color: #444;
	border: 1px dotted #E6DB55;
	background: #fffbbc url(images/p-warning.png) no-repeat scroll 10px 20px;
}

/* Errors */
.error {
	color: #444;
	border: 1px dotted #C00;
	background: #ffebe8 url(images/p-error.png) no-repeat scroll 10px 20px;
}

/* Downloads */
.download {
	color: #444;
	border: 1px dotted #6c3;
	background: #e7f7d3 url(images/p-download.png) no-repeat scroll 10px 20px;
}

/* Series */
.series {
	overflow: hidden;
	margin-bottom: 21px;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 18px 0 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 18px;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 21px auto !important;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 18px 0;
	}
.clear {
	clear: both;
	}
span.pullquote {
	float: none;
	margin: 0;
	}

/**
* Images
**************************************/
img {
	border: none;
	background: none;
	}
.hentry img {
	max-width: 600px;
	}
.singular-attachment .hentry img {
	max-width: 960px;
	}
img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* Gallery [gallery] */
.gallery {
	overflow: hidden;
	margin-bottom: 21px;
	}

/* Captions [caption] */.wp-caption {
	overflow: hidden;
	max-width: 598px;
	padding: 4px 0 0 0;
	background: #f1f1f1;
	border: 1px dotted #ddd;
	text-align: center;
	}
.wp-caption img {
	max-width: 586px;
	margin: 0;
	padding: 0;
	border: 1px dotted #ddd;
	}
.wp-caption .wp-caption-text {
	margin: 0 0 2px 0;
	padding: 0 5px;
	font-size: 12px;
	font-style: italic;
	color: #ae1b22;
	text-align: right;
	background: #f7f7f7;
	}

/* Thumbnails */
.thumbnail {
background:none repeat scroll 0 0 #FFFFFF;
border:1px dotted #CCCCCC;
float:left;
height:75px;
margin:0 15px 9px 0;
padding:9px;
width:75px;
}

/* Avatars */
.avatar {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 15px 6px 0;
	padding: 3px;
	background: #f1f1f1;
	border: 1px dotted #ccc;
	}
.user .avatar {
	margin-bottom: 21px;
	padding: 9px;
	background: #f6f6f6;
	}

/**
 * Secondary menu
 *************************************/
#secondary-menu {
	width: 100%;
	height: 30px;
	background: #181818;
	}
#secondary-menu .menu {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	}
#secondary-menu ul {
	float: left;
	}
#secondary-menu ul li {
	font: normal normal bold 11px/13px Arial, Verdana, sans-serif;
	}
#secondary-menu ul li a {
	padding: 8px 32px 8px 0;
	color: #A0A09B;
	text-decoration: none;
	}
#secondary-menu li.current-menu-item a, #secondary-menu li a:hover {
	color: #E8A02C;
	}
#secondary-menu li.current-menu-item li a {
	color: #A0A09B;
	}

/* Drop-down styles */
#secondary-menu li ul {
	border: none;
	}
#secondary-menu li:hover ul, #secondary-menu li.sfHover ul {
	top: 34px;
	}
#secondary-menu li li:hover ul, #secondary-menu li li.sfHover ul {
	top: 0;
	}
#secondary-menu li li {
	font-weight: normal;
	text-transform: none;
	}
#secondary-menu li li a {
	padding: 9px 75px 9px 25px;
	border: none;
	}
#secondary-menu li li a:hover {
	text-decoration: underline;
	}

/* Sub-nav icon. */
#secondary-menu a.sf-with-ul {
	padding-right: 35px;
	}
#secondary-menu .sf-sub-indicator {
	position: absolute;
	top: 11px;
	right: 18px;
	width: 12px;
	text-indent: -9999em;
	background: url(images/secondary-menu-sub-icon.png) no-repeat 3px 5px;
	}
#secondary-menu li li .sf-sub-indicator {
	background: url(images/secondary-menu-sub-sub-icon.png) no-repeat 3px 0px;
	}

/**
* Header
**************************************/
#header-container {
	height: 120px;
	width: 100%;
	background-color: #282828;
	border-top: 1px solid #666;
	overflow: hidden;
	}
#header {
	background: url(images/logo-header.jpg) no-repeat scroll;
	width: 960px;
	height: 120px;
	margin: 10px auto 0 auto;
}
#site-title {
	margin: 0 0 10px 0;
	font: normal small-caps normal 30px/30px Arial, Verdana, sans-serif;
	display: none;
}
#site-title a {
	color: #999;
	}
#site-description {
	margin: 0;
	font: italic normal normal 15px/15px Georgia, Times, 'Times New Roman', serif;
	color: #666;
	display: none;
	}

/**
* Navigation
**************************************/
#primary-menu {
	height: 34px;
	width: 960px;
	margin: 0 auto;
}
#primary-menu .menu {
	float: left;
	width: 660px;
	height: 34px;
	border-left: 1px solid #ccc;
	}
#primary-menu ul {
	}
#primary-menu ul li {
	font: normal normal bold 11px/13px Arial, Verdana, sans-serif;
	text-transform: uppercase;
	}
#primary-menu ul li a {
	padding: 10px 25px;
	color: #222;
	background:  transparent;
	border-right: 1px solid #ccc;
	text-decoration: none;
	}
#primary-menu li.current-menu-item a {
	background:url("images/primary-menu-active.png") repeat-x scroll 0 0 #E0E0E0;
	border-bottom:1px solid #D0D0D0;
	border-right:3px solid #D0D0D0;
	border-top:medium none;
}
#primary-menu li li.current-menu-item a, #primary-menu li.current-menu-item li a {
	background: #fff;
	border-top: 1px dotted #ccc;
	border-bottom: none;
	}

/* Drop-down styles */
#primary-menu li ul {
	margin-left: -1px;
	}
#primary-menu li:hover ul, #primary-menu li.sfHover ul {
	top: 33px;
	margin-left: -1px;
	background: #fff;
	border-bottom: 1px dotted #ccc;
	}
#primary-menu li li:hover ul, #primary-menu li li.sfHover ul {
	top: 0;
	}
#primary-menu li li {
	font-weight: normal;
	text-transform: none;
	}
#primary-menu li li a {
	padding: 9px 75px 9px 25px;
	border: 1px dotted #ccc;
	border-bottom: none;
	}
#primary-menu li li a:hover {
	background: #fff;
	text-decoration: underline;
	}

/* Sub-nav indicator. */
#primary-menu a.sf-with-ul {
	padding-right: 35px;
	}
#primary-menu .sf-sub-indicator {
	position: absolute;
	top: 11px;
	right: 18px;
	width: 12px;
	text-indent: -9999em;
	background: url(images/primary-menu-sub-icon.png) no-repeat 3px 5px;
	}
#primary-menu li li .sf-sub-indicator {
	background: url(images/primary-menu-sub-sub-icon.png) no-repeat 3px 0px;
	}

/* Search form. */
#primary-menu .search {
	float: right;
	width: 278px;
	height: 21px;
	margin-top:5px;
	background: #fff;
	border: 1px dotted #ccc;
	}
#primary-menu input[type="text"] {
	float: left;
	width: 228px;
	padding: 3px 10px 2px;
	font-size: 13px;
	font-style: italic;
	color: #666;
	background: #fff;
	border: none;
	}
#primary-menu input[type="submit"] {
	float: left;
	font-size: 0px;
	color: #fff;
	padding-left: 10px;
	width: 30px;
	height: 21px;
	background: #fff url(images/search-icon.png) no-repeat 5px 0;
	border: none;
	text-indent: -9999em;
	}

/**
* Content
**************************************/

#container {
	background: #fff url("images/container-widget.gif")  repeat-y scroll 660px 0;
	overflow: hidden;
	width: 960px;
	padding: 25px 25px 0 25px;
	margin: 0 auto 39px auto;
	border: 1px solid #ccc;
	border-top:0; font-family:Arial,Verdana,sans-serif;
}

.content {
	overflow: hidden;
	float: left;
	width: 600px;
	}
.primary-inactive.secondary-inactive .content {
	width: 960px;
	}

/* Breadcrumbs */
.breadcrumb-trail {
	overflow: hidden;
	margin-bottom: 25px;
	font-size: 12px;
	font-style: italic;
	line-height: 25px;
	color: #666;
	}
.breadcrumb-title {
	display: none;
	}
.breadcrumb-trail a[rel="home"] {
	padding-left: 18px;
	background: url(images/home.png) no-repeat 0 1px;
	}
.breadcrumb-trail .sep {
	color: #999;
	padding: 0 3px;
	}
.breadcrumb-trail a {
	font-style: normal;
	color: #356e8b;
	}
.breadcrumb-trail a:hover {
	color: #ac2e1b;
	}

/* Posts */
.hentry {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
	}

/* Post titles */
.entry-title {
	font-family:"Times New Roman",Times,serif;
	font-size: 24px;
	line-height:30px;
	margin-bottom:3px;
}
.entry-title a {
	color: #000;
	text-decoration: none;
	}
.archive .entry-title, .search .entry-title, .home .entry-title, .blog .entry-title {
	font-size: 21px;
	}
.singular .entry-title {
	margin-bottom: 25px;
	}
.singular-post .entry-title {
	margin-bottom: 10px;
	}

/* Byline */
.byline {
	margin: 0 0 9px 0;
	font: normal normal normal 12px/24px Arial, Verdana, sans-serif;
	color: #999;
	}
.singular .byline {
	margin-bottom: 25px;
	}
.byline abbr {
	border: none;
	}
.byline abbr:hover {
	border-bottom: 1px dotted #999;
	}
.byline a {
	color: #356e8b;
	}
.byline a:hover {
	color: #ac2e1b;
	}

/* Entry content. */
.entry-summary p {
	margin: 0 0 9px 0;
	}

/* <!--more--> link */
.more {
	font-style: italic;
	}

/* Entry metadata */
.entry-meta {
	margin: 0;
	font: normal normal normal 12px/24px Arial, Verdana, sans-serif;
	color: #999;
	}
.singular .entry-meta {
	clear: left;
	}
.entry-meta a {
	color: #356e8b;
	}
.entry-meta a:hover {
	color: #ac2e1b;
	}

/* Single post author box. */
.singular-post .author-profile, .singular-post .content .series {
	overflow: hidden;
	margin-bottom: 48px;
	padding: 25px 25px 0 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #fff;
	border: 1px dotted #ddd;
	}
.singular-post .author-profile .author-name {
	margin: 0 0 9px 0;
	font-size: 14px;
	color: #333;
	}
.singular-post .author-profile .author-name a {
	font-style: normal;
	}
.singular-post .author-profile .avatar {
	margin-bottom: 5px;
	padding: 9px;
	background: #fff;
	border: 1px dotted #ccc;
	}
.singular-post .author-profile .twitter {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	text-align: right;
	}
.singular-post .author-profile .twitter a {
	padding-left: 25px;
	background: url(images/twitter.png) no-repeat left bottom;
	}

/* Archives, search, etc. */
.archive-info, .search-info {
	overflow: hidden;
	margin-bottom: 50px;
	padding: 25px 25px 12px 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #fff;
	border: 1px dotted #ccc;
	}
.archive-info p {
	margin: 0 0 13px 0;
	}
.archive-title, .search-title {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #333;
	}

/* Page links */
.wp-pagenavi {
	margin-bottom: 25px;
	text-align: center;
	}
p.pages, .wp-pagenavi {
	color: #666;
	line-height: 24px !important;
	}
p.pages a, .wp-pagenavi a {
	margin: 0 3px 0 2px;
	padding: 4px 10px;
	border: 1px solid #d3d3d3;
	}
p.pages a:hover, .wp-pagenavi a:hover {
	background: #eee;
	}

/**
* Previous/Next Page Navigation
*********************************************/
/* Navigation links */
.navigation-links {
	clear: both;
	overflow: hidden;
	margin: 0 0 25px 0;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 49%;
	}
.navigation-links .next {
	float: right;
	max-width: 49%;
	text-align: right;
	}
 

/**
* Widgets
**************************************/
#primary, #secondary {
	float: right;
	width: 300px;
	}
#secondary {
	clear: right;
	}
#primary .widget, #secondary .widget {
	overflow: hidden;
	margin-bottom: 24px;
	font-size: 13px;
}
.widget-title {
	background-color:#d0d0d0;
	border-bottom:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	font:small-caps 21px "Times New Roman",Times,serif;
	letter-spacing:6px;
	margin-bottom:10px;
	padding:3px 0;
	text-align:center;
}
.widget ul, .content .widget ul {
	list-style: none;
	margin: 0 0 24px 0;
	}
.widget ul ul, .content .widget ul ul {
	margin: 0;
	}
.widget li, .content .widget li {
	background:url("images/bullet.png") no-repeat scroll 10px 10px transparent;
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 5px;
	overflow:hidden;
	padding:0 2px 3px 20px;
}
.widget li li, .content .widget li li {
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	background: url(images/bullet-sub.png) no-repeat 1px 7px;
	border: none;
	}
.widget li a, .content .widget li a {
	color: #333;
	text-decoration: none;
	}
.widget li a:hover, .content .widget li a:hover {
	text-decoration: underline;
}
/* From wp_head filter, we have a filter to remove it 
	.recentcomments a{display:inline !important;padding: 0 !important;margin: 0 !important;} 
 */
.widget li.recentcomments a {
	text-decoration: underline;
}
.widget li.recentcomments a.url {
	text-decoration: none;
}
/* Term/tag clouds. */
p.term-cloud, p.post_tag-cloud {
	overflow: hidden;
	}
p.term-cloud a, p.post_tag-cloud a {
	float: left;
	display: block;
	height: 11px;
	margin: 0 6px 12px 6px;
	padding: 9px 21px 9px 10px;
	font-size: 11px !important;
	line-height: 11px;
	color: #fff;
	background: #000 url(images/tag-icon.png) no-repeat right 0;
	}

/* Content area widgets. */
#content .widget {
	overflow: hidden;
	margin-bottom: 48px;
	padding: 25px 25px 0 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #fff;
	border: 1px dotted #ddd;
	}

/**
* Comments
**************************************/
#comments-template h3 {
	font-size: 1.2em;
	}
#comments {
	border: 1px solid #c0c0c0;
	background-color: #e0e0e0;
	padding: 10px;
}
.comment-list {
	list-style: none;
	margin: 0;
	border-top: 1px dotted #ccc;
	}
.comment-list ol {
	list-style: none;
	margin: 0 0 21px 0;
	border-top: 1px dotted#d3d3d3; 
	}
.comment-list li {
	overflow: hidden;
	margin: 0;
	padding: 21px 21px 0 21px;
	position: relative;
	background: #fff;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
.comment-list li.alt {
	background: #e8e8e8;
	}
.comment-list li.entry-author {
	background-color:#ffc;
	border:1px solid #dda;
	}
.comment-list .avatar {
	float: right;
	font-size:5px;
	height:45px;
	line-height:6px;
	margin:0;
	overflow:hidden;
	padding:5px;
	width:45px;
}
.comment-list .avatar:hover {
	height: 80px;
	width:80px;
}
.comment-meta {
	border-bottom:1px dotted #CCCCCC;
	color:#888888;
	float:left;
	font:12px Arial,sans-serif;
	margin:4px 0 0;
	overflow:hidden;
	padding:7px 3px;
}
.comment-meta cite {
	color: #666;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	}
.comment-meta cite a {
	color:#333;
	text-decoration: none;
	}
.comment-meta abbr {
	border: none;
	}
.comment-meta abbr:hover {
	border-bottom: 1px dotted #999;
	}
.comment-list .comment-text {
	clear:left;
	color: #202020;
	padding:15px 0 0 0;
}

/* Comment form */
#respond {
	background-color:#ffc;
	border:1px solid #dda;
	margin:24px 0;
	overflow:hidden;
	padding:15px;
}
#commentform label, .contact-form label {
	font: 12px Arial, Verdana, sans-serif;
	color: #888;
	}
#commentform input[type="text"], .contact-form input[type="text"] {
	border:1px solid #dda;
	display:inline;
	margin-right:6px;
	width:67%;
}
#commentform p {
	margin-bottom: 15px;
	width: 50%;
}
#commentform p.form-textarea, #commentform p.form-submit {
	width: 98%;
	text-align: center;
}
#commentform p.comment-notes-before, #commentform p.comment-notes-after {
	width: 492px;
	font: 13px/17px Arial,Verdana,sans-serif
}
#commentform p.comment-notes-after code {
	background-color: #ffc;
	line-height: 15px;
}

#commentform textarea, .contact-form textarea {
	border:1px solid #dda;
	display: block;
	width: 98.5%;
	}
.contact-form div {
	margin-bottom: 21px;
	}
.contact-form div.form-label {
	margin: 0;
	}
.contact-form legend {
	display: none;
	}
#submit {
	border: medium double beige;
	padding: 4px;
	background-color: #890E00;
	color: #EEEEDD;
	font-family: Tahoma, sans-serif;
}
#submit:hover, .button:hover {
	cursor: pointer;
	}
span.required {
	font-size: 16px;
	font-weight: bold;
	color: #FF4B33;
	}
/* Quote form */
.wpcf7 {
background-color:#eee;	
border: 1px solid #333;
margin-bottom: 30px !important;
}	
.wpcf7-form {
  font-size: 80%;
  line-height: 16px;
  margin: 20px;
}
/**
* Subsidiary
**************************************/
#subsidiary {
	overflow: hidden;
	width: 1000px;
	margin: 25px auto -25px auto;
	}
#subsidiary .widget {
	float: left;
	width: 220px;
	margin: 0 5px 25px 20px;
	}

/**
* Footer
**************************************/
#footer-container {
	overflow: hidden;
	clear: both;
	background: #fff;
	border-top: 1px dotted #ccc;
	/*border-bottom: 1px dotted #999;*/
	}
#footer {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 48px 0 24px 0;
	color: #333;
	border-bottom: 3px solid #356e8b;
	}
#footer a {
	font-style: italic;
	}
#footer a:hover {
	}

#footer .copyright {
	float: left;
	width: 50%;
	}
#footer .credit {
	float: right;
	width: 50%;
	text-align: right;
	}