/*
Theme Name: Monochrome
Theme URI: http://wpcrunchy.com/
Description: A Crunchy Wordpress Theme
Author: WPCrunchy
Version: 1.0
Tags: two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, microformats
*/

/* ------------------------------------ :[ Reset default browser CSS ]: */

@import url('library/css/reset.css');
@import url('library/css/text.css');
@import url('library/css/960.css');
@import url('library/css/default.css');

/* ---------------------------------------------- :[ Global Elements ]: */

body { color:#444; background-color:#e2e2e2; }
a:link,
a:visited { color:#b95123; }
input[type="text"],
textarea {
	padding: 5px 7px;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-bottom: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	background-color: lightGrey;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus,
textarea:focus {
    background-color:#c4d9e3;
    border-top:1px solid #8e9aa2;
    border-left:1px solid #8e9aa2;
}

/* --------------------------------------------- :[ General Elements ]: */

#wrapper { background:url(library/images/bg-wrapper.png) repeat-y top center; }
#main { padding-top:15px; background:url(library/images/bg-main.png) repeat-y top center; }
.page-template-page-onecolumn-php #wrapper,
.page-template-page-onecolumn-php #main,
.page-template-page-fullwidth-php #wrapper,
.page-template-page-fullwidth-php #main,
.single-attachment #wrapper,
.single-attachment #main { background-image:none; }
.single-attachment.fullwidth #content { width:940px !important; }

/* -------------------------------------------------------- :[ Fonts ]: */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('library/fonts/BebasNeue-webfont.eot');
    src: url('library/fonts/BebasNeue-webfont.eot?iefix') format('eot'),
         url('library/fonts/BebasNeue-webfont.woff') format('woff'),
         url('library/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('library/fonts/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
    font-weight: normal;
    font-style: normal;
}
#site-description,
#access .sf-menu li a, 
#accordion ul li span.caption,
#content .entry-title,
#panels .panel-link,
#site-info, #comments label,
#comments input[type="submit"],
#comments input[type="reset"] { font-family:Arial, Helvetica, sans-serif; }
#sidebar .widget-title { font-family: 'BebasNeueRegular', sans-serif; }

/* ------------------------------------------------------- :[ Header ]: */

#header { padding:0; border-bottom:1px solid #b1b1b1; background-color:#186c74; }
#masthead { width:auto; }
#branding { position:relative; width:960px; padding:30px 0 15px 0; margin:0 auto; }
#site-title a { color:#fff; font-size:34px; text-transform:uppercase; text-shadow:#000 1px 1px 1px; }
#site-description {
	padding: 0; margin: -5px 0 0 0;
	color: #676767;
	font-size: 10px;
	text-transform: uppercase;
}
#site-ads {
	position:absolute;
	bottom:15px; right:0;
	width:468px;
	height:60px;
	border:2px solid #515151;
}

/* ---------------------------------------------- :[ Menu Navigation ]: */

#access {
	position:relative;
	z-index:1000;
	width:auto; 
	height:59px; 
	border-top:1px solid #515151; 
	border-bottom:3px solid #fff; 
	background:url(library/images/bg-nav.png) repeat-x top left; 
}
#access div.menu { width:960px; padding:0; margin:0 auto; }
#access .sf-menu { float:none; padding:0; }
#access .sf-menu li { margin:0; background:transparent url(library/images/white.png);}
#access .sf-menu li a {
	padding:10px 20px 13px 20px;
	color:#fff;
	text-transform: none;
	text-shadow:#111 1px 1px 0;
	border:none;
	
}
#access .sf-menu li a strong {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
}
#access .sf-menu li a span {
	display: block;
	color: #777;
	font-size: 10px;
	line-height: 14px;
}
#access .sf-menu li.sfHover,
#access .sf-menu li a:hover { background-color:#444; }
#access .sf-menu ul {
	top:59px;
	margin-left:-1px;
	border-left:1px solid #2d2d2d;
	border-right:1px solid #2d2d2d;
	border-bottom:none;
}

#access ul.sf-menu ul.children{
top:0px;
}


#access .sf-menu ul li a {
	text-transform:uppercase;
	border-top:1px solid #515151;
	border-bottom:1px solid #2d2d2d;
	background-color:#444;
}
#access .sf-menu ul li a:hover { background-color:#404040; }

