/*
Theme Name: Ahab
Theme URI: http://www.heywp.com/ahab
Description: A clean, lightweight, HTML5 theme designed for writers and content creators.
Version: 1.0
Author: David Guijarro
Author URI: http://heywp.com
Tags: dark, light, gray, one-column, fixed-width, custom-menu, featured-images
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl.html
*/

body { background: url(library/images/bg-bl.gif) top center; }

/******************************************************************

GRID STYLES

******************************************************************/

#container, .wrap { 
	width: 780px;
	margin: 0 auto;
	padding: 0 30px;
	background: url(library/images/bg-wh.gif) top center;
}

	/* layout options ( all have margins right & left of 2.1276596%) */
	.col60 { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.914894%; } /* width 300px / grid_4  */
	.col380 { width: 40.425532%; } /* width 380px / grid_5  */
	.col460 { width: 48.936170%;  } /* width 460px / grid_6  */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 65.957447%; } /* width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%; } /* width 940px / grid_12 */

	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		float: left; 
		position: relative;
		/* margin-left: 1.0638298%;   10px */ 
		/* margin-right: 1.0638298%;  10px */
	}

	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */

/******************************************************************

COMMON & REUSABLE STYLES

******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 

/******************************************************************

LINK STYLES

******************************************************************/

a, a:visited { color: #666; text-decoration: none; }
a:hover, a:focus { color: #000; text-decoration: underline;}
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************

TEXT SELECTION STYLES

******************************************************************/

/* Highlighted Text */
::selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/******************************************************************

HEADLINES & TITLES

******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: 'Noticia Text', serif; font-weight: 400; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { font-family: 'Noticia Text', serif; font-weight: 400; text-decoration: none; }
h1, .h1 { font-size: 4em; }
h2, .h2 { font-size: 2.25em; line-height: 110%; margin-top: 0.35em; }
h3, .h3 { font-size: 1.5em; line-height: 110%; font-weight: 400; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

/******************************************************************

HEADER SYTLES

******************************************************************/

header[role=banner] {}
	#logo { margin: 1.1em 0 0 0; }
	#logo a { color: #282828; }
	#tagline { font-size: 0.33em; font-style: oblique; color: #666; }

/******************************************************************

NAVIGATION STYLES

(Main Navigation)

******************************************************************/

nav[role=navigation] {}

/*	
nav[role=navigation] .menu {
		margin: 1.1em 0;
	}

	nav[role=navigation] .menu ul { 
		background: #4598bb;
	} 
*/

		nav[role=navigation] .menu ul li {
			float: left;
		}
			nav[role=navigation] .menu ul li a { 
				color: #282828;
				font-weight: 700;
				padding: 5px 10px; 
				display: block; 
				text-decoration: none;
				text-shadow: 0 -1px 1px rgba(0,0,0,0.33); 
			}

				nav[role=navigation] .menu ul li a:hover { 
					background: #282828; 
					color: #d7d7d7; 
					box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    					-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    					-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
				}

		nav[role=navigation] .menu ul li.current-menu-item a, 
		nav[role=navigation] .menu ul li.current_page_item a,
		nav[role=navigation] .menu ul li.current-page-ancestor a {}

		/* sub menus */
		nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 
			background: #d7d7d7;
			position: absolute; 
			left: -9999em; 
			z-index: 9999; 
			width: 200px; 
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    			-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    			-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
		}

			nav[role=navigation] .menu ul li ul li ul { 
				margin-left: 200px; 
				top: auto; 
				margin-top: -30px; 
			}

			nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 
				left: auto; 
			}

			nav[role=navigation] .menu ul li ul li a { 
				width: 160px; 
			}

/******************************************************************

HR's

******************************************************************/
hr.faded {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0.8em 0;
	border: none;
	background: #282828;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, #d7d7d7),
		color-stop(0.35, #282828),
		color-stop(0.65, #282828),
		color-stop(1, #d7d7d7)
	);
	background-image: -moz-linear-gradient(
		left center,
		#d7d7d7 0%,
		#282828 33%,
		#282828 77%,
		#d7d7d7 100%
	);
}

/******************************************************************

POSTS & CONTENT STYLES

******************************************************************/

.sticky {}

.gallery-caption {}

.bypostauthor {}

#content {}

	#main {}
		.hentry { padding: 1.33em 0 0; }
		.single-title, .page-title { margin: 0 0 0.375em; font-size: 2.75em; }
		.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }

/* post meta */
		.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }

/* header */
		.post_header {
			background: url(library/images/bg-bl.gif);
			padding: 0 1.1em 1.1em 1.1em;
			margin: 2.5px 20px 15px 0;
			-moz-box-shadow:inset 3px 3px 10px #000000;
   			-webkit-box-shadow:inset 3px 3px 10px #000000;
 			box-shadow:inset 3px 3px 10px #000000;
		}

		.post_header h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #D7D7D7; }
		.post_header a { color: #d7d7d7; }

		.post_header_single {
			background: url(library/images/bg-bl.gif);
			padding: 1.1em;
			margin: 2.5px 20px 15px 0;
			-moz-box-shadow:inset 3px 3px 10px #000000;
   			-webkit-box-shadow:inset 3px 3px 10px #000000;
   			box-shadow:inset 3px 3px 10px #000000;
		}

/* post content */
		.post_content {
			width: 485px;
			margin: 0 0 0 300px;
		}

			.post_content p {
				margin: 0 0 1.5em 0; 
				font-family:sans-serif;
				font-size: 13px;
				line-height: 21px;
			}

			.post_content h2, h3, h4, h5, h6 { margin: 1.5em 0em .25em -60px; border: 0px 0px 1px 0px; }
			.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
			.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
			.post_content li { margin-bottom: 0.75em; }
			.post_content ul li { list-style-type: disc; }
			.post_content ol li { list-style-type: decimal; }
			.post_content blockquote p { font-family: 'Noticia Text', serif; font-weight: 400; font-size: 14px; font-style:italic; line-height:1.6em; margin: 1.5em 0em 1.5em -40px; }
			.post_content dl { margin:1.75em 0 1.75em; }
			.post_content dt { margin-top: 1.25em; font-weight:700; }
			.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
				.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
				.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
				.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
			.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
			.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }

			.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
				.wp-caption img { border: 0 none; padding: 0; margin: 0; }
				.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }

		.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }

/*ARCHIVES*/

#archives {}
	#archives article { width: 50%; float: left; }
	.archives_h3 { margin: 0; }

/******************************************************************

PAGE NAVI STYLES

(Special Feature)

******************************************************************/

/* page navigation */

.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }
	.bones_page_navi, .wp-prev-next ul { }
		.bones_page_navi li { float: left; margin-left: 10px; } 
			.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
				.bones_page_navi li a:hover { color: #f01d4f; text-decoration: underline; }
		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; position: relative; } /* current page link */
				.bones_page_navi li.bpn-current:hover {}
		.bones_page_navi li.bpn-prev-link { } /* previous link */
			.bones_page_navi li.bpn-prev-link a { padding: 0; }
				.bones_page_navi li.bpn-prev-link a:hover { background: none; }
		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
			.bones_page_navi li.bpn-next-link a { padding: 0; }
				.bones_page_navi li.bpn-next-link a:hover { background: none; }
		.bones_page_navi li.bpn-last-page-link {} /* last page link */
			.bones_page_navi li.bpn-last-page-link a {}
				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
		.bones_page_navi li.bpn-first-page-link {} /* first page link */
			.bones_page_navi li.bpn-first-page-link a {}
				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }

	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link { float: left; }
			.wp-prev-next .next-link { float: right; }

/******************************************************************

COMMENT STYLES

******************************************************************/

#comments { margin: 0 20px 0.75em; }/* h3 comment title */
	#comments span { font-weight: 700; color: #1a90db; } /* number of comments span */

.commentlist { margin: 0 20px; }
	.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
		.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
			.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
				.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
			.commentlist .odd { background: #eee; }
			.commentlist .even { background: #fefefe; }
			.commentlist .children { border-left: 2px solid #6ac8d3; }
			.commentlist .vcard { margin-left: 55px; }
				.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
				.commentlist .vcard time { float: right; }
					.commentlist .vcard time a { color: #999; text-decoration: none; }
						.commentlist .vcard time a:hover { text-decoration: underline; }
				.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
			.commentlist li .comment_content { margin-left: 55px; }
				.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
				.commentlist li ul { margin: 0; }		
				.commentlist .comment-reply-link { text-decoration: none; float: right;  background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
					.commentlist a.comment-reply-link:hover { opacity: 1; }

/******************************************************************

COMMENT FORM STYLES

******************************************************************/

.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
	#comment-form-title { margin: 0 0 1.1em; }
	.respond-form form[method=post] { margin: 0.75em 0; }
		.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
			.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
			.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }

			#allowed_tags { margin: 1.5em 10px 0.7335em 0; }

			.respond-form textarea { resize: none; width: 97.3%; height: 150px; }

	/* form validation */
	.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }		

	/* no comments */
	.nocomments { margin: 0 20px 1.1em; }			

/******************************************************************

SIDEBARS & ASIDES

******************************************************************/

#sidebar_container {
	width: 100%;
	margin: 30px auto;
}

#sidebar_left {
    width: 250px;
}

#sidebar_center {
    width: 250px;
	margin: 0 0 0 15px;
}

#sidebar_right {
    width: 250px;
}

	.widget { margin-bottom: 1.5em; }
		.widget li { margin-bottom: 0.75em; }
		.widget li ul { margin-top: 0.75em; padding-left: 1em; }
		.widgettitle { color: #282828; border-bottom: 1px solid #282828; margin: 1.5em 0 0.75em 0; }

/******************************************************************

FOOTER STYLES

******************************************************************/

footer[role=contentinfo] {
	padding: 1.1em 0 3.3em;
	margin-top: 2.2em;
}

	/* footer menu */
	footer[role=contentinfo] nav {
		width: 100%;
		margin: 1em -30px;
		padding: 1em 30px;
		background: url(library/images/bg-bl.gif) top center;
		float: left;
	}

	.footer-links {}
		.footer-links ul { margin-top: 0; }
			.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
				.footer-links ul li a { color: #d7d7d7; margin-right: 2em; text-decoration: none; line-height: 2em; }
					.footer-links ul li:last-child a { margin-right: 0; }
			.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a { text-decoration: underline; }
			.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */

	#inner-footer {
		width: 100%;
		margin: 1em 0;
		color: #999;
		font-size: 0.9em;
		clear: both;
		text-align: center;
	}