/*
Theme Name: Crimson
Theme URI: http://sweylo.com/crimson
Description: Crimson Theme by Sweylo Themes. A theme based on one of my old concept designs of a news reel site. It supports most of the original widgets like search, category (without children), pages (also without children), blogroll, archives, tag cloud, and calendar. Works in almost (doesn't work in IE 6 and below) every browser. Of course no CSS3 rounded corners or shadows in IE 8 and below. Has a few alignment issues on Macs and IE, but nothing major. Enjoy!
Author: Logan Nichols (Sweylo)
Author URI: http://sweylo.com/
Version: 1.0
Tags: red, white, silver, two-columns, fixed-width
*/

/* Resets */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal } ol, ul, li {} caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } a img { border: none } a { text-decoration: none; }

/* General */

html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6, .widget_tag_cloud a, .pages span  { font-family: 'MuseoSlab500', 'Trebuchet Ms', Georgia, serif; }
h1 { font-size: 40px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4, h5, h6 { font-size: 14px; font-weight: bold; }
#header, .pagenav, .post, #sidebar, #footer, .sans { font-family: 'NobileRegular', Lucida Sans Unicode, Lucida Grande, 'Helvetica Neue', sans; }
.clear { clear: both; }
.engrave { text-shadow: 0 1px 0 #fff }
.textshadow { text-shadow: 0 0 4px #000, 0 0 8px #000; }
.shadow-inset { 
	-moz-box-shadow: 0 0 5px #333; 
	-webkit-box-shadow: 0 0 5px #333; 	
	box-shadow: 0 0 5px #333; 
}
.rounded, .pages span  { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.center { text-align: center; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a { outline: 0; }
body { background: url(images/fuzzy.jpg); z-index: 1; }
input[type="text"], input[type="password"], textarea, select { outline: none; }
textarea { overflow: auto; resize: vertical; }
blockquote { font-family: 'NobileItalic'; font-style: italic; margin-left: 10px; }
strong, #wp-calendar caption { font-family: 'NobileBold'; font-weight: bold; }
em { font-family: 'NobileItalic'; font-style: italic; }
ul { list-style-type: square; }
ol { list-style-type: decimal; }
span.left a, span.right a { font-size: 14px; padding: 5px; display: block; margin: -1px 0; }
span.left a:hover, span.right a:hover { color: #fff; }
::selection { }
::-moz-selection { }
@-webkit-keyframes shadow-fade {
	0% { -moz-box-shadow: 0 0 0px #666; -webkit-box-shadow: 0 0 0px #666; box-shadow: 0 0 0px #666; }
	15% { -moz-box-shadow: 0 0 1px #666; -webkit-box-shadow: 0 0 1px #666; box-shadow: 0 0 1px #666; }
	40% { -moz-box-shadow: 0 0 2px #666; -webkit-box-shadow: 0 0 2px #666; box-shadow: 0 0 2px #666; }
	100% { -moz-box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666; }
}
.alignleft { margin: -5px 10px 5px 0; }
.alignright { margin: -5px 0 5px 10px; }
.container {
	width: 920px;
	margin: 0 auto;
}
.content {
	border: solid 1px #000; 
	margin: 0 auto 40px;
	padding: 20px 20px;
	width: 880px;
	background: #fff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	position: relative; top: 20px;
	z-index: 10;
	-moz-box-shadow: 0 2px 10px #999; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 2px 10px #999;
}

/* Header */

#header {
	background: #7D0000;
	padding: 10px 0;
	color: #fff;
	-moz-box-shadow: 0 2px 10px #333; 
	-webkit-box-shadow: 0 2px 10px #333; 
	box-shadow: 0 2px 10px #333;
	z-index: 15;
	border-bottom: solid 1px #000;
}
.logo a, .logo p {
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}
.logo p {
	cursor: default;
}
#header-shadow {
	background: url(images/shadow.png);
	height: 20px;
	width: 100%;
	z-index: 20;
	position: absolute; top: 91px;
}

/* Navigation */

#nav  {
	float: right;
	-moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	border: solid 1px #000;
	border-bottom: none;
	position: relative; top: 40px; left: 1px;
}
#nav li {
	float: left;
	display: block;
	background: #A30000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A30000', endColorstr='#7D0000');
	background: -webkit-gradient(linear, left top, left bottom, from(#A30000), to(#7D0000));
	background: -moz-linear-gradient(top,  #A30000,  #7D0000);
	z-index: 10;
	border-right: solid 1px #7D0000;
	list-style-type: none;
}
#nav li:first-child {
	-moz-border-radius: 5px 0 0 0; 
	-webkit-border-radius: 5px 0 0 0; 
	border-radius: 5px 0 0 0;
	border-left: none;
}
#nav li:last-child {
	-moz-border-radius: 0 5px 0 0; 
	-webkit-border-radius: 0 5px 0 0; 
	border-radius: 0 5px 0 0;
	border-right: none;
}
#nav li:hover {
	background: #960012;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BA0016', endColorstr='#7D0000');
	background: -webkit-gradient(linear, left top, left bottom, from(#BA0016), to(#7D0000));
	background: -moz-linear-gradient(top,  #BA0016,  #7D0000);
}
ul.children { 
	display: none;
	position: absolute; top: 40px;
	border: none;
	padding: 5px;
	background: #960012;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	z-index: 2;
	-moz-box-shadow: 0 2px 10px #000; -webkit-box-shadow: 0 2px 10px #000; box-shadow: 0 2px 10px #000;
}
ul.children li:first-child, ul.children li:last-child, ul.children li {
	background: #A30000;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0;
}
#nav li .children li a {
	width: 200px;
	padding: 5px;
	float: left;
}
ul.children li:hover {
	background: #f00;
}
#nav li:hover .children {
	visibility: visible; display: block;
}
#nav li:hover .children li .children {
	display: none;
}
#nav li .children li:hover .children {
	visibility: visible; display: block;
}
#nav li .children li .children {
	position: relative; right: 210px;
	margin-bottom: -100px;
	margin-top: -45px;
	margin-left: -700px;
	display: block;
	width: 209px;
}
#nav li a:hover {
	text-shadow: 0 -1px 0 #000;
}
#nav li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

/* Main */

#main { width: 660px; }
.post { margin: 0 0 20px; }
.post a { color: #000; }
.post ul, .post ol { margin-left: 10px; }
.post li { margin-left: 20px; }
.post-header, .widgettitle {
	border-bottom: solid 1px #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.post-content, .post-footer, .commentContent { font-size: 14px; }
.post-content a { color: 7d0000; }
.date { margin: 2px 0 -8px; color: #999; }
.post-footer {
	border-top: solid 1px #999;
	padding-top: 10px;
	margin: 10px 0;
	color: #666;
}
.tags { font-size: 12px; color: #999; margin-top: 10px; }
#next-previous { padding-bottom: 10px; }
.pages { margin-bottom: 15px; padding-bottom: 10px !important; }
.pages span { display: inline; padding: 5px 10px; }
.pages a span { 
	background: #999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	background: -moz-linear-gradient(top,  #999,  #666);
}

/* Sidebar - general */

#sidebar { width: 200px; }
.widget, .post {
	background: #f2f2f2;
	padding: 10px 10px 0;
	border: solid 1px #666;
	margin-bottom: 20px;
	list-style-type: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow:inset 0 0 5px #999; 
	-webkit-box-shadow:inset 0 0 5px #999; 
	box-shadow:inset 0 0 5px #999;
}
.widget {
	padding-bottom: 10px;
}
.widget li, span.left, span.right, #s, #submit {
	list-style-type: none;
	margin-bottom: 0px;
	border: solid 1px transparent;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	margin: -1px;
}
.widget a { color: #000; }
.widget li:hover, span.left:hover, span.right:hover, #s:hover, #s:focus, #submit, .widget_tag_cloud a:hover, .pages span  {
	border: solid 1px #7D0000;
	-webkit-animation: shadow-fade 0.05s ease-in;
	-moz-box-shadow: 0 0 5px #444; 
	-webkit-box-shadow: 0 0 5px #444; 
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	background: #960012;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BA0016', endColorstr='#7D0000');
	background: -webkit-gradient(linear, left top, left bottom, from(#BA0016), to(#7D0000));
	background: -moz-linear-gradient(top,  #BA0016,  #7D0000);
}
.widget li a {
	display: block;
	padding: 5px;
	font-size: 14px;
	margin: -1px 0;
}
.widget li a:hover {
	color: #fff;
}
.author-id-1 { background: #FFCCCC; }

/* Sidebar - Search */

.screen-reader-text { display: none; }
#s { 
	padding: 5px; 
	border: solid 1px tansparent; 
	width: 168px; 
	background: url(images/search-icon.png) no-repeat center right; 
	font-family: 'MuseoSlab500', 'Trebuchet Ms', Georgia, serif;
	font-size: 20px;
}
#s:focus, #s:hover { 
	background: url(images/searchbg.png) no-repeat center center; 
	margin-right: 30px;
	padding-right: 25px;
	width: 148px; 
}
#searchsubmit { display: none; }

/* Sidebar - Tag Cloud */

.widget_tag_cloud a { color: #7D0000; border: solid 1px transparent; padding: 0 5px; }

/* Sidebar - Calendar */

#wp-calendar { width: 178px; }
#wp-calendar caption { margin-bottom: 10px; }
#wp-calendar td, #wp-calendar th { background: #ddd; border: solid 1px #666; padding: 2px; text-align: center; cursor: default; }
#wp-calendar tfoot td { background: #ddd; border: none; }
#wp-calendar td a { display: block; background: #bbb; }
#wp-calendar td a:hover { display: block; background: #7D0000; color: #fff; }
#wp-calendar tfoot { background: #ddd; border: solid 1px #666; }

/* Comments */

.commentContent {
	float: left;
	border-right: solid 1px #999;
	margin: -10px 0;
	padding: 10px 10px 10px 0;
	width: 544px;
}
.author-id-1 .commentContent { border-right-color: #ccc !important; }
.comment {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 10px;
	background: #fff; 
	border: solid 1px #000;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	-moz-box-shadow: 0 2px 10px #999; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 2px 10px #999;
}
.author-id-1 { background: #7d0000 !important; border: solid 1px #fff !important; }
.author-id-1 .comment-content { color: #fff !important; }
#respond h2 {
	margin-bottom: 10px;
}
#respond ol {
	margin: 0 0 10px;
}
#respond li {
	margin: 0 0 10px;
}
.avatar {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: solid 1px #999;
	margin-left: -3px;
	margin-right: 1px;
	margin-bottom: -10px;
}
.author-id-1 .avatar { border-left-color: #ccc !important; }
.cite {
	font-size: 12px;
	color: #999;
	margin: 10px -10px 0;
	padding: 10px 10px 0;
	border-top: solid 1px #999;
}
.author-id-1 .cite { border-top-color: #ccc !important; }
.cite a { color: #7d0000; }
.author-id-1 .cite a { color: #fff !important; }
.named { color: #000; }
.author-id-1 .named { color: #fff !important; }
#commentform p {
	margin-bottom: 10px;
}
#commentform { 
	-moz-box-shadow: 0 2px 10px #999; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 2px 10px #999;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	
}
#comment, .info, #in {
	padding: 5px;
	border: solid 1px #999;
	font-family: 'NobileRegular', Lucida Sans Unicode, Lucida Grande, 'Helvetica Neue', sans;
}
#comment, span#in { width: 626px; }
#comment { 
	-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
	border-color: #000;
	border-top-color: #999;
}
.info, #in { width: 201px; float: left; margin: 0 -1px -1px 0; }
.info { border-top-color: #000; }
#author { 
	-moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; 
	border-left-color: #000;
}
#email { width: 202px; }
#url { 
	margin-right: 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; 
	border-right-color: #000;
}
#in { 
	background: #fff;
	border: solid 1px #000;
	-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; 
}
#submit { cursor: pointer; padding: 5px; margin-top: 10px; float: right; position: relative; bottom: 60px; right: 10px; }

/* Footer */

#footer a { color: #000; }
#name { 
	color: #fff; 
	text-shadow: 0 0 2px #7D0000
					,0 0 4px #7D0000
					,0 0 8px #7D0000;
}
p.right img {
	width: 30px;
}
#preload { display: none; }