/*
Theme Name: Teens For Life
Theme URI: http://www.sabramedia.com
Description: TeensForLife.com template by Axiom
Version: 1.0
Author: Nick Johnson | Joshua Wold
Author URI: http://www.nickjohnson.com

*/
HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, CODE, IMG, Q, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	margin: 0;
	padding: 0;
	border: 0;
}
.clearfix:after
{
	display: block;
	clear: both;
	height: 0;
	content: ".";
	visibility: hidden;
}
BODY
{
	font-size: 62.5%;
	background: url(img/stripedBackground.jpg);
	background-attachment: fixed;
	font-family: Arial, sans-serif, monospace;
}
A
{
	outline: none;
}
BODY #designWrap
{
	background: url(img/blogBackgroundTile.png) repeat-y;
	margin: 0 auto;
	width: 1020px;
}
BODY #container
{
	min-height: 700px;
	width: 1000px;
	position: relative;
	background: url(http://www.teensforlife.com/images/pageBackground.jpg) no-repeat top;
	margin: 0 auto;
}
/*> HOME*/
BODY#home #container
{
	margin: 0 auto;
	background: url(img/homeBackground.jpg) no-repeat 0;
	height: 701px;
	width: 1000px;
	position: relative;
}
/*HEADER*/
#headerWrap
{
	width: 100%;
	height: 83px;
	border-bottom: 2px solid #FFF;
	background: #392910;
}
#header
{
	z-index: 2;
	height: 83px;
	background: url(img/headerSplash.png) no-repeat 28px 16px;
	position: relative;
	width: 1050px;
	margin: 0 auto;
}
#header UL#headerNav
{
	position: absolute;
	top: 8px;
	right: 10px;
	list-style: none;
}
#header UL#headerNav LI
{
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #C5B59B;
}
#header UL#headerNav LI.last
{
	border: none;
}
#header UL#headerNav LI A
{
	color: #C5B59B;
	text-decoration: none;
}
#header UL#headerNav LI A:hover
{
	color: #958770;
	text-decoration: underline;
}
#header #siteSearch
{
	background: url(img/textFieldBG.png) no-repeat top left;
	width: 125px;
	height: 30px;
	position: absolute;
	right: 21px;
	top: 37px;
}
#header #searchform INPUT#s
{
	height: 18px;
	width: 110px;
	font-size: 12px;
	color: #000000;
	position: absolute;
	background: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: none;
}
/*LOGO*/
BODY#home #logo H1 A
{
	z-index: 75;
	text-indent: -9999px;
	top: 20px;
	left: 22px;
	width: 448px;
	height: 198px;
	position: absolute;
}
BODY#blog #logo H1 A
{
	z-index: 76;
	text-indent: -9999px;
	top: 18px;
	left: 22px;
	width: 440px;
	height: 158px;
	position: absolute;
}
/*PRIMARY NAV*/
#primaryNav UL
{
	background: url(http://www.teensforlife.com/images/primaryNavBG.png) no-repeat top left;
	position: absolute;
	width: 592px;
	height: 109px;
	top: 0px;
	left: 487px;
	list-style: none;
}
#primaryNav LI#inside A
{
	top: 2px;
	left: 45px;
	width: 75px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	position: absolute;
}
#primaryNav LI#inside A:hover
{
	background: url(http://www.teensforlife.com/images/primaryNav01.jpg) no-repeat top left;
}
#primaryNav LI#plan A
{
	top: 7px;
	left: 153px;
	width: 76px;
	height: 63px;
	text-indent: -9999px;
	display: block;
	position: absolute;
}
#primaryNav LI#plan A:hover
{
	background: url(http://www.teensforlife.com/images/primaryNav02.jpg) no-repeat top left;
}
#primaryNav LI#relationship A
{
	top: 2px;
	left: 258px;
	width: 122px;
	height: 76px;
	text-indent: -9999px;
	display: block;
	position: absolute;
}
#primaryNav LI#relationship A:hover
{
	background: url(http://www.teensforlife.com/images/primaryNav03.jpg) no-repeat top left;
}
#primaryNav LI#pregnant A
{
	top: 8px;
	left: 407px;
	width: 150px;
	height: 90px;
	text-indent: -9999px;
	display: block;
	position: absolute;
}
#primaryNav LI#pregnant A:hover
{
	background: url(http://www.teensforlife.com/images/primaryNav04.jpg) no-repeat top left;
}
/*SECONDARY NAV*/
#secondaryNav
{
	position: absolute;
	width: 207px;
	height: 228px;
	left: 33px;
	top: 204px;
}
#secondaryNav UL
{
	list-style: none;
}
#secondaryNav A.first-child
{
/*Controls all the individual li's*/
	display: block;
	width: 207px;
	height: 38px;
	padding-bottom: 1px;
	position: relative;
	text-indent: -9999px;
}
#secondaryNav UL LI UL
{
/*This controls the menu once it pops out*/
	width: 180px;
	left: 207px;
	padding-bottom: 5px;
	top: 0;
	position: absolute;
	color: #FFF;
	border: 1px solid #FFF;
	background: #253F56;
}
#secondaryNav UL LI UL A
{
	font-size: 125%;
	display: block;
	padding-top: 5px;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
}
UL LI UL A:hover
{
	font-weight: bold;
	color: #96AABC;
	text-decoration: none;
}
UL LI#whatsNew A.first-child:hover
{
	background: url(http://www.teensforlife.com/images/whatsNewHover.png) no-repeat center left;
}
UL LI#whatsNew.active
{
	background: url(http://www.teensforlife.com/images/whatsNew.png) no-repeat center left;
}
UL LI#topics UL
{
	top: 38px;
}
UL LI#topics A.first-child:hover
{
	background: url(http://www.teensforlife.com/images/hotTopicsHover.png) no-repeat center left;
}
UL LI#topics.active
{
	background: url(http://www.teensforlife.com/images/hotTopics.png) no-repeat center left;
}
UL LI#stand UL
{
	width: 180px;
	top: 77px;
}
UL LI#stand A.first-child:hover
{
	background: url(http://www.teensforlife.com/images/takeAStandHover.png) no-repeat center left;
}
UL LI#stand.active
{
	background: url(http://www.teensforlife.com/images/takeAStand.png) no-repeat center left;
}
UL LI#informed UL
{
	top: 119px;
}
UL LI#informed A.first-child:hover
{
	background: url(http://www.teensforlife.com/images/beInformedHover.png) no-repeat center left;
}
UL LI#informed.active
{
	background: url(http://www.teensforlife.com/images/beInformed.png) no-repeat center left;
}
UL LI#speak UL
{
	top: 120px;
}
UL LI#speak A.first-child:hover
{
	background: url(http://www.teensforlife.com/images/speakOutHover.png) no-repeat center left;
}
UL LI#speak.active
{
	background: url(http://www.teensforlife.com/images/speakOut.png) no-repeat center left;
}
UL LI#backstagePass UL
{
	top: 190px;
}
UL LI#backstagePass A.first-child:hover
{
	background: url(http://www.teensforlife.com/images/backstagePassHover.png) no-repeat center left;
}
UL LI#backstagePass.active
{
	background: url(http://www.teensforlife.com/images/backstagePass.png) no-repeat center left;
}
/*>HOME*/
BODY#home #secondaryNav
{
/*This specifies that the nav needs to be moved over on home*/
	z-index: 99;
	top: 220px;
	left: 218px;
}
BODY#home #secondaryNav UL LI UL
{
	margin-top: -38px;
}
/*CONTENT*/
#content
{
	/*[disabled]display:none;*/
	float: left;
	margin-right: -768px;
	margin-left: 371px;
	width: 398px;
	padding-top: 191px;
}
#content .speakOut
{
	/*[empty]margin-bottom:;*/
	text-indent: -9999px;
}
#content H1
{
	color: #39485C;
	font-size: 2em;
}
#content H1 A
{
	color: #253F56;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#content H2
{
	color: #39485C;
	font-size: 3em;
	margin-top: -28px;
}
.post
{
	border-bottom: 2px solid #3A475C;
}
#content P
{
	font-size: 1.2em;
	margin: 10px 0;
	line-height: 1.5em;
}
.singlePost .entry P
{
	margin: 7px 0;
}
.entry UL
{
	padding: 10px 0 10px 17px;
	width: 380px;
}
.entry LI
{
	padding: 5px 0;
}
/*> HOME*/
BODY#home #homeContent P
{
	font-size: 1.2em;
}
BODY#home #homeContent
{
	position: absolute;
	width: 261px;
	left: 548px;
	top: 158px;
}
/*BLOG HOME*/
#kickWidget_99668_189308
{
	position: absolute;
	top: 10px;
	left: -3px;
}
BODY#blog #kickWidget_99668_189308
{
	position: relative;
	top: -9px;
	left: -4px;
}
/*BLOG COMMENTS*/
P.postmetadata
{
	font-size: 1em !important;
	color: #39485C;
	padding-bottom: 5px;
}
#comments
{
	border-top: 2px solid #3A475C;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 10px;
}
#comments H1
{
	margin-top: 10px;
	margin-bottom: 5px;
}
.singleComment
{
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 2px solid #3A475C;
}
FORM#form-comment.form INPUT#submit
{
	margin-left: 314px;
	border: none;
	height: 30px;
	width: 82px;
	text-indent: -9999px;
	background: url(img/submit.png) no-repeat;
}
.singleComment H4
{
	margin-bottom: 17px;
}
.singleComment.lastComment
{
	border: none;
}
#form-comment UL
{
	list-style: none;
}
#comment.message
{
	width: 393px;
}
.comment-author
{
	margin-top: 8px;
	margin-bottom: 9px;
}
DIV.comment-meta
{
	position: relative;
	top: -40px;
	left: 35px;
}
DIV.comment-meta A
{
	font-size: 1em;
	color: #39485C;
	position: relative;
	top: 33px;
	left: -35px;
	text-decoration: none;
}
DIV.comment-meta A:hover
{
	text-decoration: underline;
}
#form-comment INPUT
{
	margin-bottom: 5px;
	margin-right: 5px;
	width: 139px;
	height: 20px;
}
#form-comment P LABEL SMALL
{
	color: #39485C;
	font-weight: bold;
	font-size: 110%;
}
.singlePost #comments #h3comments
{
	font-style: italic;
	color: #39485C;
	margin-top: 5px;
	font-weight: bold;
	font-size: 200%;
}
.comment-author A
{
	position: relative;
	top: 0px;
	left: 1px;
	text-decoration: none;
	color: #39485C;
	font-weight: bold;
	font-size: 125%;
}
.comment-author A:hover
{
	text-decoration: underline;
}
#comments H2.leaveComment
{
	border-top: 2px solid #3A475C;
	margin-top: 11px;
	padding-top: 35px;
	font-style: italic;
	margin-bottom: 8px;
	font-weight: bold;
}
DIV#comments OL
{
	list-style: none;
}
/*BLOG SIDEBAR*/
#sidebar #searchform DIV INPUT#s
{
	width: 118px;
}
BODY#blog #sidebar
{
	/*[disabled]display:block;*/
	/*[disabled]position:relative;*/
	/*[disabled]left:798px;*/
	/*[disabled]top:356px;*/
	float: left;
	margin-top: 353px;
	margin-left: 798px;
	width: 190px;
	padding-bottom: 10px;
}
BODY#blog #sidebar H2
{
	color: #39485C;
	font-size: 1.5em;
	margin-top: 10px;
	margin-left: 3px;
}
BODY#blog #sidebar H2.whatsNew-headline
{
	border-top: 2px solid #3A475C;
	height: 54px;
	text-indent: -9999px;
	margin-bottom: 5px;
	margin-top: 12px;
	margin-left: 0;
	background: url(http://www.teensforlife.com/images/whatsNewHeadline.png) no-repeat 0px 10px;
}
BODY#blog #sidebar H2.speakOut-headline
{
	border-top: 2px solid #3A475C;
	height: 54px;
	text-indent: -9999px;
	margin-bottom: 5px;
	margin-top: 12px;
	margin-left: 0;
	background: url(http://www.teensforlife.com/images/speakOutHeadline.png) no-repeat 0px 10px;
}
BODY#blog #sidebar P
{
	color: #39485C;
}
BODY#blog #sidebar UL
{
	list-style: none;
}
BODY#blog #sidebar LI A
{
	display: block;
	font-weight: bold;
	font-size: 1em;
	color: #39485C;
	margin-left: 16px;
	background: url(http://www.teensforlife.com/images/bullet.gif) no-repeat center left;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
BODY#blog #sidebar LI A#subscribe
{
	background: none;
}
#searchform LABEL.hidden
{
	display: none;
}
#sidebar #searchform #searchsubmit
{
	font-size: 1px;
	color: #FFF;
	height: 30px;
	width: 63px;
	text-indent: -9999px;
	border: none;
	background: url(http://www.teensforlife.com/images/search.png) no-repeat;
}
BODY#blog #sidebar #rssFeedText
{
	font-size: 150%; padding: 10px 0 0 0;
}
BODY#blog #sidebar H3 A#subscribe
{
	text-decoration: underline;
	font-size: 1.2em;
	color: #39485C;
	margin-left: 93px;
}
BODY#blog IMG#readersImage
{
	margin-top: 9px;
	margin-right: 5px;
	float: left;
}
/*LOGIN*/
#logIn
{
	z-index: 5;
	position: absolute;
	background: url(img/logIn.png) no-repeat;
	top: 119px;
	left: 813px;
	height: 244px;
	width: 244px;
}
#logIn H1#logInH1
{
	text-indent: -9999px;
}
#logIn H1#joinNow A
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 112px;
	top: 24px;
	height: 40px;
	width: 109px;
	float: left;
}
#logIn P.rememberMe
{
	text-indent: -9999px;
}
#logIn UL
{
	list-style: none;
}
#logIn LI LABEL
{
	display: none;
}
#logIn LI INPUT.username
{
	border: none;
	position: absolute;
	left: 35px;
	top: 91px;
	background: none;
}
#logIn LI INPUT.password
{
	border: none;
	position: absolute;
	top: 141px;
	left: 35px;
	background: none;
}
INPUT.checkbox
{
	left: 29px;
	top: 171px;
	position: absolute;
	background: none;
}
#logIn #submitLogIn
{
	font-size: 0px;
	color: #FFF;
	text-indent: -9999px;
	display: block;
	background: none;
	position: absolute;
	width: 69px;
	height: 28px;
	top: 166px;
	left: 147px;
	border: none;
	#font-size: 0;
	#text-indent: 0;
	#padding: 40px 0 0;
	#height: 25px;
	#overflow: hidden;
}
#logIn P.forgotPassword A
{
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 206px;
	left: 28px;
	height: 12px;
	width: 183px;
}
#logIn #error-message
{
	padding-top: 2px;
	text-align: center;
	font-size: 88%;
	display: none;
	border: 1px solid #113;
	position: absolute;
	top: -12px;
	left: 19px;
	width: 201px;
	height: 31px;
	background: #F5C900;
}
/*LOGGEDIN*/
#loggedIn
{
	z-index: 5;
	position: absolute;
	background: url(img/loggedIn.png) no-repeat;
	top: 119px;
	left: 813px;
	height: 244px;
	width: 244px;
}
#loggedIn P
{
	color: #EEEBD5;
}
#loggedIn H2
{
	font-size: 115%;
	position: absolute;
	left: 27px;
	top: 16px;
	color: #EFECD6;
}
#loggedIn #chatWithFriends
{
	position: absolute;
	left: 42px;
	top: 42px;
}
#loggedIn IMG
{
	position: absolute;
	top: 67px;
	left: 45px;
}
#loggedIn #notUsername
{
	position: absolute;
	top: 110px;
	left: 58px;
}
#loggedIn #notUsername A
{
	color: #D4D5D0;
}
/*HOME BACKSTAGE PASS*/
BODY#home #backstagePass
{
	z-index: 3;
	text-indent: -9999px;
	width: 332px;
	height: 864px;
	background: url(img/backStagePass.png) no-repeat;
	position: relative;
	top: -109px;
	left: -101px;
}
BODY#home #backstagePass UL
{
/*Need to have a background of none, keeps backStagePass.png from showing through*/
	background: none;
	position: absolute;
	width: 178px;
	height: 81px;
	top: 707px;
	left: 86px;
	list-style: none;
}
BODY#home #backstagePass LI#music A
{
	text-indent: -9999px;
	position: absolute;
	width: 69px;
	height: 34px;
	top: 25px;
	left: -1px;
}
BODY#home #backstagePass LI#music A:hover
{
	background: url(img/backStagePassMusic.jpg) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
	width: 69px;
	height: 34px;
	top: 25px;
	left: -1px;
}
BODY#home #backstagePass LI#videos A
{
	text-indent: -9999px;
	position: absolute;
	width: 74px;
	height: 34px;
	top: 12px;
	left: 101px;
}
BODY#home #backstagePass LI#videos A:hover
{
	background: url(img/backStagePassVideos.jpg) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
	width: 74px;
	height: 34px;
	top: 12px;
	left: 101px;
}
BODY#home #backstagePass LI#reviews A
{
	text-indent: -9999px;
	position: absolute;
	width: 151px;
	height: 46px;
	top: 60px;
	left: 17px;
}
BODY#home #backstagePass LI#reviews A:hover
{
	background: url(img/backStagePassBookReviews.jpg) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
	width: 151px;
	height: 46px;
	top: 60px;
	left: 17px;
}
/*HOME BLOG*/

BODY#home #blog
{
	position: absolute;
	width: 200px;
	height: 260px;
	top: 390px;
	left: 234px;
}
BODY#home #blog H1  
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 40px;
	width: 235px;
	display: block;
}
BODY#home #blog UL
{
	list-style: none;
	position: absolute;
	left: 25px;
	top: 55px;
}
BODY#home #blog UL LI
{
	font-size: 1em;
	padding-bottom: 7px;
	padding-top: 2px;
	border-bottom: 1px solid #626B74;
}
BODY#home #blog A
{
	color: #626B74;
	text-decoration: none;
}
BODY#home #blog A#rss
{
	display: none;
	height: 22px;
	width: 64px;
	position: absolute;
	left: 133px;
	top: 200px;
}
/*HOME Newsletter*/
#homeNewsletter
{
	position: absolute;
	width: 180px;
	height: 100px;
	top: 240px;
	left: 10px;
	display: block;
	z-index: 200;
	}
/*HOME MUSIC*/
#homeMusic
{
	z-index: 200px;
	position: absolute;
	width: 150px;
	height: 18px;
	top: 110px;
	right: 5px;
	display: block;
}
/*Network Links*/
#networkLinks
{
	z-index: 0;
	position: absolute;
	width: 489px;
	height: 380px;
	top: 610px;
	left: 110px;
	text-align: center;
}/*HOME VIDEO*/
#homeVideo
{
	z-index: 0;
	position: absolute;
	width: 489px;
	height: 380px;
	top: 293px;
	left: 500px;
}

/*FOOTER*/
#footer
{
	background: url(img/footerBackground.png) repeat-y;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	height: 94px;
	width: 1020px;
}
#footer P
{
	padding-top: 17px;
}
#footer P A
{
	text-decoration: none;
	color: #FFF;
}
