/*   

Theme Name: fireflyonline

Theme URI: http://html5reset.org

Description: A style-free theme based on The HTML5 Reset Theme.

Author: Monkey Do! + @ckhicks

Author URI: http://monkeydo.biz

Version: 2.0

*/



/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }



.chromeframe {position: absolute; top: 0;}



/* Ok, this is where the fun starts.

-------------------------------------------------------------------------------*/



/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */

body {font: 13px Helmet, Freesans, sans-serif;}



/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */



/* We like off-black for text. */

body, select, input, textarea {color: #512f1e;}



textarea { margin: 0.8em 0; }



a {color: #000; text-decoration:none; }

a:hover {color: #cb460a; text-decoration: underline; }



/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}

::selection {background: #fcd700; color: #fff; text-shadow: none;} 



/*	j.mp/webkit-tap-highlight-color */

a:link {-webkit-tap-highlight-color: #fcd700;} 



ins {background-color: #fcd700; color: #000; text-decoration: none;}

mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



/* Mozilla dosen't style place holders by default */

input:-moz-placeholder { color:#a9a9a9; }

textarea:-moz-placeholder { color:#a9a9a9; }





/* And here begins the WordPress fun.

-------------------------------------------------------------------------------*/



#page-wrap {width: 960px; margin: 20px auto;}



.post { width: 73%; float: left; }



.entry-content { width: 90%; float: left; margin: 1em 0; }

.entry-content a {}

.entry-content a:hover {}

h1.entry-title { font-size: 1.5em; }



#meta {}

.postmetadata {}



#respond { width: 73%; float: left; margin: 2em 0 1em; color: #ffc45b; }

#respond a:link { color: #FFF; }



#sidebar {}



.navgation {}

.next-posts { float: right; margin-bottom: 2em;}

.prev-posts {margin-bottom: 2em;}

.next-posts a, .prev-posts a { color: #ffc45b; text-decoration: none; }

.next-posts a:hover, .prev-posts a:hover { color: #FFF; text-decoration: underline; }





#searchform {}

#s {}

#searchsubmt {}

	

ol.commentlist {list-style: none;}

ol.commentlist li {}

ol.commentlist li.alt {}

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}

ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard {}

ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}

ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says {}

ol.commentlist li.comment div.commentmetadata {}

ol.commentlist li.comment div.comment-meta {font-size: 10px;}

ol.commentlist li.comment div.comment-meta a {color: #ccc;}

ol.commentlist li.comment p {}

ol.commentlist li.comment ul {}

ol.commentlist li.comment div.reply {font-size: 11px;}

ol.commentlist li.comment div.reply a {font-weight: bold;}

ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}

ol.commentlist li.comment ul.children li {}

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}

ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}

ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}

ol.commentlist li.comment ul.children li.depth-5 {}

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even {background: #fff;}

ol.commentlist li.odd {background: #f6f6f6;}

ol.commentlist li.parent {border-left: 5px solid #111;}

ol.commentlist li.thread-alt {}

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {}



h2 { margin: 0.35em 0 0.1em; padding: 0; font-size: 1.7em; }

h2 a { color: #512f1e; text-decoration: none; }

h3 { margin: 0.25em 0 0.1em; padding: 0; font-size: 1.3em; }



p { margin: 0.4em 0 0.8em; }





/* Print styles!

-------------------------------------------------------------------------------*/

@media print {



}





/* fireflyonline custom styles

-------------------------------------------------------------------------------*/







body { background: url(/wp-content/themes/fireflyonline/img/footer_bkgd.jpg) center top; }



#background {

	width: 100%; height: 100%; background: #000 url(/wp-content/themes/fireflyonline/img/bkgd.jpg) no-repeat center top;	min-width: 600px;

}



#wrapper { padding-bottom: 52px; }



#wrapper, nav, .utility { width: 100%; max-width: 920px; min-width: 900px; margin: 0 auto; }



header { height: 23em; }



.menu { margin: 0 auto 0.9em; padding: 0.4em 0 0 1.5em; list-style: none; background:url(/wp-content/themes/fireflyonline/img/nav_bkgd.png) no-repeat; min-height: 35px; background-size: 100%;}

.menu li { display: inline-block; *display: inline; zoom: 1; padding: 0em 0.5em 0.5em 0.5em; }

.menu li a { font: 1.2em/1.8em 'Istok Web', sans-serif; color: #ffc45b; text-decoration: none; text-transform: uppercase; font-weight: 700; text-shadow: 1px 2px 3px #333; }

.menu li:hover a { color: #FFF; }



ul.sub-menu { display: none; position:absolute; z-index: 99; margin-top: 2px; background: url(/wp-content/themes/fireflyonline/img/menu-bkgd.png); }

ul.sub-menu li { display: block; }

ul.sub-menu li a { line-height: 1.3em; padding: 0.55em 0 0 0; display: block; color: #FFF; }

ul.sub-menu li:hover { background: url(/wp-content/themes/fireflyonline/img/menu-over-bkgd.png); color: #ffc45b; }

ul.menu li:hover .sub-menu { display: block; }



form#searchform { float: right; margin: 0.6em 2em 0 0; }

#searchsubmit { margin: 0 0 0 0.4em; }

input#s { background-color: #000; border: 1px solid #303030; }



.utility-left { display: inline-block; *display: inline; zoom: 1; width: 35%; text-align: left; margin: 0.25em 0 0 0; padding: 0; }

.utility-left ing { width: 10%; max-width: 33px; }

h1.logo { display: inline-block; *display: inline; zoom: 1; width: 29%;  text-align: center;  margin: 0.5em 0 0 0; padding: 0; vertical-align: top;}

.utility-right { display: inline-block; *display: inline; zoom: 1; width: 33%; text-align:right;  margin: 0.6em 0 0 0; padding: 0;}

.utility-right img { width: 40%; }



section.hero-slider { background: url(/wp-content/themes/fireflyonline/img/hero_bkgd.png) no-repeat center top; height: auto; padding: 0.25em 0em; background-size: 100%; }



footer { width: 100%; background: url(/wp-content/themes/fireflyonline/img/footer_bkgd_top.png) no-repeat center top; padding-top: 26px; margin-top: -25px; text-align: center; }

#footer { clear: both; margin: 0 auto; padding: 2em 0 ;  min-height: 105px; }

#footer p, #footer a { margin: 0.3em auto; text-align: center; color: #FFF; }



div#sidebar { float: left; width: 24%; padding: 0; margin-left: 3%; border-top: 3px solid #c9550e; background: url(/wp-content/themes/fireflyonline/img/sidebar_bkgd.jpg); }

div#sidebar .sidebar-content { padding: 5%; margin-bottom:3%; }

div#sidebar .sidebar-content li { clear: both; }



div#sidebar h2 { margin:0; padding: 0.2em 5%;font-family: 'Cabin Condensed', sans-serif; background: url(/wp-content/themes/fireflyonline/img/blog_bkgd.png) left top; }

div.blogholder { float: left; width: 72%;}

body.home article, .post-wrapper, article.post, article.post-wrapper {margin: 0 0 2em 0; padding: 2em;  background: url(/wp-content/themes/fireflyonline/img/blog_bkgd2.jpg) repeat-y right bottom; background-size: 100%;}

div.blogholder article { padding: 0; }

div.blogholder .post { width: 100%; }

div.entry { float: left; margin: 0 -12% 0 0; width: 88%; }

div.entry>img { width: 42%; float: left; margin: 0 1em 0 0; height: auto; }

div.social { float:right;width: 6%; margin: 0.8em 1.5% 0 0%; text-align: right; }

div.date { font-size: 1.1em; margin: 0 0 0.6em 0; }



.wpp-list { padding: 0.2em 5% 1em; }



#loginDlg { position: relative; right: -30%; margin-top: 20px; }



@media screen and (max-width: 900px) {

	#wrapper, nav, .utility, #footer { width: 768px; max-width: 768px; min-width: 768px; }

	form#searchform { margin: 0.25em 2em 0 0; }

	.menu { padding-top: 0.28em; }

	.menu li { padding-bottom: 0.15em; }

	.menu li a { font-size: 1.1em; line-height: 1.6em; }

}

@media screen and (max-width: 768px) {

	#wrapper, nav, .utility, #footer { width: 600px; max-width: 600px; min-width: 600px; }

	form#searchform { margin: 0.15em 1em 0 0; }

	.menu { padding-top: 0.1em; }

	.menu li { padding-bottom: 0.15em; }

	.menu li a { font-size: 1.1em; line-height: 1.4em; }

	

	div#sidebar, div.blogholder, .post { float: none; width: 100%; margin: 0; clear:both; }

	#loginDlg { position: relative; right: 0%; margin-top: 20px; }

}

@media screen and (max-width: 480px) {



}



@media all and (orientation: portrait) {

	

}



@media all and (orientation: landscape) {

	

}