/*	
Theme Name: Crispp
Theme URI: http://trevorfitzgerald.com/crispp-wordpress-theme/
Description: Crispp is a minimal theme with clean lines that lets visitors focus on your content. A separate administrative section allows you to change the color scheme however you like. The theme is very flexible. Inspired in part by theoatmeal.com.
Author: Trevor Fitzgerald
Author URI: http://trevorfitzgerald.com/
Version: 1.2
Tags: white, light, dark, two-columns, fixed-width, custom-colors, theme-options, threaded-comments
*/

@import url(css/classes.css);
@font-face {
	font-family: baltica;
	src: url(fonts/BookmanC-DemiItalic.otf);
}
@font-face {
	font-family: futuris;
	src: url(fonts/Helvetica.otf);
}
@font-face {
	font-family: baltica;
	src: url(fonts/BalticaC-Bold.otf);
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;	
	background:#000;
	background:url(images/noise.jpg) top center repeat;

}
.grad {
	background:url(images/grad.jpg) top center no-repeat;
}
#primary a {
	color:#000;
	text-decoration:none;
}
#primary a:hover {
	background-color:#ffcc33;
	text-decoration:none !important;
}
.content a {
	text-decoration:underline !important;
}
#wrapper {
	margin:0 auto;
padding:2em 0;
width:965px;
}

#header {
	/*margin: 0 0 2em;*/
	position:relative;
}

#header h2 {
	float:left;
	font-family:"arial black";
	font-size:2.4em;
	line-height:0.4em;
	padding:0.1em 0 0;
	margin-top:-10px;
}
#header h2 a{
	display:block;
	width:260px;
	height:50px;
	background:url(images/logo.png);
	text-indent:-9999em;
}
	#header h2 a:hover {
		text-decoration: none;
		background:url(images/logo_hover.png);
	}
.logo_big {
	/*background:url("images/logo_big.png") repeat scroll 0 0 transparent;*/
	height:62px;
	left:-80px;
	position:absolute;
	top:16px;
	width:32px;
}
#nav {
	float: right;
	margin-top:17px;
}
#nav li {
	margin: 0.5em 0 0;
	float: left;
}
	#nav a {
		display:block;
		font-size:1.2em;
		margin:0 0 0.5em 1.5em;
		color:#efefef;
		text-decoration: none;
	}
	#nav a:hover {
		text-decoration: none;
		color:#ffcc33;
	}

#intro {
	background: #f9f9f9;
	padding: 3em;
	color: #444;
	margin: 0 0 2em;
}
	#intro h2 {
		font-size: 3em;
		line-height: 1.4em;
	}
	#intro h1 {
		font-size: 1.6em;
		line-height: 1.4em;
	}
	#intro h3 {
		margin: 1em 0 0;
		font-size: 1.2em;
	}
		#intro h3 a {
			color: #FF6600;
		}

#primary {
	background:url(images/grad_white.jpg) center 2px no-repeat #fff;
	padding:1.5em 2em 2em;
	
}

#main {
	float: left;
	width: 620px;
}

#main h1,
#main h2 {
	font-size: 1.8em;
	margin: 0.3em 0;
	font-family:baltica;
	line-height:1.3;
}
	#main h2 a {
		text-decoration: none;
		font-family:baltica;
		font-size:1.1em;
	}
	#main h2 a:hover {
		text-decoration: underline;
	}

#main h3,
#main h4,
#main h5,
#main h6 {
	margin: 0.8em 0;
	font-family:baltica;
}
	#main h3 {
		font-size: 1.4em;
	}
	#main h4 {
		font-size: 1.3em;
	}
	#main h5 {
		font-size: 1.2em;
	}
	#main h6 {
		font-size: 1.1em;
	}
.content h2 {
	font-size: 1.4em;
}
.post {
	border-bottom:2px solid #CCCCCC;
margin-bottom:3em;
}
.single .post {
	border-bottom:none;
}
.postMeta {
	font-size: 0.9em;
	line-height: 2em;
}

.content img {
	/*padding: 1em;*/
}
.gallery img {
	/*padding: 0.5em;*/
}

