/*
Theme Name: CWCFromScratch
Theme URI: http://underscores.me/
Author: pfm
Author URI: http://underscores.me/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/**********************************************************************************/
body {
	font: 12px Helvetica, Arial, sans-serif;
	color: #383838;
	line-height: 16px;
}
/********************************************************************************/
#content {
	width: 630px;
	text-align: left;
	border: solid 1px #CCCCCC;
	float: left;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	display: inline;
}
#sidebar-1 {
	width: 165px;
}
#sidebar-2 {
	width: 165px;
}
#logo {
	padding:0px;
	border: 0px;
	background: none;
}

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

.figure {
	margin: 0px;
}

.entry-meta {
	width: 120px;
	height: auto;
	text-align: right;
	border: none;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: block;
}

.entry-date {
	font-size: 16px;
	color: #534e4f;
	font-weight: bold;
	line-height: 20px;
}

.byline {
	line-height: 20px;
	font-size: 14px;
	color: #534e4f;
}

.category {
	line-height: 30px;
	font-size: 12px;
	color: #534e4f;
	margin: 10px 0px -5px 0px;
	display: block;
}

.comments-link {
	line-height: 30px;
	font-size: 13px;
	color: #534e4f;
	padding: 0px;
	margin: 10px 0px -5px 0px;
	display: block;
}

.entry-content {
	width: 480px;
	text-align: left;
	border: none;
	float: left;
	display: block;
	margin-top: -1.2em;
	padding-top: 5px;
}

.featured img {
	width: 630px;
	border: none !important;
	float: left;
	display: block;
	margin: 0px !important;
	padding: 10px 0px 10px 0px !important;
}

.smallimg img {
	border: none !important;
	float: left;
	display: block;
	margin: 0px !important;
	padding: 2px 15px 1px 0px !important;
}

.overhang img {
	width: 630px;
	border: none !important;
	float: left;
	display: block;
	margin: 0px 0px 0px -145px !important;
	padding: 5px 0px 15px 0px !important;
}

.legacyimage img {
	border:  none !important;
	padding: 5px 20px 5px 20px !important;
	margin-top: 3px !important;
}

.smallitem img {
	border:  0px !important;
	padding:  0px !important;
	margin-right: 15px !important;
	margin-bottom: 10px !important;
	margin-top: 3px !important;
	-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.47);
	box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.47);
}

.nav-next {
	float: right;
	display: block;
}

.nav-previous {
	float: left;
	display: block;
}

.assistive-text {
	display: none;
}

.widget-title {
	font-size: 14px;
	color: #534e4f;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 5px;
}

/********************************************************************************/
.widget-area {
	text-align: left;
	width: 182px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 5px 15px 15px 15px;
	background-color:#FFFFFF;
	font-size: 12px;
	display: inline;
}
.sidebarborderless {
	text-align: left;
	padding: 20px;
	float: left;
	margin: 5px;
}
.post {
	border-bottom: solid 1px #CCCCCC;
	padding-top:0px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	display: block;
	float: left;
	clear: both;
}

.page-header {
	border-bottom: 1px solid #cccccc;
	width:  500px;
	padding: 10px 10px 0px 10px;
	margin: 5px 0px 15px 5px;
	display: block;
	float: left;
	clear: both;
	color: #797676 !important;
}

.post img{
	padding: 5px;
	margin-right: 10px;
	float: left;
	}
	
.postentry img{
	padding: 5px;
	margin-right: 10px;
	float: left;
	}

.post-title {
	color:#000;
	margin:0px;
	margin-bottom:2px;
}
.postmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 11px;
	color: #888;
	}
	
.invisible{
	color: #FFFFFF;
	}

/**********************************************************************************/
/*Typography*/
h1,
h2,
h3{	font-family: Helvetica, Arial, sans-serif; }

/*h1 { text-indent: 0px; margin: 0; display: none;}*/
h2 { margin-top: 5px; margin-bottom: 0; font-size: 28px; color: #534e4f; line-height: 25px; clear: both;
}
h2 a { color: #534e4f; }
h3 { font-size: 14px; color: #534e4f; }

p {
	line-height: 16px;
	margin: 1.2em 0;
	color: 484344;
}

ol, ul {
	line-height: 1.5em;
	margin: 1.1em 0 1.1em 2em;
	-webkit-padding-start: 0px;
	}
ul li,
ol li{ margin-bottom: 0.2em; }

img, a img{ border:0px;}

a { color: #898900; text-decoration: none; }

a:hover { color: #C8C800; text-decoration: none; }

em{
	font-style: italic;
		}
		
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 1em;
	}

pre{
	display: block;
	margin: 1.0em 1.5em 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #ccc;
	background-color: #eee;
	overflow: auto;
	}

code{font-family: monospace;  font-size: 11px; background-color: #eee;}
pre code{ line-height: 1.3em;}

kbd{
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

del, del * { text-decoration: line-through; }

.small {
	font-size: 0.9em;
	color: #666;
	}
/***********comments***************/

#comment{
	width: 100%;
	display: block;
}

#respond{
	width: 100%;
	display: block;
	clear:  both;
}

#comments{
	clear: both;
	padding: 1px 0px 0px 0px;
}

.comment-meta {
	float: left;
	display: block;
	width:  100px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 20px;
	clear: left;
	}
	
.comment-content p {
	margin-top: 1px;
	}
	
.comment-content {
	float: left;
	display: block;
	width: 470px;
	margin-bottom: 20px;
	}
	
.reply {
	float: right;
	display: block;
	}
	
.commentsmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 0.9em;
	color: 666666;
	}
	
.comments-title {
	margin:20px !important;
	font-size: 16px;
	display: block;
	text-align: center;
	clear: both;
}

ol.commentlist { 
	list-style-type:none;
	padding-left: 0px;
}

.form-allowed-tags {
	display: none;
}

p.comment-form-comment label {
	display:none;
}

/*********sidebars***************/
.widget-title h1 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	color: #534e4f;
	background: url(images_crime2/arrow.gif) no-repeat center right;
	font-size: 1.1em;
	}

.widget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.widget ul ul {
	margin: 2px 0 1.5em 0;
	border-top: 1px solid #534e4f;
	}
.widget ul ul li {
	padding: 0 0 0 5px;
	border-bottom: 1px solid #CCCCCC;
	}
.widget ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 2px 10px 0 10px;
	} 
.widget ul ul li a:hover {
	background-color: #FAFAFA;
	}
/****************************/
.linkpermanent{
	padding: 0 0 0 17px;
	background: url(images_crime2/permalink.gif) no-repeat center left;

}
/**********forms*********/
.form input, .form textarea, .form select {
	border: 1px solid #534e4f;
	background-color: #F3F3F3;
	color: #666;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	}
	
/*******static page*********/
#page {
	border-bottom:solid 1px #666666;
	padding-top:15px;
	padding-bottom:0px;
}
#page img{
	border: 1px solid #666666;
	padding: 5px;
	margin-right: 10px;
	float: left;
	}
.page-title{
	color: #797676;
	margin:0px;
	margin-bottom: 20px;

}
/**********gravatar***************/
.gravatar{
	float:right;

}
/*********comments***************/
.comments-author{
	border:1px solid #666;
	background-color: #95FFCE;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.comments-author li {
	border:1px solid #666;
	background-color: #95FFCE;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
.comments-author li:hover{ background-color: #fff; }
/**********************************************/
#searchform{
width:100%;
}
