/*  
Skin Name: Komodo v1.0
Skin URI: http://wpbandit.com/themes/komodo/
Description: A large introduction to the Reptile theme framework.
Version: 1.0
Author: WP Bandit
Author URI: http://wpbandit.com


  *** ---> NOTE: DO NOT EDIT THIS FILE <--- ****

  Use the ./custom/custom.css file to override
      or add custom styles to this skin.

*/


/*--:[ CSS Reset ]:----------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, textarea, p, blockquote, th, td, img, hr, object
	{ margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border: 0; }
blockquote, q { quotes:none; }
:focus { outline:none; }

/*- css reset | html5 elements -*/
section, article, aside, header, footer, nav, dialog, figure { display:block; }



/*--:[ Core Layout ]:--------------------------------------------------------------------------------------*/
body { color:#333; font-family:Georgia, "Times New Roman", serif; font-size:100%; line-height:1.5 }

/*- core layout | styles -*/
h1,h2,h3,h4,h5,h6 { color:#000; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:100%; font-weight:normal; }
a { color:#000000; text-decoration:none; }
a:hover { text-decoration:none; }

.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { text-align:center; }

/*- self clearing divs -*/
.container_12:after, .container_16:after, #header:after, #content:after,.article-nav:after, #comments:after, #footer:after { content:''; display:block; height:0; clear:both; visibility:hidden; }



/*--:[ Header ]:-------------------------------------------------------------------------------------------*/
#header { padding-top:2em; }
#header .grid_12 { border-bottom:1px solid #e7e7e7; height:138px; }
#header #site_name { font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; }
#header #site_name a { color:#333; font-size:2.25em; line-height:1.1667em; /* 36px::(+6)42px */ }
#header #site_name a:hover { color:#21759b; } 
#header #site_desc { color:#999; font-size:1em; font-style:italic; /* 16px::24px */ }

/*- rss feed -*/
ul.rss { float:right; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:0.75em; list-style:none; position:absolute; top:98px; right:0;}
ul.rss a { background:#21759b url('img/icon_rss.png') no-repeat 10px 8px; color:#fff; display:block; margin-right:0.1667em; padding:0.6667em; text-transform:uppercase; }
ul.rss a:hover { background:#ffffaa url('img/icon_rss_dark.png') no-repeat 10px 8px; color:#555; }
ul.rss li a span { padding-left:28px; }



/*--:[ Nav Menu ]:-----------------------------------------------------------------------------------------*/
ul.menu { font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:0.75em; list-style:none; position:absolute; top:98px; }
ul.menu li { float:left; }
ul.menu li a { background:#eee; color:#555; display:block; margin-right:0.1667em; padding:0.6667em 0.8333em; text-transform:uppercase; }
ul.menu li a:hover { background:#21759b; color:#fff; }

	/*- subnav -*/
	ul.menu ul { left:-999em; list-style:none; position:absolute; z-index:1; background:#111; padding:0.75em 0; width:12.5em;
		-moz-border-radius-bottomleft: 16px; -webkit-border-bottom-left-radius: 16px;
		-moz-border-radius-topright: 16px; -webkit-border-top-right-radius: 16px;
	}
	ul.menu ul li { float:none; }
	ul.menu ul li a { background:none; color:#999; display:block; line-height:1.75em; padding:0 0 0 1em; text-transform:none; }
	ul.menu ul li a:hover { background:none; color:#ffffaa; }
	ul.menu li:hover ul { left:auto; } /* note: shows subnav on parent hover */

/*- admin -*/
ul.admin { color:#555; float:right; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:0.6875em; list-style:none; margin-top:-20px; position:absolute; top:0; right:0; }
ul.admin li {  float:left; }
ul.admin li.user { padding-right:0.5em; }
ul.admin li.user span { color:#000; font-weight:bold; }
ul.admin li a { border-left:1px solid #e7e7e7; color:#555; padding:0 0.5em; }
ul.admin li a:hover { background:#ffffaa; color:#000; }



/*--:[ Content ]:------------------------------------------------------------------------------------------*/
#content { padding:2em 0; }

/*- posts/pages -*/
.article { border-bottom:1px dotted #ccc; clear:both; margin-bottom:1.5em; }
.grid_8 .article, .grid_8 #comments { margin-right:40px; }
.single .article { margin-bottom:2em; }
.page { border-bottom:none; }
.search .page { border-bottom:1px dotted #ccc; }

	/*- heading -*/
	.article .hgroup { font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; margin-bottom:0.5em; }
	.article .hgroup h1, .article .hgroup h2 a { color:#000; font-weight:bold; font-size:1.75em; line-height:1.2143em; }
	.article .hgroup h2 a:hover { color:#21759b; }
	.article .hgroup a { text-decoration:none; }
	.article .hagroup a:hover { text-decoration: underline; }
	
	/*- meta -*/
	.article .meta { clear:both; color:#999; font-style:italic; margin-top:0.5em; overflow:auto; }
	.article .meta span, .article .meta a { font-style:normal; }
	.article .meta a:hover { background:#ffffaa; }
	.article .meta p { font-size:0.6875em; line-height:1.5454em; margin-bottom:0; }
	.article .meta .author { color:#000; font-weight:bold; }
	
	/*- images -*/
	.article img.alignleft { display:inline; margin:0.3em 0; padding-right:1em; }
	.article img.alignright { display:inline; margin:0.3em 0; padding-left:1em; }
	.article img.attachment-large { margin:0.5em 0 }
	.container_12 .grid_8 .article img.attachment-large { max-width:580px; }	
	
		/*- captions -*/
		.article .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; 
			padding-top:4px; -moz-border-radius:3px; -webkit-border-radius:3px; }
		.article .wp-caption.alignleft { margin-right:1em; }
		.article .wp-caption.alignright { margin-left:1em; }
		.article .wp-caption img { margin:0 auto; }
		.article .wp-caption p.wp-caption-text { font-size:0.6875em; line-height:1.7272em; margin:0; }

	/*- content -*/
	.article .entry a { color:#21759b; text-decoration:underline; }
	.article .entry a:hover { background:#ffffaa; color:#000; text-decoration:none; }
	
		/*- headings -*/
		.article .entry h1, .article .entry h2, .article .entry h3,
			.article .entry h4, .article .entry h5, .article .entry h6 { font-weight:bold; }
		.article .entry h1 { font-size:1.75em; line-height:1.0714em; margin-bottom:0.4286em; }
		.article .entry h2 { font-size:1.5em; line-height:1em; margin-bottom:0.5em; }
		.article .entry h3 { font-size:1.25em; line-height:1.2em; margin-bottom:0.6em; }
		.article .entry h4 { font-size:1.125em; line-height:1.3333em; margin-bottom:0.6667em; }
		.article .entry h5 { font-size:1em; margin-bottom:0.75em; }
		.article .entry h6 { font-size:0.875em; line-height:1.7143em; margin-bottom:0.8571em; }
	
		/*- article entry -*/
		.article .intro { font-weight:bold; }
		.article p, .article ol, .article ul, .article  dl, .article hr, .article table { margin-bottom:1.5em; }
		.article p, .article ol, .article ul { font-size:1em; }
		.article ol ol, .article ul ul { margin-top:0.375em; margin-bottom:0.375em; }
		.article ol { margin-left:1.5em; }
		.article ul { margin-left:1em; }

		.article blockquote { border-left:4px solid #d7d7d7; color:#717171; padding-left:1em; }
		.article blockquote cite { display:block; font-size:0.875em; line-height:1.7143em; margin-top:0.2857em; }

		.article dt { font-weight:bold; }
		.article dd { margin-bottom:1.5em; }
		
		.article code, .article pre { background:#eee; color:#555; font-family:Consolas, "Lucida Console", Monaco, monospace; font-size:0.875em; }
		.article pre { border:1px solid #d7d7d7; margin-bottom:1.5em; padding:0.5em; }
		.article code { padding:0.125em 0.25em;}
		
		.article table th { background:#eee; border:1px solid #ddd; font-size:0.875em; font-variant:small-caps; padding:0.2857em 0.5714em; }
		.article table td { border:1px solid #e7e7e7; padding:0.25em 0.5em; }
		
		.article address { margin-bottom:1.5em; }
	
		/*- page links -*/
		.article .post_pages { color:#000; font-variant:small-caps; }
		.article .post_pages a { color:#21759b; }
		.article .post_pages a:hover { background:#ffffaa; color:#000; }
	
		/*- tags -*/
		.article .tags { color:#999; font-size:0.75em; line-height:1.6667em; }
		.article .tags a:hover { background:#ffffaa; }
	
		/*- archive -*/
		.archive .article .entry { margin-top:0.5em; }

	/*- nav -*/	
	.article-nav  { background:#f5f5f5; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; 
		font-size:0.875em; margin-bottom:2em; margin-right:40px; padding:0.625em; text-shadow:1px 1px 0 #fff; }
	.article-nav p { float:left; width:50%; }
	.article-nav a { color:#21759b; padding:0.15em; }
	.article-nav a:hover { background:#ffffaa; color:#000; }
	.single .article-nav .next { float:right; text-align:right; }

/*- search results -*/
.search_results { border-bottom:4px solid #e7e7e7; margin-bottom:1.5em; margin-right:40px; padding-bottom:1.5em; }
.search_results h1 { color:#555; font-size:1.5em; line-height:1em; margin-bottom:0.5em; }
.search_results .info { background:#ffffaa; border-right:1px solid #e1e151; border-bottom:1px solid #e1e151; color:#555; font-size:0.875em; padding:0.5em 1em; }
.search_results .info span { color:#222; font-weight:bold; }

/*- 404 -*/
.error404 { margin-top:80px; }
.error404 h1, .error404 h2 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; }
.error404 p, .error404 ul { color:#999; font-size:1.125em; margin-bottom:2em; }
.error404 h1 { background:#21759b; color:#fff; display:block; font-size:6em; font-weight:bold; margin-right:20px; padding:0 20px 10px 20px; }
.error404 h1 span { display:block; font-size:.2083em; text-align:right; text-transform:uppercase; margin:-30px 10px 0 0;}

.error404 .content404 { border-left:1px solid #e7e7e7; padding-left:40px; }
.error404 p.message { color:#ccc; font-size:3.75em; font-weight:bold; line-height:0.8333em; margin-bottom:0.3333em; text-shadow:1px 1px 0 #999; }
.error404 h2 { color:#000; font-size:1.5em; margin-bottom:0.5em; }

	/*- form -*/
	.error404 form { margin-bottom:40px; }
	.error404 input { border:1px solid #b0b0b0; font-size:1.125em; line-height:1em; padding:0.25em 0.5em; }
	.error404 #searchsubmit { background:#21759b; border:none; color:#fff; margin-left:0.5em; }
	.error404 #searchsubmit:hover {  background:#b0b0b0; border:none; color:#fff; cursor:pointer; }

	/*- posts -*/
	.error404 ul { padding-left:1em; }
	.error404 ul li { color:#b0b0b0; }
	.error404 ul li a { color:#21759b; }
	.error404 ul li a:hover { color:#000; }



/*--:[ Comments ]:-----------------------------------------------------------------------------------------*/
#comments a { color:#21759b; }
#comments a:hover { background:#ffffaa; color:#000; }
#comments .title { font-family:Arial, sans-serif; font-size:1.25em; font-weight:bold; line-height:1.2em;  }
#comments ol.commentlist { list-style:none; margin-bottom:2em;  }
#comments ol.commentlist li.comment, #comments ol.commentlist li.pingback { border-bottom:1px dotted #ccc; padding:1.5em 0 1em 0; }

/*- replies -*/
#comments ol.commentlist li.comment ul.children { list-style:none; padding-left:3em; }
#comments ol.commentlist li.comment ul.children li { border-bottom:none; padding-bottom:0; }

#comments ol.commentlist li .comment-author a, #comments ol.commentlist li div.comment-meta a { color:#000; text-decoration:none; }
#comments ol.commentlist li div.comment-meta a:hover { background:none; }

/*- comment author -*/
#comments ol.commentlist li div.comment-author { font-weight:bold; }
#comments ol.commentlist li .comment-author cite { font-style:normal; }
#comments ol.commentlist li div.comment-author span.says { display:none; }
#comments ol.commentlist li .comment-author a:hover { background:none; text-decoration:underline; }

#comments ol.commentlist li div.comment-meta { font-size:0.75em; font-style:italic; margin-bottom:0.5em; }

/*- edit link -*/
#comments ol.commentlist li a.comment-edit-link { font-size:x-small; font-weight:bold; }
#comments ol.commentlist li div.comment-meta a.comment-edit-link:hover { background:#ffffaa; }

/*- comment basic styling -*/
#comments ol.commentlist li.comment p, #comments ol.commentlist li.comment ul, #comments ol.commentlist li.comment ol { font-size:1em; margin-bottom:0.5em; }
#comments ol.commentlist li.comment ol { margin-left:1.5em; }
#comments ol.commentlist li.comment ul { list-style:square; margin-left:1em; }

	/*- comment reply link -*/
	#comments a.comment-reply-link { color:#000; font-size:small; }
	#comments a.comment-reply-link:hover { background:#ffffaa; }

/*- comment form -*/
#respond p { font-family:Arial, sans-serif; margin-bottom:0.75em; }

#respond .title { font-family:Arial, sans-serif; font-size:1.25em; font-weight:bold; line-height:1.2em; margin-bottom:0.2em; }
#respond .logged_in_as { font-size:0.75em; margin-bottom:0; }
	
	/*- input fields -*/
	#respond .fields { clear:both; margin:0.5em 0 0.25em 0; overflow:auto; }
	#respond .fields p { float:left; width:28%; }
	#respond .fields label { display:block; font-size:0.75em; font-weight:bold; }
	#respond .fields input { border:1px solid #ccc; font-size:0.75em; padding:0.25em; width:90%; }
	#respond .fields input:focus { border:2px solid #21759b; }
	#respond textarea { border:1px solid #ccc; font-size:0.9em; margin-top:1em; padding:0.5em; width:80%; }

	/*- submit button -*/
	#respond input#submit { background:#eee; border:1px solid #ddd; font-size:0.75em; padding:0.25em 0.5em; }
	#respond input#submit:hover { background:#21759b; color:#fff; cursor:pointer; }



/*--:[ Sidebar ]:------------------------------------------------------------------------------------------*/
ul.sidebar { font-size:0.875em; list-style:none; padding:0 20px; }

/*- widgets -*/
.widget { margin-bottom:2em; }
.widget a { color:#21759b; text-decoration:none;}
.widget a:hover { background:#ffffaa; color:#000; }
.widget h3 { color:#000; font-size:1em; font-weight:bold; margin-bottom:0.25em; }
.widget ul { list-style:none; }
.widget ul li a { display:block; line-height:1.3em; padding:0.3em 0; }
.widget ul li li a { padding-left:1em; } /* show levels */

/* wp-default widget | search -*/
.widget_search label { display:none; }

/* wp-default widget | text -*/
.widget_text p { margin-bottom:0.5em; }

/* wp-default widget | recent comments -*/
.widget_recent_comments ul#recentcomments li { line-height:1.3em; padding:0.3em 0; }
.widget_recent_comments ul#recentcomments li a { display:inline; padding:0; }

/*- wp-default widget | calendar -*/
.widget #wp-calendar { border-bottom:3px double #e7e7e7; width:95%; }
.widget #wp-calendar caption { background:#eee; color:#555; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; padding:0.25em 0.1em; margin:auto; }
.widget #wp-calendar thead tr { border-bottom:1px solid #e7e7e7; }
.widget #wp-calendar thead tr th { color:#000; padding:0.25em 0; }
.widget #wp-calendar tbody td { padding:0.25em 0; text-align:center; }
.widget #wp-calendar tfoot tr { border-top:1px solid #e7e7e7; }
.widget #wp-calendar tfoot td { padding:0.25em; }
.widget #wp-calendar tfoot td#next { padding-right:0.5em; text-align:right; }
.widget #wp-calendar tfoot td#prev { padding-left:0.5em; }



/*--:[ Footer ]:-------------------------------------------------------------------------------------------*/
#footer { border-top:1px solid #e7e7e7; color:#000; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; padding:1em 0; }
#footer p { float:right; font-size:0.75em; }
#footer #credit { clear:both; color:#bbb; font-size:90%; }
#footer #credit a { border-bottom:1px solid #bbb; color:#bbb; }
#footer #credit a:hover { color:#000; }