.commentCount {
	float: right;
	text-align: center;
}
	.commentCount a {
		display: block;
		font-weight: bold;
		width: 44px;
		height: 26px;
		font-size: 0.8em;
		padding: 0.4em 0 0 0;
		background-image: url(images/commentBubble.png);
		background-repeat: no-repeat;
		color:#fff !important;
	}
	.commentCount a:hover {
		color:#000 !important;
	}

.postdate {
	background:url(images/grad_date.jpg) right repeat-y #FFCC33;
	color:#000000;
	margin-left:-84px;
	padding:8px 12px;
	position:absolute;
	text-align:center;
	font-size:14px;
	font-family:baltica;
}
	.day {
		font-size: 1.8em;
	}
	.month {
	}
	.year {
		font-size: 0.9em;
	}

.content {
	margin: 1em 0;
}

p {
	line-height: 1.7em;
	margin: 1.5em 0;
}

.content ol,
.content ul {
	line-height: 1.7em;
	margin: 1.5em 3em;
}

.content ol {
	list-style: decimal;
}

.content ul {
	list-style: disc;
}

#sidebar {
	margin-left: 700px;
	color: #ccc;
	font-size: 0.9em;
	color: #999;
}
#sidebar .widget {
	margin:2em 0 3.5em;
}

#sidebar .searchInput {
	width: 170px;
}

.widgettitle {
	border-left:7px solid #FFCC33;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	letter-spacing:2px;
	margin:0 0 0.5em;
	padding-left:6px;
	text-transform:uppercase;
}

#sidebar li {
	border-bottom: 0.1em solid #ddd;
}
	#sidebar li a {
		/*display: block;*/
		padding: 0.4em;
		line-height: 2.2em;
	}

	#sidebar li ul a {
		padding: 0.4em 0.4em 0.4em 1em;
	}
	#sidebar li ul li {
		border-bottom: none;
	}

#sidebar .rss-date {
	font-size: 0.9em;
	color: #aaa;
}

#sidebar .rssSummary {
	padding: 0.5em 0 1em 1em;
}

#sidebar #recentcomments li {
	padding: 0.4em;
}

#sidebar .widget_calendar {
	margin: 2em auto;
	text-align: center;
}
	.widget_calendar table {
		width: 80%;
	}
	.widget_calendar caption {
		font-weight: bold;
		margin: 0 0 0.5em;
	}
	.widget_calendar thead {
		background: #999;
		color: #fff;
	}
	.widget_calendar th,
	.widget_calendar td {
		padding: 0.2em;
	}
		.widget_calendar tbody a {
			display: block;
			font-weight: bold;
		}

.commentlist li {
	background: #f7f7f7;
	margin: 0 0 2em;
	padding: 1em;
}
	.commentlist li.author {
		background: #feffcb;
	}
.commentlist .name {
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
}
	.commentlist .name a {
		color: #0082ff;
	}
	.commentlist .date {
		font-size: 0.8em;
		color: #aaa;
	}
	.commentlist .comment-text {
		margin: 1em 0 0;
	}
.authorAvatar {
	float: left;
}
.avatar {
	padding: 0.3em;
	border: 0.2em solid #EBEBE4;
}
.comment {
	margin: 0 0 1.4em 100px;
}
.comment-no-avatar {
	margin: 0 0 1.4em 0;
}
	.comment code {
		background: #fff;
		padding: 0.4em;
	}
.actions {
	float: right;
	color: #ddd;
}
	.actions a {
		 font-size: 0.8em;
		 font-style: italic;
	}
.cancel-comment-reply {
	float: right;
}
	.cancel-comment-reply a {
		 font-size: 0.8em;
	}
		.comment-text p {
			font-size: 0.9em;
		}
		.children li {
			border-left: 0.2em solid #ddd;
		}

	.loggedIn {
		font-size: 0.8em;
		margin: 0 0 1em;
		color: #444;
	}

#footer {
	background: #ddd;
	margin: 1em 0;
	color: #444;
	font-size: 0.9em;
}
	#footer .widget {
		float: left;
		width: 260px;
		padding: 2em;
	}

