/*
Theme Name: Genoa
Theme URI: http://wpcrunchy.com/
Description: A crunchy wordpress theme by WPCrunchy.
Author: akosipau
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');

/* -------------------------------------------------------- :[ 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;

}
.sf-menu a,
#nivo-slider .nivo-caption p, #content .entry-title, #site-description { font-family:Arial, Helvetica, sans-serif; }
#panels .panel h2, #home-title, #comments-title, #reply-title, #sidebar .widget-title { font-family: 'BebasNeueRegular'; }
#panels .panel div.description, .entry-meta, .entry-meta .author, .entry-meta abbr, #site-info-wrap { font-family:Verdana, Geneva, sans-serif; }

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

body {
	color:#444;
	font-size:13px;
	background:#f2f2f2 url(library/images/bg.gif) repeat top left;
}
a:link, a:active { color:#21749b }

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

#header {
	padding:38px 0 20px 0;
	background:url(library/images/bg-header.png) repeat-x top left;
}
#branding { width:auto; float:left; padding:0; }
#site-title { padding-left:15px; }
#site-title a {
	color:#fff;
	text-shadow:#000 1px 1px 1px;
}
#site-description {
	margin:0;
	padding:0 0 0 15px;
	color:#aaa;
	font-size:10px;
	text-transform:uppercase;
	text-shadow:#000 1px 1px 1px;
}

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

#access { width:auto; float:right; position:relative; z-index:999 }
.sf-menu li { background:none; margin-left:5px; margin-right:0; }
.sf-menu li a {
	padding:10px;
	color:#f2f2f2 !important;
	font-weight:bold;
	text-shadow:#000 1px 1px 0;
	border:none;
	background:none;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.current_page_item,
.sf-menu li.current_page_parent,
.sf-menu li.current_page_ancestor {
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#11100c;
	border-bottom:1px solid #2e2e2e;
}
.sf-menu li a:hover,
.sf-menu li.sfHover a,
.sf-menu li.current_page_item a,
.sf-menu li.current_page_parent a,
.sf-menu li.current_page_ancestor a {
	background:none;
}
.sf-menu li.current_page_item li,
.sf-menu li.current_page_parent li,
.sf-menu li.current_page_ancestor li {
		border:none;
}
.sf-menu li.sfHover ul { 
	top:29px; 
	margin-top:10px;
	padding:8px 23px 8px 12px;
	background-color:#11100c;
	border-bottom:0;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sf-menu li.sfHover ul li:hover { border:none; }
.sf-menu li.sfHover ul li a {
	background-color:#11100c;
	border-bottom:1px solid #0b0b0b;
	border-top:1px solid #1b1b1b;
}

/* ------------------------------------------------ :[ Featured Area ]: */

#featured {
	position:relative;
	width:960px;
	height:330px;
	margin:20px auto 40px auto;
}
#featured #slider {
	position:absolute;
	top:0; left:0;
	z-index:10;
	width:950px;
	height:370px;
	background-color:#fff;
	border:5px solid #fff;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#featured #shadow-effect {
	position:absolute;
	bottom:-100px; left:0;
	width:960px;
	height:73px;
	background:url(library/images/bg-shadow.png) no-repeat top center;
}
#nivo-slider {
    position:relative;
    width:950px; /* Change this to your images width */
    height:370px; /* Change this to your images height */
    background:url(library/images/loading.gif) no-repeat 50% 50%;
	overflow:hidden;
}
#nivo-slider .nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
#nivo-slider .nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
#nivo-slider .nivo-caption p {
	padding:15px;
	margin:0;
	font-size:18px;
	font-weight:bold;
}
#nivo-slider .nivo-caption a {
	display:inline !important;
}
#nivo-slider .nivo-html-caption {
    display:none;
}
#nivo-slider .nivo-controlNav { position:absolute; bottom:15px; right:15px; z-index:100; }
#nivo-slider .nivo-controlNav a {
	display:inline-block;
	position:relative;
	z-index:99;
	width:12px;
	height:12px;
	margin-right:4px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(library/images/bg-slider-nav.png) no-repeat 0 -12px;
}
#nivo-slider .nivo-controlNav a.active { background:url(library/images/bg-slider-nav.png) no-repeat top left; }
#nivo-slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#nivo-slider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
#featured #static {
	position:relative;
	z-index:10;
	width:950px;
	height:370px;
	background-color:#fff;
	border:5px solid #fff;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* --------------------------------------------- :[ Home Intro Title ]: */

#home-title {
	width:840px;
	padding-top:18px;
	margin:15px auto 50px auto;
	color:#595959;
	font-size:30px;
	font-weight:normal;
	line-height:30px;
	text-align:center;
	text-shadow:#fff 1px 1px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

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

