/*
Theme Name: Haycroft Media
Theme URI: http://www.haycroftmedia.com
Description: Awesome theme
Version: 1.0
Author: Haycroft Media
Author URI: http://www.haycroftmedia.com

*/

/*common classes - left and right aren't good class names as a rule, but as they will always have those floats assigned to them they will always be correct - thats my excuse, and i'm sticking to it*/
*{margin:0; padding:0;} /*remove everything*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a img{border:none;}

/*framework*/

/*header.php*/
html {overflow-y: scroll; width:100%; height: 100%; margin-bottom: 0.1em; font-family:Arial, Helvetica, sans-serif;} /* Force Vertical Scrollbar overflow-y=IE height100%=Moz*/
body {font-size:62.8%; width:100%; text-align:center; position:absolute;}
div#container{width:928px; margin:0 auto; text-align:left;}
div#header{width:100%; height:208px; background:url(images/header_bg.gif) no-repeat;}
	div#logo_menu{width:300px; padding:38px 0 0 0; font-size:1.2em;} /* I LIKE INDENTED CODE -EVEN IN CSS*/
		div#mainmenu{color:#1eb853; font-weight:bold; padding:17px 0 0 0;}
			div#mainmenu ul{list-style:none;}
				div#mainmenu ul li{float:left; background:url(images/divider.gif) center right no-repeat;}
				div#mainmenu ul li.contact{background:none;}
				div#mainmenu a{text-decoration:none; text-transform:uppercase; color:#1eb853; font-weight:bold; padding:0 7px;}
				div#mainmenu a.home{padding:0 7px 0 0;}		
		div#mainmenu a:hover{text-decoration:underline;}
	div#social_quote{width:317px; padding:69px 0 0 0; font-size:1.2em; text-align:right;}
		div#social_quote_inner{height:90px; background:url(images/quote_bg.gif) bottom left no-repeat; overflow:hidden;}
		div#quote{padding:27px 10px 0 0;}
		div#quote a{color:#000000; font-weight:bold; text-decoration:none; text-transform:uppercase;}
		div#quote a:hover{color:#FFFF00;}
/*EOF header.php*/

/*home.php*/
div#home{}
	div#portfolio{width:447px; height:525px; overflow:hidden;}		
	div#gloss_links{width:481px; height:525px; background:url(images/gloss.jpg) no-repeat;}
		div#graphic_menu{margin:356px 0 0 0; font-size:1.2em; font-weight:bold;}
			div#graphic_menu ul{list-style:none;}
				div#graphic_menu ul li{display:block; float:left; width:58px; text-align:center; margin:24px}
					div#graphic_menu ul li a{text-transform:uppercase; text-decoration:none; display:block; height:78px; line-height:12.0em; }
					/*home*/
					div#graphic_menu ul li.home{background:url(images/home.gif) top no-repeat;}
					div#graphic_menu ul li.home a{color:#1fcae8;}
					/*blog*/
					div#graphic_menu ul li.page-item-175{background:url(images/blog.gif) top no-repeat;}
					div#graphic_menu ul li.page-item-175 a{color:#1eb853;}
					/*glossary*/
					div#graphic_menu ul li.page-item-174{background:url(images/glossary.gif) top no-repeat;}
					div#graphic_menu ul li.page-item-174 a{color:#ee1f70;}
					/*contact*/
					div#graphic_menu ul li.contact{background:url(images/contact.gif) top no-repeat;}
					div#graphic_menu ul li.contact a{color:#ffff00;}
/*EOF home.php*/