#footer ol,
#footer ul {
	line-height: 1.7em;
}

#credits {
	text-align: center;
	color: #777;
	font-size: 0.8em;
	padding: 1em 0;
}

#credits a {
	color: #0082FF;
}

blockquote {
	margin: 0 2em;
	padding: 0 0 0 1em;
	border-left: 0.2em solid #ccc;
	color: #333;
}

cite {
	font-size: 0.9em;
	font-style: italic;
}
	cite a {
		font-style: italic;
	}

pre {
	margin: 1em 3em;
	background: #f9f9f9;
	padding: 1em;
}

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.edit {
	float: right;
	font-size: 0.8em;
}

.success {
	margin: 1em;
	padding: 1em 1em 1em 3em;
	color: #4f8a10;
	font-size: 0.9em;
	line-height: 1.4em;
	background: #dff2bf url(images/tick.png) no-repeat 1em 1em;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	/*border: 0.1em solid #ddd;
	text-align: center;
	background: #efefef;
	padding-top: 0.4em;
	margin: 1em;*/
}

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

.wp-caption p.wp-caption-text {
	font-size: 0.8em;
	line-height: 1.4em;
	/*padding: 0 0.4em 0.5em;*/
	margin: 0;
}


.net_section {
	border-top:1px solid #ccc;
	/*background:url(images/grad.png) top left no-repeat;*/
	padding:20px 0;
	
}
.net_section .service {
	width:120px;
	text-align:right;
	float:left;
	margin-right:20px;
}
.net_section .service img {
	vertical-align:middle;
}
.service a:hover {
	background:none !important;
}
.service_content {
	float:left;
	width:470px;
}
.services p {
	margin:0;
}
.twitter {
	margin-top:20px;
}
.tweet_date {
	color:#ccc;
	font-size:11px;
}
.tweet {
	margin-top:10px;
}
.del_link {
	display:block;
	margin-bottom:20px;
}
.article_tags a {
	color:#595959;
	padding:2px 4px !important;
	border:1px solid #ccc;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:1px;
	text-decoration:none;
	margin-right:5px;
	font-size:11px;
	text-transform:uppercase;
	border-left:3px solid #333;
	-moz-box-shadow:1px 1px 2px #CCCCCC;
	font-family:calibri, "myriad pro", arial, helvetica, sans-serif;
}
.article_tags a:hover {
	background:url(images/grad.png) top left no-repeat;
	color:#000;
	border-left:3px solid #333;
}
.article_tags {
	margin:15px 0 30px 0;
}
.article_tags span {
	color:#999;
	text-transform:uppercase;
	font-size:11px;
	padding:3px 4px 3px 0; 
	margin-right:3px;
}
#sidebar .article_tags a {
	display:block;
	float:left;
	margin:0 10px 10px 0;
	font-size:15px;
}


#main .post.category-quotes .content {
	
}
#main .post.category-quotes .content p{
	margin:0;
	font-family:times, serif;
	font-size:1.4em;
	font-style:italic;
	line-height:1.2em;
	margin:0.3em 0 0;
	width:70%;
	margin-left:10%;
}
#main .post.category-quotes .postMeta{

}
.quote_author {
	margin:18px 0 30px 10%;
	font-weight:bold;
}
.cats {
	padding-bottom:1em;
	border-bottom:2px solid #ccc;
	margin-bottom:1em;
}
.cats br {
	display:none;
}
.cats a {
	display:block;
	float:left;
	margin-right:20px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	padding:7px;
	text-shadow:1px 1px 1px #fff;
	font-size:14px;
	letter-spacing:0.8px;
}
.cats li {
	list-style:none;
}
.cats a:hover,
.current-cat a {
	background:#ffcc33;
	text-decoration:none;
}
#main h2.title_tag {
	background:#ffcc33;
	padding:1em;
	font-size:1em;
	font-family:arial, helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
	font-style:normal;
}
#main h2.title_tag span {
	font-weight:normal;
	font-style:italic;
}
.aboutme {
	line-height:1.4;
	padding:10px 0;
}
.aboutme .avatar {
	margin-right:20px;
}