#panels .panel {
	display:inline;
	float:left;
	width:220px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#panels .panel h2 {
	color:#858585;
	font-size:24px;
	font-weight:normal;
	text-shadow:#fff 1px 1px 0;
}
#panels .panel div.description { padding-bottom:8px; color:#747474; font-size:10px; }
#panels .panel img { float:left; margin-right:10px; }
#panels .panel p { clear:both; font-size:12px; }
#panels .panel a.sc-button { padding:2px 12px 1px 12px; color:#fff; font-size:10px; text-transform:uppercase; }
#panels .panel a.sc-button:hover { background-color:#000; }

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

#content .hentry { position:relative; padding-bottom:40px; margin-right:10px; margin-bottom:40px; }
#content .post { border-bottom:1px dotted #ccc; }
#content .entry-title {
	color:#21749b;
	font-size:28px;
	font-weight:bold;
	text-shadow:#fff 1px 1px 0;
}
#content .entry-title a { color:#21749b; }
#content .comment-count {
	position:absolute;
	top:5px;
	right:-2px;
	width:48px;
	height:40px;
	padding-top:4px;
	font-size:18px;
	text-align:center;
	background:url(library/images/bg-comment.png) no-repeat top left;
}
#content .comment-count a { color:#fff; text-shadow:#a4a4a4 1px 1px 0; }
#content .entry-meta {
	color:#b1b1b1;
	font-size:11px;
	font-style:normal;
	text-transform:uppercase;
	text-shadow:#fff 1px 1px 0;
	letter-spacing:2px;
}
#content .entry-thumbnail { margin-top:14px; }
#content .entry-thumbnail img {
	margin:0;
	border:1px solid #e0e0e0;
}
#content .entry-summary { padding-top:0; padding-right:0; }
#content .entry-content { padding-right:0; }
#content .entry-ads { border-bottom:1px dotted #ccc; }
#content .entry-ads div { width:468px; margin:-25px auto 5px auto; }

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

.navigation .current { font-weight:bold; background-color:#fff; }

/* ------------------------------------------------- :[ Widget Areas ]: */

#sidebar { background:url(library/images/bg-sidebar.png) repeat-y top left; }
#sidebar-top {
	display:block;
	width:11px;
	height:40px;
	background:url(library/images/bg-sidebar-top.png) repeat-y top left;
}
#sidebar-bottom { 
	display:block;
	width:11px;
	height:40px;
	background:url(library/images/bg-sidebar-bottom.png) repeat-y top left; 
}
#sidebar .widget-title {
	color:#555;
	font-size:19px;
	font-weight:normal;
	letter-spacing:1px;
}
#sidebar .widget-container { padding-left:15px; }
#sidebar .widget-container a { color:#777; }
#sidebar .widget-container a:hover { color:#555; }
#sidebar .widget-container ul li { margin-left:18px; }
#footer-widget-area { width:960px; margin:15px auto 10px auto; }
#footer-widget-area #first { width:460px; }
#footer-widget-area .widget-title {
	padding-bottom:8px;
	margin-bottom:5px;
	color:#968d7a;
	font-size:18px;
	text-shadow:#000 1px 1px 0;
	background:url(library/images/bg-footer-hline.png) repeat-x bottom left;
}
#footer-widget-area .widget-container {
	color:#45423b;
	font-size:12px;
}
#footer-widget-area ul { margin-left:0; }
#footer-widget-area a { color:#938d79; }

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

#comments-title, #reply-title { color:#595959 !important; font-size:26px; font-weight:normal; text-shadow:#fff 1px 1px 0; letter-spacing:1px; }
#cancel-comment-reply-link { display:inline-block; padding:4px 8px; color:#fff; text-shadow:#000 1px 1px 0; line-height:16px; background-color:#666; }
#comments input[type="text"], #comments textarea {
	background-color:#ddd;
	border:1px solid #aaa;
}
#comments .comment-notes,
#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url,
#comments .comment-form-comment,
#comments .form-allowed-tags {
	margin-bottom:10px;
}

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

#footer { margin:20px 0 0 0; font-style:normal; border-top:5px solid #201d16; background-color:#0f0e0a; }
#colophon { width:auto; padding:0; }
#site-info {
	padding:10px;
	text-align:left;
	background-color:#000000;
	border-top:1px solid #212120;
}
#site-info-wrap { width:960px; margin:0 auto; font-size:10px; text-transform:uppercase; text-shadow:#000 1px 1px 0; }
#site-info-wrap a { color:#aaa; border:none; }
#site-generator { float:left; }
#site-credits { float:right; }