/*
Theme Name: Cobalt Magazine
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 Settigs ]: */

body { color:#6a6a6a; background-color:#ebebeb; }
a:link,
a:visited {
	color: #6699cc;
}
a:hover {
	text-decoration: underline;
}

/* --------------------------------------------- :[ General Settings ]: */

.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') format('svg');
    font-weight: normal;
    font-style: normal;

}
#content .entry-title, #content .page-title, #panels .panel h4,
.widget-title, #content #comments-title, #content #reply-title { font-family:'BebasNeueRegular', sans-serif; }
#access .sf-menu li a, #carousel .description h2, #carousel .description span, #site-info { font-family:Arial, Helvetica, sans-serif; }

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

#header {
	padding:0;
	background:#000 url(library/images/bg-header.png) repeat top left;
}
#header-ridge { height:8px; margin-bottom:10px; border-bottom:1px solid #252525; background-color:#000; }
#masthead { width:auto; }
#branding { position:relative; width:960px; padding:0; margin:0 auto; }
#site-title {
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}
#site-logo { margin-bottom:10px; }
#site-title a { color:#fff; text-shadow:#000 1px 1px 1px; }
#site-description {
	margin-top:-10px;
	padding-left:8px;
	color:#999;
    font-style:italic;
    text-shadow:#000 1px 1px 1px;
}
#banner-ads {
	position:absolute;
	top:15px; right:0;
	width:468px;
	height:60px;
	border:4px solid #d1d1d1;
}

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

#access { position:relative; z-index:1000; width:auto; height:39px; padding:0; background:url(library/images/bg-nav.png) repeat top left; }
#access div.menu { width:960px; margin:0 auto; }
#access .sf-menu { padding:0; }
#access .sf-menu li { margin:0; border:none; background:transparent url(library/images/bg-navsep.png) no-repeat top right; }
#access .sf-menu li a {
	padding: 10px 14px 10px 14px;
	margin-top:1px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
	text-shadow:#fff 1px 1px 0;
	letter-spacing: -0.5px;
	border:none; 
	background-color:transparent; 
}
#access .sf-menu li a:hover,
#access .sf-menu li.sfHover a,
#access .sf-menu li.current_page_item a,
#access .sf-menu li.current_page_parent a,
#access .sf-menu li.current_page_ancestor a {
	text-decoration:none;
	border-bottom:4px solid #dc3e29;
}
#access .sf-menu ul {
	top:39px;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	background-color:#eeeeee;
}
#access .sf-menu ul li {
	border-top:1px solid #fff;
	border-bottom:1px solid #dcdcdc;
}
#access .sf-menu li.sfHover ul li a, #access .sf-menu ul li a {
	font-size:12px;
	font-weight:normal;
	text-shadow:#fff 1px 1px 0;
	text-transform:uppercase;
	border:none;
}
#access .sf-menu ul li a:hover { background-color:#e6e6e6; }
#access .sf-menu li.home-nav a { padding-top:9px; padding-bottom:6px; }
#access .sf-menu ul ul { top:-1px; }

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

#featured {
	padding:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #b5b5b5;
	background:#fff url(library/images/bg-filler.png) repeat top left;
}
#featured-break { height:3px; border-top:1px solid #fff; background-color:#cdcdcd; }
#carousel-container {
	width:960px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:18px;
	overflow:hidden;
}
#carousel .item {
	position:relative;
	float:left;
	width:162px;
	height:162px;
	padding:10px;
	margin:0 5px;
	cursor:pointer;
	background-color:#fff;
}
#carousel .description {
	position:absolute;
	top:0; left:0;
	z-index:500;
	width:142px;
	height:142px;
	padding:10px;
	margin:10px;
	background:transparent url(library/images/bg-transparent.png) repeat-x top left;
}
#carousel .description h2 {
	font-size: 12px;
	text-shadow: #000 1px 1px 1px;
}
#carousel .description h2 a { color:#fbfbfb; }
#carousel .meta {
	position:absolute;
	bottom:10px; left:10px;
}
#carousel .meta span {
	display:block;
    color:#999;
    font-size:11px;
	text-shadow:#000 1px 1px 1px;
    line-height:18px;
}
#carousel-nav {
	position:relative;
	width:960px;
	margin:0 auto;
}
#carousel-nav a { position:absolute; top:95px; width:25px; height:38px; text-indent:-9999px; line-height:0; }
#carousel-nav a.prev { left:-30px; background:url(library/images/carousel-nav.png) no-repeat 0 0; }
#carousel-nav a.next { right:-30px; background:url(library/images/carousel-nav.png) no-repeat -25px 0; }
#featured #static { width:960px; margin:0 auto; padding:20px 0; }

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

#panels { margin-bottom:5px; }
#panels .panel { float:left; width:280px; margin-right:10px; margin-bottom:20px; }
#panels #second,
#panels #fourth { margin-right:0; margin-left:9px; }
#panels .panel h4 {
	color:#666666;
	font-size:18px;
	font-weight:normal;
}
#panels .panel img { float:left; margin-right:8px; }
#panels .panel a.readmore { 
	padding:0 8px;
	font-size:10px;
	text-transform:uppercase;
}

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

