/*------------------------------------------------------------------------
# Girl Tech - TYPOGRAPHY CSS > September, 2007 (v1.0)
# ------------------------------------------------------------------------

/*------------------------------------------------------------------------
	TYPOGRAPHY
-------------------------------------------------------------------------*/

.typo { font-size: 1.1em; line-height: 1.4em; }

.typo h1 { font-size: 1.6em; text-indent: -9999px; display: block; height: 159px; width: 640px; margin: 0px; padding: 0px; }

.typo h1.electronics { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.digiMakeover { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.stylinstudio { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.passwordJournal { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.imMe { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.videoJournal { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.passwordJournalV2 { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.passwordPuppies { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.pen { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }
.typo h1.moodBeams { background: url(../media/titles/header_electronics.jpg) no-repeat left top; }

.typo h1.community { background: url(../media/titles/header_community.jpg) no-repeat left top; }
.typo h1.messageBoards { background: url(../media/titles/header_community.jpg) no-repeat left top; }
.typo h1.polls { background: url(../media/titles/header_community.jpg) no-repeat left top; }
.typo h1.letters { background: url(../media/titles/header_community.jpg) no-repeat left top; }
.typo h1.newsletters { background: url(../media/titles/header_community.jpg) no-repeat left top; }

.typo h1.facts { background: url(../media/titles/header_facts.jpg) no-repeat left top; }
.typo h1.historyMission { background: url(../media/titles/header_facts.jpg) no-repeat left top; }
.typo h1.faqs { background: url(../media/titles/header_faq.jpg) no-repeat left top; }
.typo h1.contactUs { background: url(../media/titles/header_facts.jpg) no-repeat left top; }
.typo h1.privacyPolicy { background: url(../media/titles/header_privacypolicy.jpg) no-repeat left top; }
.typo h1.terms { background: url(../media/titles/header_termsconditions.jpg) no-repeat left top; }
.typo h1.newsPress { background: url(../media/titles/header_facts.jpg) no-repeat left top; }
.typo h1.storeLocations { background: url(../media/titles/header_storelocator.jpg) no-repeat left top; }

.typo h1.gamesDownloads { background: url(../media/titles/header_gamesdownloads.jpg) no-repeat left top; }
.typo h1.games { background: url(../media/titles/header_gamesdownloads.jpg) no-repeat left top; }
.typo h1.downloads { background: url(../media/titles/header_gamesdownloads.jpg) no-repeat left top; }
.typo h1.links { background: url(../media/titles/header_gamesdownloads.jpg) no-repeat left top; }
.typo h1.ttips { background: url(../media/titles/header_gamesdownloads.jpg) no-repeat left top; }

.typo h2 { font-size: 1.5em; color: #6a327c; padding-bottom: 1.0em; }

.typo h3 { font-size: 1.2em; font-weight: bold; color: #f172ac;  padding-bottom: 1.1em; clear: both; }

.typo h3.forProd { font-size: 1.0em; font-weight: bold; color: #f172ac;  padding-bottom: 1.1em; padding-left: 20px; clear: both; }

.typo h4 { font-size: 1.0em; text-transform: uppercase; font-weight: bold; }

.typo p, .typo pre, .typo blockquote, .typo ul, .typo ol { margin: 0px; padding: 0px 0px 15px 0px; }

.typo ul { list-style: none; clear: both; }

.typo ul li { padding: 0px 0px 10px 35px; line-height: 1.2em; background: url(../media/typo/bullet-list.gif) no-repeat 25px 5px; }

.typo ol li { padding: 0px 0px 10px 0px; margin-left: 35px; line-height: 1.2em; }

.typo fieldset { background-color: transparent; border: 1px solid #CCC; margin: 1em 0; padding: 1em; }

.typo fieldset legend { font-weight: bold; color: #F172AC; font-size: 1.1em; padding: 0px 5px; }

.typo fieldset p { position: relative; width: 100%; padding: 0px 0px 5px 0px; }

.typo fieldset input.radio { width: auto; }

.typo fieldset label { display: inline; float: none; padding-right: 1em; text-align: right; }

.typo fieldset a { font-weight: bold; }

.typo hr { border-top: 1px solid #f172ac; border-right: 0; border-left: 0; border-bottom: 1px solid #e1e1e1; height: 2px; margin-bottom: 10px; clear: both; }

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
.typo pre, .typo .code { padding: 10px 15px; margin: 5px 0 15px 15px; border-left: 5px solid #999999; font: 1em/1.5 "Courier News", monospace; background: #f2f2f2; width: 82%; }

.typo blockquote { padding: 1em 40px 1em 15px; }

.typo blockquote span.open { padding: 0 0 0 20px; background: url(../media/typo/so-q.gif) no-repeat left top; }

.typo blockquote span.close { padding: 0 20px 0 0; background: url(../media/typo/sc-q.gif) no-repeat bottom right; }

/* Quote hilight */
.quote-hilite { padding : 10px 15px; margin: 0; background: #FFFFFF; border: 1px solid #CACACC; }

/* Small quote */
.small-quote { background: none; margin: 0; padding: 0; }

.small-quote span.open-quote { background: url(../media/typo/so-q.gif) no-repeat center left; margin: 0; padding-left: 20px; }

.small-quote span.close-quote { background: url(../media/typo/sc-q.gif) no-repeat center right; margin: 0; padding-right: 20px; }

.small-quote span.author { display: block; padding: 2px 5px 2px 20px; background: url(../media/typo/author.gif) no-repeat 5px 4px #EAEBEE; border-top: 1px solid #DCDDE0; margin: 0.5em 0 0; text-transform: uppercase; font-size: 90%; }

/* Rropcap */
.dropcap { float: left; padding: 4px 8px 0 0; display: block; color: #999999; font: 50px/40px Georgia, Times, serif; }

.dropcap-hilite { float: left; margin-right: 5px; padding: 4px; display: block; color: #CC0000; background: #FFFFFF; font: 50px/40px Georgia, Times, serif; }

/* Tips, Error, Message, Hightlight*/
.error { padding-left: 25px !important; margin-left: 15px !important; color: #666666; background: url(../media/typo/bullet-error.gif) no-repeat top left; }

.message { padding-left: 25px !important; margin-left: 15px !important; color: #999999; background: url(../media/typo/bullet-info.gif) no-repeat top left; }

.tips { padding-left: 25px !important; margin-left: 15px !important; color: #666666; background: url(../media/typo/bullet-tips.gif) no-repeat top left; }

.highlight { padding: 1px 5px; background: #FFFFCC; font-weight: bold; }

/* Note Style */
p.stickynote { background: url(../media/typo/sticky-bg.gif) no-repeat 5px center #FFFFFF; padding: 10px 0px 10px 40px; margin: 0px 15px; border: 1px solid #CACACC; }

p.download { background: url(../media/typo/download-bg.gif) no-repeat 5px center #FFFFFF; padding: 10px 0px 10px 40px; margin: 0px 15px; border: 1px solid #CACACC; }

.blocknumber { clear: both; padding: 5px 15px 10px; position: relative; }

/* Check list */
ul.checklist { list-style: none; }

ul.checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../media/typo/checklist-bg.gif) no-repeat 0 3px; }

/* Check list */
ul.stars { list-style: none; }

ul.stars li { margin-left: 15px; padding: 0px 0 5px 20px; background: url(../media/typo/star-bg.gif) no-repeat 0 3px; }

/* Bignumber */
.bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; color: #CC0000; background: url(../media/typo/ol-bg.gif) no-repeat top left; font: 20px/normal Arial, sans-serif; font-weight: bold; }

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 15px; }

div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { padding-left: 15px; margin-left: 15px; font-weight: bold; background: url(../media/typo/author.gif) no-repeat center left; }

div.bubble1 div { margin: 0; width: 100%; background: url(../media/typo/bub1-br.gif) no-repeat bottom right; }

div.bubble1 div div { background: url(../media/typo/bub1-bl.gif) no-repeat bottom left; }

div.bubble1 div div div { background: url(../media/typo/bub1-tr.gif) no-repeat top right; }

div.bubble1 div div div div { background: url(../media/typo/bub1-tl.gif) no-repeat top left; }

div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto; }

div.bubble2 div { margin: 0; width: 100%; background: url(../media/typo/bub2-br.gif) no-repeat bottom right; }

div.bubble2 div div { background: url(../media/typo/bub2-bl.gif) no-repeat bottom left; }

div.bubble2 div div div { background: url(../media/typo/bub2-tr.gif) no-repeat top right; }

div.bubble2 div div div div { background: url(../media/typo/bub2-tl.gif) no-repeat top left; }

div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto; }

div.bubble3 div { margin: 0; width: 100%; background: url(../media/typo/bub3-br.gif) no-repeat bottom right; }

div.bubble3 div div { background: url(../media/typo/bub3-bl.gif) no-repeat bottom left; }

div.bubble3 div div div { background: url(../media/typo/bub3-tr.gif) no-repeat top right; }

div.bubble3 div div div div { background: url(../media/typo/bub3-tl.gif) no-repeat top left; }

div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto; }

div.bubble4 div { margin: 0; width: 100%; background: url(../media/typo/bub4-br.gif) no-repeat bottom right; }

div.bubble4 div div { background: url(../media/typo/bub4-bl.gif) no-repeat bottom left; }

div.bubble4 div div div { background: url(../media/typo/bub4-tr.gif) no-repeat top right; }

div.bubble4 div div div div { background: url(../media/typo/bub4-tl.gif) no-repeat top left; }

div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto; }

/* Box style */
.box-hilite { background: url(../media/typo/box-hilite-bg.gif) repeat-x bottom left #FFFFFF; margin: 20px 0 0 0; padding: 15px; border: 1px solid #CACACC; }

/* Poll Results */

.pollBox {
	float: left;
	display: block;
	margin-right: 10px;
	padding: 5px 0 0 0;
	height: 27px;
	width: 111px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 23px;
	background: url(../media/layout/bg-polls-percent.gif) top left no-repeat;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	}

.pollanswer { margin: 0; padding: 5px 0px 0px 5px; font-size: 1.2em; font-weight: bold; color: #974394; }