/* ------------------------------------------------------ :[ Content ]: */

#featured { border-bottom:1px solid #b5b5b5; background-color:#f0f0f0; }
#accordion {
	padding:15px 0;
	border-bottom:3px solid #cdcdcd;
}
#accordion ul {
	position:relative;
	width:950px;
	height:290px;
	margin:0 auto;
	padding:0;
	list-style:none;
	border:5px solid #fff;
	background-color:#000;
}
#accordion ul li {
	display:none;
	position:absolute;
	top:0; left:0;
	width:500px;
	height:290px;
	overflow:hidden;
	margin:0; padding:0;
	background-color:#fff;
}
#accordion ul li span.shadow {
	position:absolute;
	top:0; right:0;
	width:39px;
	height:290px;
	background:url(library/images/accordion-shadow.png) repeat-y;
}
#accordion ul li span.caption {
	position:absolute;
	bottom:0; left:0;
	padding:10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-shadow:#111 1px 1px 0;
	background:url(library/images/bg-transparent.png) repeat-x;
}
#static-content {
	width:950px;
	height:290px;
	margin:10px auto;
	border:5px solid #fff;
}

/* ------------------------------------------------------- :[ Panels ]: */

#panels { margin-bottom:10px; }
#panels .panel {
	float:left;
	width:300px;
	margin-right:10px;
	margin-bottom:40px;
	font-size:12px;
}
#panels #second,
#panels #fourth { margin-left:10px; margin-right:0; }
#panels .page-title {
	margin:0; padding:0;
	color:#212121;
}
#panels .panel-icon { float:left; margin-right:8px; }
#panels a.panel-link {
	padding:1px 8px;
	font-size:10px;
	text-transform:uppercase;
}
#panels a.panel-link:hover { background-color:#000; }

/* ------------------------------------------------------ :[ Content ]: */

#content .post {
	position:relative;
	border-bottom:3px solid #bbbbbb;
}
#content .entry-title {
	width:100%;
	padding-bottom:8px;
	color:#212121;
	font-size:26px;
	font-weight:bold;
	text-shadow:#f3f3f3 1px 1px 0px;
	background:url(library/images/bg-title.png) repeat-x bottom left;
}
#content .entry-title a,
#content .page-title,
#content .page-title a { color:#212121; }
#content .entry-meta {
	margin-top:8px;
	margin-bottom:10px;
	color:#929292;
	font-size:13px;
	font-style:italic;
}
#content .entry-meta a { color:#626262; font-style:italic; text-transform:capitalize; }
#content .author {
	padding-left:22px;
	padding-right:10px;
	background:url(library/images/meta-author.png) no-repeat 0 0;
}
#content .entry-date {
	padding-left:22px;
	padding-right:10px;
	background:url(library/images/meta-datetime.png) no-repeat 0 0;
}
#content .entry-commentcount {
	padding-left:22px;
	background:url(library/images/meta-comment.png) no-repeat 0 0;
}
#content .entry-thumbnail {
	width:622px;
	height:232px;
	margin-bottom:0;
	padding-bottom:10px;
	background:url(library/images/bg-thumbnail.png) no-repeat 50% 228px;
}
#content .entry-thumbnail img.post-thumbnail {
	display:block;
	margin:0;
	padding:5px;
	border:1px solid #cdcdcd;
	background-color:#fff;
}
#content .entry-summary,
#content .entry-content { font-size:12px; }
#content .entry-summary { margin:0; padding:0; }
#content .read-more {
	display:inline-block;
	position:absolute;
	bottom:0; right:0;
	padding: 2px 8px;
	color: #444;
	font-style: italic;
	background-color: #BBB;
}
#content .entry-attachment img { display:block; margin:0 auto; padding:4px; border:1px dotted #bbb; }
#entry-author-info { border:3px double #ccc; }
#content .entry-utility { padding:5px 0; }
#content .entry-ads {
	width:468px;
	height:60px;
	margin:-20px auto 40px auto;
}

/* ---------------------------------------------- :[ Post Navigation ]: */