/*index.php & page-glossary.php*/
div#otherpage_header{width:928px; height:356px; background:url(images/gloss.jpg) no-repeat top right;}
div.indent{width:58px; height:119px;}
div#blogindent{background:url(images/indent_logo.gif) bottom left no-repeat;}
div#glossindent{background:url(images/indent_logo_gloss.gif) bottom left no-repeat;}
div#copy{width:843px; padding:64px 0 0 0;}
div.blogcopy{background:url(images/copy_bg.gif) top left no-repeat;}
div.glosscopy{background:url(images/copy_gloss_bg.gif) top left no-repeat;}
	div.copy_head{height:142px; color:#FFFFFF; font-size:1.3em; padding:0 136px 0 10px; text-align:justify;}
	div#copy_head_blog{background:url(images/copy_head_bg.gif) top right no-repeat #1eb853;}
	div#copy_head_blog a{color:#FFFF00; text-decoration:none;}
	div#copy_head_blog a:hover{text-decoration:underline;}
	div#copy_head_gloss{background:url(images/copy_head_gloss_bg.gif) top right no-repeat #EE1F70;}
	div.copy_head h2{font-size:1.3em; color:#ffff00; text-transform:uppercase; padding:15px 0 0 0;}
	div#copy_inner{background:#ffff00; margin:34px 0; padding:20px 12px;}
		div#content{width:550px; background:#FFFFFF;}
			div.post{margin:20px 10px; background:#1eb853; overflow:hidden;}
			div#glossarypost{margin:20px 10px; overflow:hidden;}
				/*blog*/
				div.post_outer{no-repeat; height:108px; overflow:hidden;}
					div.post_outer img{padding:10px;}
					div.post_info{margin:10px;}
						div.post_inner{padding:10px 10px 10px 120px;}
						div.post_inner h3{font-size:1.4em; text-transform:uppercase;}
						div.post_inner h3 a, div.blog_intro a{color:#ffff00; text-decoration:none;}
						div.post_inner h3 a:hover, div.blog_intro a:hover{text-decoration:underline;}
							div.blog_intro{color:#FFFFFF; font-size:1.3em;}
			div#meta{}/*see single.php */
				div#meta div.alignleft, div#meta div.alignright{width:48%;}
				div#meta div.alignright{text-align:right;}
				/*glossary*/
				h3.toggler{font-size:1.4em; cursor:pointer; background: #EE1F70; color:#FFFFFF; margin: 0 0 4px 0; padding: 3px 5px 1px;	text-transform:uppercase;}/* nb - active and normal color controlled by JS */
				div.element{font-size:1.3em; margin:5px 3px;}
				div.element a{color:#000000; font-weight:bold; text-decoration:none;}
				div.element a:hover{text-decoration:underline;}
		div#sidebar{width:246px;}
			div#sidebar ul{list-style:none;}
			h2.widgettitle{background:#ee1f70; color:#FFFFFF; text-transform:uppercase; font-size:1.4em; padding:10px;}
				div.aktt_tweets, div.akpc_report{background:#ffffff; padding:10px; font-size:1.2em;}
				div.aktt_tweets a, div.akpc_report a{color:#000000; text-decoration:none; font-weight:bold;}
				div.aktt_tweets a:hover, div.akpc_report a:hover{text-decoration:underline;}
				a.aktt_tweet_time{display:block;}
				div.aktt_tweets ul li, div.akpc_report ul li{border-bottom:1px solid #000000; padding:5px 0;}
/*EOF index.php & page-glossary.php*/

/*single.php (posting)*/
div#singlepost{padding:10px; background:#1EB853; margin:20px 10px; color:#FFFFFF;}
div#singlepost h2{color:#FFFF00; font-size:1.4em; text-transform:uppercase;}
	div.entry{font-size:1.3em;}
	div.entry p{margin:10px 0;}
	div.entry a{color:#FFFF00; text-decoration:none;}
	div.entry a:hover{text-decoration:underline;}
	div.entry ul li{margin:0px 20px;}
	div#meta{font-size:1.1em; background:#EE1F70; padding:5px 10px; color:#FFFFFF;}
	div#meta a{color:#FFFF00};
/*EOF single.php*/

/*footer.php*/
div#footer, div#homefooter{height:159px;}
div#footer{background:url(images/footer.gif) no-repeat; font-size:1.2em; color:#FFFFFF; font-weight:bold;}
div#homefooter{background:url(images/homefooter.gif) no-repeat #ee1f70; font-size:1.2em; color:#FFFFFF; font-weight:bold;}
	div#footer_info{padding:130px 0 14px 10px;}
	div#footer_info a{color:#FFFFFF; text-decoration:none; text-transform:lowercase;}
	div#footer_info a:hover{text-decoration:underline;}
/*EOF footer.php*/

/*CONTACT AND PORTFOLIO POP-UPS*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%;}
	#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer{position:relative; background-color:#ffff00; width:638px; margin:0 auto; border:3px solid #EE1E6E;}
#lbDetailsContainer {font:10px Verdana, Helvetica, sans-serif; background-color: #ffff00; line-height: 1.4em; overflow:hidden; margin:0 auto; border:3px solid #EE1E6E; border-top:none;}
#lbImageContainer, #lbIframeContainer { padding: 10px 0; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/lytebox/loading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/lytebox/close_grey.png) no-repeat; }
iframe{border:none; background-color:#FFFFFF;}
/*EOF CONTACT AND PORTFOLIO POP-UPS*/

/*404.php*/
div#four_oh_four h2.four_oh_four{font-size:1.6em; text-transform:uppercase; color:#EE1F70; padding:0 0 30px 0;}
div#four_oh_four p{font-size:1.3em;}
div#four_oh_four a{color:#EE1F70; text-decoration:none;}
div#four_oh_four a:hover{text-decoration:underline;}
/*EOF 404.php*/

/* 
What we fight with is so small, 
and when we win, 
it makes us small. 
What we want is to be defeated, 
decisively, 
by successively greater things. 

Lesson - Fighting with IE6 makes us small.
*/