#content { margin-bottom:30px; }
#content .hentry,
#content .post {
    padding:20px;
    margin-bottom:20px;
	border-right:1px solid #d1d1d1; 
	border-bottom:1px solid #d1d1d1;
    background-color:#fff;
    box-shadow: 5px 5px 0px #d1d1d1; 
    -moz-box-shadow: 5px 5px 0px #d1d1d1; 
    -khtml-box-shadow: 5px 5px 0px #d1d1d1; 
    -o-box-shadow: 5px 5px 0px #d1d1d1;
}
#content .page-title {
	padding-bottom:5px;
	margin-top:-3px;
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
	background:url(library/images/hline.png) repeat-x bottom left;
}
#content .page-title a:hover { color:#111; }
#content .entry-title {
	display:block;
	padding-bottom:8px;
	margin-bottom:4px;
	color:#666;
	font-size:30px;
	border-bottom:1px solid #ebebeb;
}
#content .entry-title a { color:#666; }
#content .entry-title a:hover { color:#444; }
#content .entry-meta {
	font-size:13px;
	font-style:normal;
	border-top:1px solid #ebebeb; 
}
#content .entry-meta span {
	display:block;
	float:left;
	padding:5px 15px;
	color:#6699cc;
	font-size:13px;
	font-style:normal;
	text-transform:uppercase;
    border-left:1px solid #e7e7e7;
}
#content .entry-meta span.entry-date { border:none; }
#content .entry-meta abbr, #content .entry-meta .n { color:#6699cc; font-size:13px; }
#content .entry-meta a:hover, #comment .entry-utility a:hover { color:#6699cc; text-decoration:underline; }
#content .entry-image { padding-top:15px; }
#content .entry-image img {
	padding:4px;
	border:1px solid #e7e7e7;
	background-color:#fff;
}
#content .entry-summary { padding-top:5px; }
#content .entry-attachment img { display:block; padding:4px; border:1px dotted #d0d0d0; }
#content p.readmore { padding:0 !important; margin:0 !important; }
#content p.readmore a {
	display:inline-block;
    padding:1px 12px;
    color:#555;
    font-size:12px;
    font-style:italic;
    background-color:#ddd;
    border-bottom:1px solid #d0d0d0;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
#content .entry-utility { display:none; }
.single #content .entry-utility { display:block; }
.attachment #content .entry-cat { display:none; }
#content .entry-ads { width:468px; height:60px; margin:0 auto; }

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

#nav-below { margin:0; font-size:18px; text-shadow:#fff 1px 1px 1px; }
.navigation a:hover { color:#333; }
.navigation .pages,
.navigation .page-numbers {
	padding:1px 12px;
    color:#555;
    font-size:12px;
    font-style:italic;
    background-color:#ddd;
    border-bottom:1px solid #d0d0d0;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.navigation .page-numbers.current { border-bottom:1px solid #aaa; background-color:#ccc; }

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

#comments #comments-title,
#comments #reply-title {
	padding-bottom:5px;
	margin-bottom:10px;
	color:#666;
	font-size:22px;
	font-weight:normal;
	text-shadow:#fff 1px 1px 1px;
	letter-spacing:1px;
	background:url(library/images/hline.png) repeat-x bottom left;
}
#comments input[type="text"], #comments textarea {
	color: #444; 
    background: #ddd; 
    border: 1px solid #aaa; 
    border-right-color: #d1d1d1; 
    border-bottom-color: #d1d1d1;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#comments input[type="text"]:focus,
#comments textarea:focus {
    background: #fff; 
    border-color: #777; 
    border-right-color: #ccc; 
    border-bottom-color: #ccc;
}

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

#sidebar .widget-container { width:280px; padding-left:5px; margin-bottom:25px; font-size:12px; }
#sidebar .widget-title {
	padding-bottom:5px;
	margin-bottom:5px;
	color:#666;
	font-size:20px;
	font-weight:normal;
	letter-spacing:1px;
	background:transparent url(library/images/hline.png) repeat-x bottom left;
}
#sidebar ul li ul { margin:0 !important; padding:0; list-style:none; }
#sidebar ul li ul li { 
	margin:0; 
	padding:3px 0 3px 18px; 
	border-bottom:1px dotted #d1d1d1; 
	background:url(library/images/bg-list.png) no-repeat 2px 11px; 
}
#sidebar ul li #s {
	width:97%;
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
#footer-widget-area { background:url(library/images/hline2.png) repeat-x bottom left; }
#footer-widget-area .widget-area {
	width:300px;
}
#footer-widget-area .widget-container { color:#fff; font-size:12px; }
#footer-widget-area .widget-title {
	margin-bottom:10px;
	color: #fff;
	font-size: 20px;
    font-style: normal;
    font-weight: normal;
	text-shadow:#111211 1px 1px 1px;
	letter-spacing:1px;
    word-spacing: 4px;
}
#footer-widget-area .widget-container ul { margin:0; padding:0; }
#footer-widget-area .widget-container ul li { margin-left:20px; }

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

#footer { margin:0; font-style:normal; border-top:1px solid #fff; background-color:#1b1c1a; }
#site-info {
	padding:10px 5px 0 5px;
	font-size:10px;
	text-align:left;
	text-transform:uppercase;
	text-shadow:#111211 1px 1px 1px;
}
#site-info a { color:#fbfbfb; border:none; }
#site-copyright { float:left; }
#site-generator { float:right; }