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

	DEFINITIONS:	Typography
	AUTHOR:			Elliot Jay Stocks
	VERSION:		17.08.2009
	
	CONTENTS:
		
	1				Font families
	2				Defaults
	3				Links
	4				Specifics: h2
	5				Specifics: h3
	6				Specifics: h4
	7				Specifics: p
	8				Misc.

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


/* 1	Font families */
@font-face { font-family:"MuseoThree"; src:url("Museo300-Regular.otf") format("opentype"); } /* A font by Jos Buivenga: http://exljbris.nl */
@font-face { font-family:"MuseoSeven"; src:url("Museo700-Regular.otf") format("opentype"); } /* A font by Jos Buivenga: http://exljbris.nl */
body, div.networks ul li a div.description { font:11px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333 }
h1 a { background:url(h1.gif); width:369px; height:61px; text-indent:-9999px; display:block; position:absolute; top:-25px; left:-28px } /* top:-25px to offset the extra 25px top padding that div.welcome has (75px instead of the 50px usual) */
h2, form#searchform input, input.submit { font:19px/20px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif }
h2 strong { font:bold 29px/40px "MuseoSeven", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif }	
h3, div.global_nav, a.close, ul.local_nav, .button, label, a.follow, cite p, ul.tags li, div.footer { font:15px/18px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif }
h3 strong, div.networks ul li a, cite p strong { font:bold 15px/18px "MuseoSeven", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif }



/* 2	Defaults */
/*h4 { text-transform:uppercase; letter-spacing:1px; font-weight:bold; margin:0 0 -10px 0 }*/
h4 { font:11px/15px "MuseoSeven", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif  }

p { margin:10px 0 }
a { color:#c03 }
a:hover { color:#39c }
a:active { color:#000 }
label { display:block; margin:0 0 5px 0 }

/* 3	Links */
div.global_nav, div.footer { color:#999 }
div.global_nav a, div#publishers a, div.footer a { color:#fff }
div.global_nav a:hover, div#publishers a:hover, div.footer a:hover { color:#cae0e7 }
div.global_nav a:active, div#publishers a:active, div.footer a:active { color:#cae0e7 }
ul.tags li a, div.bubble a, div.advertisers ul li a { color:#1a8ab7 }
ul.tags li a:hover, div.bubble a:hover, div.advertisers ul li a:hover { color:#c03 }
ul.tags li a:active, div.bubble a:active, div.advertisers ul li a:active { color:#000 }
div.ads a, div.networks ul li a { color:#333 }
div.ads a:hover { color:#39c }
div.ads a:active { color:#000 }
a.follow:hover { color:#333 }
a.follow span { color:#c03 }
a.follow:hover span { color:#39c }
a.follow:active span { color:#000 }
ul.local_nav { text-align:center }
ul.local_nav li a { color:#fff }
ul.local_nav li a:hover { color:#cae0e7 }
.button { background:#536b84; margin:20px 0 40px 0; padding:10px; color:#fff; display:block; text-align:center }
.button:hover { background:#c03; color:#fff }
.button:active { background:#000 }
div.sidebar.button { margin:0 }
a.price_tag { color:#fff; background:#1a8ab7; padding:5px; position:absolute; bottom:-10px; right:10px }
a.price_tag:hover { background:#c03 }

/* 4	Specifics: h2 */
div.welcome h2 { padding:0 0 50px 420px }
li.post h2 { margin:10px 0 0 0 }
div#publishers h2 { color:#fff; position:absolute; top:0; left:240px }
div.networks h2, div#plans h2 { text-align:center; padding:50px 0 }
div#plans ul li h2 { text-align:left; padding:20px }
div#plans2 ul li h2 { text-align:left; padding:20px }
body.page div#contact h2 { margin:0 0 30px 0 }


/* 5	Specifics: h3 */
div.welcome h3, div#info h3, h3.contact_directly { line-height:30px }
body.page div.welcome h3 { padding:0 0 0 420px }
div.ads h3 { margin:0 0 10px 0 }
body.page div.ads h3 { padding:0 }
div#plans ul li h3 { margin:-20px 0 20px 0; padding:0 20px 20px 20px; border-bottom:1px solid #ccc }
div#plans2 ul li h3 { margin:-20px 0 20px 0; padding:0 20px 20px 20px; border-bottom:1px solid #ccc }
h3.contact_directly { margin:30px 0 0 0; text-align:center }
div.blog h3 { margin:20px 0 }
li.post h3 { margin:0 0 30px 0 }
li.post ol.commentlist li h3 { margin:0 }
div.questions_and_answers ul li h3 { margin:30px 0 -10px 0 }
div.advertisers h3 { margin:100px 0 20px 0 }
/* div#info h3 { color:#fff; padding:0 0 50px 420px } */

/* 6	Specifics: h4 */
li.post ol.commentlist li h4 { margin:0 0 20px 0 }


/* 7	Specifics: p */
div.ads p.powered { font-style:italic; margin:10px 0 0 0 }
p.prev { float:left; margin:0 }
p.next { float:right; margin:0 }


/* 8	Misc. */
div#contact form div div { color:#000 }
div#publishers ul.members_design li ul li a span { background:#000; text-transform:uppercase; margin:0 0 0 2px; padding:2px 3px }

.error { background-color:red; }