#nav-below {
	margin-top:-30px;
	padding-bottom:18px;
	font-size:18px;
	font-weight:normal;
	text-shadow:#eaeaea 1px 1px 0;
}
.single #nav-below { font-size:15px; }
.single-attachment #nav-below { margin-top:0; }
#nav-below a:hover { color:#b95123; }
.navigation .pages,
.navigation .page-numbers {
	color:#444;
	font-size:15px;
	text-shadow:#d2d2d2 1px 1px 0;
	border:1px solid #999;
	border-top:1px solid #bababa;
	border-left:1px solid #bababa;
	background-color:#bbb;
}
.navigation a:link,
.navigation a:visited { font-style:normal; }

/* ----------------------------------------------------- :[ Comments ]: */

#comments .comment {
	border:1px solid #d2d2d2;
}
#reply-title {
	display:block;
	margin-bottom:10px !important;
	padding-bottom:5px;
	border-bottom:3px solid #bbbbbb;
}
#comments p.comment-form-author,
#comments p.comment-form-email,
#comments p.comment-form-url,
#comments p.comment-form-comment { padding:0 0 5px 0; margin:0; }
#comments p.comment-notes,
#comments p.form-allowed-tags { font-size:12px; margin-bottom:10px !important; }
#comments label { font-size:10px; font-weight:bold; text-transform:uppercase; }
#comments span.required { color:#F00; }
#comments input[type="text"],
#comments textarea { color:#555; width:97%; }
#comments input[type="submit"],
#comments input[type="reset"] {
	display:inline-block;
	position:relative;
	padding:3px 12px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	cursor:pointer;
	border:none;
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	background:#222 url(library/css/images/sc-button.png) repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6)
}

/* ------------------------------------------------------ :[ Sidebar ]: */

#sidebar .widget-container { width:280px; padding-left:20px; font-size:12px; }
#sidebar .widget-title {
	padding-bottom:10px;
	margin-bottom:8px;
	color:#555;
	font-size:22px;
	font-weight:normal;
	text-shadow:#eaeaea 1px 1px 1px;
	background:url(library/images/widget-title.png) repeat-x bottom left;
}
#sidebar ul.xoxo ul { padding:0 !important; margin:0 !important; list-style:none; }
#sidebar ul.xoxo ul li {
	padding:4px 0 4px 16px; margin:0;
	border-bottom:1px dotted #c6c6c6;
	background:url(library/images/bg-list.png) no-repeat 0 -80px; 
}
#sidebar ul.xoxo ul li:hover { background:url(library/images/bg-list.png) no-repeat 0 12px; }
#sidebar ul.xoxo ul li.rss a { padding-left:22px; background:url(library/css/images/feed.png) no-repeat 0 8px; }
#sidebar ul.xoxo ul li.email a { padding-left:22px; background:url(library/css/images/email.png) no-repeat 0 8px; }
#sidebar ul.xoxo ul li.twitter a { padding-left:22px; background:url(library/css/images/twitter.png) no-repeat 0 8px; }
#sidebar #s { width:97%; }
#footer-widget-area { 
	width:960px; 
	margin:15px auto 10px auto; 
}
#footer-widget-area #first {
	width:460px;
}
#footer-widget-area .widget-container {
	color:#c7c7c7;
	font-size:12px;
}
#footer-widget-area .widget-title {
	color:#fff;
	text-shadow:#000 1px 1px 0;
}
#footer-widget-area a { color:#fff; border-bottom:1px dotted #bbb; }
#footer-widget-area ul { margin:0; padding:0; }
#footer-widget-area ul ul li a { border:none; }

/* ------------------------------------------------------- :[ Footer ]: */

#footer { margin:0; font-style:normal; border-top:1px solid #fff; background-color:#121212; }
#colophon { 
	width:auto;
	margin-top:5px;
	padding:6px 0;
	border-top:1px solid #515151; 
	background:#2f2f2f url(library/images/bg-site-info.png) repeat-x top left; 
}
#site-info { 
	width:960px; 
	margin:0 auto; 
	color:#777777;
	font-size:10px;
	text-transform:uppercase;
	text-shadow:#111 1px 1px 0; 
}
#site-info a { color:#b7b7b7; border:none; }
#site-copyright { float:left; }
#site-generator { float:right; }