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

Notologist - Global Styles

Version: 1.0 
Author: Phillip Zelnar (http://www.pzelnar.com)        	

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


/* Colors--------------
Green: #2FB25F;
Yellow: #FAC200; #DBAA00;
Orange: #FA6318;
Purple: #CC0066;
Blue: #05A7D9;
Grey: #999;
-----------------------*/


/* -------------------------------------------
Style Reset
------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,
h4,h5,h6,pre,form,fieldset,input,
textarea,p,blockquote,th,td 					{ margin: 0; padding: 0; }
table 												{ border-collapse:collapse; border-spacing: 0; }
fieldset,img 										{ border: 0; }
address,caption,cite,code,dfn,th,var 		{ font-style:normal; font-weight:normal; }
ol,ul 												{ list-style:none; }
caption,th 											{ text-align:left;	}
h1,h2,h3,h4,h5,h6 								{ font-weight:normal; }
q:before,q:after 									{ content: ''; }
abbr,acronym 										{ border: 0; }
:focus 												{ outline: 0; }
	

/* -------------------------------------------	
General
------------------------------------------- */
		
.displayNone 		{ display: none; }
.floatLeft  		{ float: left; }
.floatRight 		{ float: right; }


/* -------------------------------------------	
Page
------------------------------------------- */

body 					{ background: #DDD; font-size: 16px; line-height: 18px; text-align: center; }
#wrapper 			{ width: 1000px; background: #DDD; margin: 0 auto; text-align: left;}
#masthead 			{ position: relative; margin: 0; padding: 0; }
#content 			{ padding: 0 20px; }
#footer 				{ margin: 50px 20px 10px 20px; }
	

/* -------------------------------------------
Masthead
------------------------------------------- */
	
#masthead h2 						{ position: absolute; top: 78px; right: 20px; float: right; display: inline; z-index: 100; }
#masthead h2 a:link,
#masthead h2 a:active,
#masthead h2 a:visited 			{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 22px; text-decoration: none; color: #FFF; background: #FA6318; opacity: .85; filter: alpha(opacity=85); padding: 8px; display: block; }
#masthead h2 a:hover 			{ opacity: 1.0; filter: alpha(opacity=100); }
#masthead h2 a img.icon 		{ border-right: 1px solid #FFF; margin: 0 5px 0 0; }	
	
	
/* -------------------------------------------	
Nav
------------------------------------------- */
	
#nav 													{ background: #000; width: 960px; height: 36px; margin: 0 0 20px 0; }
	
#nav #primary 										{ width: 960px; display: inline; }
#nav #primary li 									{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 19px; border-right: 1px solid #CCC; height: 36px; float: left; display: block; }
#nav #primary li a:link,
#nav #primary li a:active,
#nav #primary li a:visited 					{ color: #FFF; padding: 10px 20px 8px 20px; text-decoration: none; display: block; }
#nav #primary li a:hover 						{ background: #FAC200; color: #FFF; }
#nav #primary li.active a:link,
#nav #primary li.active a:active,
#nav #primary li.active a:visited,
#nav #primary li.active a:hover 				{ background: #000; color: #FAC200; cursor: default; }

#nav #primary li.follow 						{ font-size: 15px; color: #BBB; border-right: none; height: 36px; margin: 0; padding: 6px 6px 0 0; float: right; }
#nav #primary li.follow a.button 			{ opacity: .75; filter: alpha(opacity=75); height: 24px; width: 24px; margin: 0 0 0 1px; padding: 0; display: inline; }
#nav #primary li.follow a.button:hover 	{ opacity: 1.0; filter: alpha(opacity=100); }
#nav #primary li.follow img					{ vertical-align: text-bottom; }		

	
/* -------------------------------------------	
Entry Note
------------------------------------------- */
	
.entry 									{ clear: both; height: 1%; position: relative; }

.entry h2.alert						{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 19px; color: #FAC200; background: #000; padding: 6px; margin: 0 0 3px 0; }

.entry .flag							{ background: #D3D3D3; width: 19px; height: 170px; margin: 0 1px 0 0; position: absolute; top: 0px; left: -20px; z-index: 100; }
.entry .flag .wrapper				{ margin: 10px 0; }
.entry .flag .wrapper h2			{ font-family: Arial, sans-serif; font-weight: bold; text-align: center; font-size: 11px; color: #999; }
.entry .flag .wrapper h2.loved	{ font-family: "Apple Symbols", Arial, sans-serif; font-size: 13px; }
.entry:hover .flag					{ background: #FAC200; }
.entry:hover .flag .wrapper h2	{ color: #000; }
.entry .scrollTo						{ background: #000; }
.entry .scrollTo .wrapper h2		{ color: #FFF; }
	
.entryYellow .note 					{ background: #FAC200; }
.entryGreen .note 					{ background: #2FB25F; }	
.entryBlue .note 						{ background: #05A7D9; }
.entryOrange .note					{ background: #FA6318; }
.entryPurple .note 					{ background: #CC0066; }
.entryGrey .note 						{ background: #999; }

.entry .note							{ width: 299px; height: 170px; float: left; }
.entry .note .wrapper				{ margin: 10px; }
.entry .note .wrapper h3 			{ font-family: Arial, sans-serif; text-transform: uppercase; font-size: 10px; color: #FFF; margin: 0 0 8px 0; }
.entry .note .wrapper h3 a			{ color: #FFF; text-decoration: none; }
.entry .note .wrapper h3 a:hover	{ text-decoration: underline; }
.entry .note .wrapper p 			{ font-family: "adobe-text-pro-1","adobe-text-pro-2", Georgia, serif; font-size: 28px; line-height: 1em; color: #FFF; margin: 0 15px 0 0; }
.entry .note .wrapper p.shrink	{ font-size: 22px; }
	
	
/* -------------------------------------------	
Entry Response
------------------------------------------- */

.entry .response			 				{ background: #FFF; width: 660px; height: 170px;  float: right; }

.entry .response .wrapper 				{ margin: 10px; }
.entry .response .wrapper h3 			{ font-family: Arial, sans-serif; text-transform: uppercase; font-size: 10px; margin: 0 0 8px 0; }
.entry .response .wrapper p.text 	{ font-family: "adobe-text-pro-1","adobe-text-pro-2", Georgia, serif; font-size: 20px; line-height: 24px; margin: 0 0 20px 0; }
	
.entryOrange .response			 		{ color: #FA6318; }
.entryGreen .response 					{ color: #2FB25F; }
.entryYellow .response					{ color: #DBAA00; }
.entryPurple .response 					{ color: #CC0066; }
.entryBlue .response 					{ color: #05A7D9; }
.entryGrey .response 					{ color: #888; }
	
	
/* -------------------------------------------	
Entry Footer
------------------------------------------- */
	
.entry .footer 							{ padding: 0 0 25px 300px; clear: both;}
	
.entryYellow .footer 					{ background: #DDD url('../_images/ground_entryFooterYellow.gif') no-repeat 15px top; }
.entryGreen .footer 						{ background: #DDD url('../_images/ground_entryFooterGreen.gif') no-repeat 15px top; }
.entryOrange .footer 					{ background: #DDD url('../_images/ground_entryFooterOrange.gif') no-repeat 15px top; }
.entryBlue .footer 						{ background: #DDD url('../_images/ground_entryFooterBlue.gif') no-repeat 15px top; }
.entryPurple .footer 					{ background: #DDD url('../_images/ground_entryFooterPurple.gif') no-repeat 15px top; }
.entryGrey .footer 						{ background: #DDD url('../_images/ground_entryFooterGrey.gif') no-repeat 15px top; }

#mostLovedEntries .footer				{ background-position: 35px top; }
	
.entry .footer .tools 							{ height: 22px; background: #DDD url('../_images/ground_entryFooterTools.gif'); }
.entry .footer .tools li 						{ font-family: Arial, sans-serif; font-size: 12px; color: #AAA; margin: 2px 10px; float: left; }
.entry .footer .tools li img 					{ }
.entry .footer .tools li.sharing 			{ font-weight: normal; float: right; }
.entry .footer .tools li.sharing img		{ display: none; }
.entry .footer .tools li a:link,
.entry .footer .tools li a:active,
.entry .footer .tools li a:visited 			{ color: #999; text-decoration: none; }
.entry:hover .footer .tools li a:link,
.entry:hover .footer .tools li a:active,
.entry:hover .footer .tools li a:visited 	{ color: #000; text-decoration: none; }
.entry:hover .footer .tools li a:hover 	{ color: #000; text-decoration: underline; }

.entry .footer .tools li.comment 			{ }
	
.entry .footer .comments 						{ background: #CFCFCF; margin: 2px 0 0 0; padding: 10px; display: none; }


/* -------------------------------------------	
Entry Load
------------------------------------------- */

#entries #extendedContent #allEntries 					{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 19px; text-align: center; background: #000; height: 36px; }

#entries #extendedContent #allEntries a:link,
#entries #extendedContent #allEntries a:active,
#entries #extendedContent #allEntries a:visited 	{ color: #FFF; padding: 9px 0; text-decoration: none; display: block; }
#entries #extendedContent #allEntries a:hover 		{ background: #FAC200; color: #FFF; }

#entries #extendedContent.loading 						{ background: #DDD url('../_images/ground_loading.gif') no-repeat center 10px; height: 36px; }


/* -------------------------------------------	
Text
------------------------------------------- */

#text h2					{ font-family: "adobe-text-pro-1","adobe-text-pro-2", Georgia, serif; font-size: 36px; line-height: 42px; background: #05A7D9; color: #FFF; padding: 50px; }
#text h2 a:link,
#text h2 a:active,
#text h2 a:visited	{ color: #FFF; text-decoration: underline; }
#text h2 a:hover		{ text-decoration: none; }

.textFooter 			{ background: #DDD url('../_images/ground_entryFooterBlue.gif') no-repeat 50px top; height: 20px; clear: both; }

#text h3					{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 16px; margin: 20px 0; }
#text h3 a:link,
#text h3 a:active,
#text h3 a:visited,
#text h3 a:hover		{ color: #000; text-decoration: underline; }

#text ul 				{ height: 1%; margin: 20px 0 0 0; overflow: hidden; }
#text ul li 			{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 16px; color: #666; background: #D3D3D3; padding: 6px 10px; margin: 0 2px 2px 0; float: left; display: block; }
#text ul li a			{ color: #666; text-decoration: none; }
#text ul li:hover		{ color: #000; background: #FFF; }
#text ul li:hover a		{ color: #000; }
#text ul li.lead		{ color: #000; background: #FAC200; }
#text ul li a:hover		{ text-decoration: underline; }

/* -------------------------------------------	
Footer
------------------------------------------- */

#footer p 					{ font-family: Arial, sans-serif; font-size: 10px; text-align: right; color: #AAA; }
	
#footer p a:link,
#footer p a:active,
#footer p a:visited 		{ color: #999; text-decoration: underline; }	
#footer p a:hover 		{ color: #000; text-decoration: none; }
		

/* -------------------------------------------
Submit
------------------------------------------- */
	
#lightbox 									{ background: #000; margin: 0; padding: 0; }
	
#lightbox #wrapper_lightbox 			{ background: #000; padding: 50px 60px 0 60px; margin: 0 auto; text-align: left; }
	
#lightbox #wrapper_lightbox a.close { float: right; margin: -40px -45px 0 0; }
	
#lightbox h1 								{ font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #FAC200; margin: 0 0 10px 0; }
	
#lightbox h2 								{ font-family: "adobe-text-pro-1","adobe-text-pro-2", Georgia, serif; font-size: 22px; line-height: 24px; color: #FFF; margin: 0 0 30px 0;  }
	
#lightbox h3 								{ margin: 0 10px 0 0; float: left; }
#lightbox h3 a:link,
#lightbox h3 a:active,
#lightbox h3 a:visited 					{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-size: 22px; text-decoration: none; color: #FFF; background: #FA6318; opacity: .85; filter: alpha(opacity=85); width: 150px; padding: 8px; display: block; }
#lightbox h3 a:hover 					{ opacity: 1.0; filter: alpha(opacity=100); }
#lightbox h3 a img.icon 				{ border-right: 1px solid #FFF; margin: 0 5px 0 0; }	
	
#lightbox form 							{ height: 1%; width: 480px; overflow: hidden; }
#lightbox form label 					{ display: none; }
#lightbox form input.text 				{ font-family: "adobe-text-pro-1","adobe-text-pro-2", Georgia, serif; font-weight: normal; font-size: 22px; color:#000; background: #FFF; padding: 0px; margin: 0 5px 0 0; height: 36px; border: 1px solid #FAC200; display: inline; }
#lightbox form input.error 			{ border: 1px solid #FA6318; }
#lightbox form textarea 				{ font-family: "adobe-text-pro-1","adobe-text-pro-2", Georgia, serif; font-weight: normal; font-size: 22px; color:#000; background: #FFF; height: 120px; width: 480px; margin: 0 0 10px 0;border: 1px solid #FAC200; display: block; }
#lightbox form textarea.error 		{ border: 1px solid #FA6318; }
#lightbox form p.error 					{ font-family: Arial, sans-serif; font-weight: normal; font-size: 14px; color: #FA6318; margin: 15px 0 0 0; clear: both; }
   	
#lightbox form input.button 			{ font-family: "news-gothic-std-1","news-gothic-std-2",sans-serif; font-weight: normal; font-size: 22px; color:#FFF; background: #FAC200; height: 38px; width: 150px; margin: 0 10px 0 0; border: none; display: block; }
#lightbox form input.button:hover 	{ color: #FFF; background: #DBAA00; border: none; }
    
#lightbox form .commentCounterDisplay 	{ font-family: Arial, sans-serif; font-size: 11px; color: #fff; text-align: right; padding: 2px 4px; }