/*  
Theme Name: Teen Relationships
Description: Modified theme for CORA's Teen Relationships site
Version: 1.0
Author: iStep
*/

html {
	font-size: 76%;
}

body {
	color: #ffffff;
	background: #333366;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	width: 770px;
	margin: 0px auto;
}

#title {
	text-align: center;
}

#navigation {
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
}

#navigationbar {
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
/*	background-color: #313031;*/
	padding: 5px 0px 5px 0px;
}
.navigationmenu {
/*	border-right: 1px solid white;*/
     	text-decoration: none;
/*     	background-color: #313031; */
       	padding: 5px;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
}

.navigationmenu:hover {
	background-color: #5A8EC6;
}

#content {
	font-size: 1.2em;
	margin-top: 10px;
	padding-bottom: 20px;
}

#frontpage {
	background: url('images/intro-box.gif') no-repeat 0px 10px;
	margin-left: 27px;
}

#page {
	width: 745px;
	margin: auto;
}

#column1, #column2, #column3 {
	position: relative;
}

#column1 {
	float: left;
	width: 275px;
	padding-top: 20px;
}

#column1 p {
	width: 73%;
	margin-left: 40px;
	font-size: 0.96em;
	color: #010101;
}

#column1 p.p2 {
	margin-top: 5px;
	margin-left: 90px;
}

#column2 {
	float: left;
	margin-left: -20px;
	margin-top: 30px;
        padding-bottom: 20px;
	width: 200px;
	height: 200px;
}	

#column1 a, #column3 a {
	font-weight: bold;
}

#column3 {
	float: right;
        margin-left: -20px;
        margin-top: -25px;
	width: 220px;
	height: 350px;
	background: url('images/quiz.gif') no-repeat 0px 40px;
}

#column3 p {
	font-size: 1.2em;
	width: 60%;
	margin: 0px auto;
	margin-top: 120px;
	margin-left: 21px;
	text-align: left;
}

#kid {
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
}

#news {
	margin: 0px;
}

#footer {
#	height: 84px;
#	background: url('images/footer.gif') center no-repeat;
#	margin-bottom: 20px;
#}

.footer { 
position: relative; 
margin-bottom: 20px;                                     
height: 84px;
background: url('images/footer.gif') center no-repeat; 
background-repeat: no-repeat; 
}


#box-link { 
position: absolute; 
top: 8px; 
left: 325px; 
width: 150px; 
height: 63px; 
background-color: transparent; 
}


#content div.box {
	border: solid 1px;
	padding: 10px;
	margin: 20px;
}

#footer .box {
	width: 240px;
	text-align: center;
	font-size: 0.8em;
	margin: auto 10px;
	padding-top: 2px;
}

h1, h2, h3, h4, h5, h6 {
	color: #ffcc00;
}

a {
	color: #ff9900;
}

a img {
	border: none;
}

div.ask-meta {
	width: 360px;
	font-size: 0.9em;
	float: right;
	border-left: solid 1px;
	padding-left: 10px;
	margin-top: 20px;
}

div.ask-meta1 {
	width: 720px;
	font-size: 0.9em;
	float: right;
	border-left: solid 0px;
	padding-left: 10px;
	margin-top: 20px;
}

div.ask-meta p {
	margin-top: 0px;
}

div.commentfield {
	margin: 5px 0px;
}

fieldset {
	border: none;
}

.clear {
	clear: both;
	margin-left: 7px;
}

.right {
	float: right;
	text-align: right;
}

.left {
	float: left;
	text-align: left;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

.small {
	font-size: 0.8em;
}

.more {
	position: relative;
	font-weight: bold;
	text-align: right;
	margin-top: -33px;
        margin-right: 90px;
}

.highlight, .phone {
	color: #ffcd5e;
	font-weight: bold;
}

.hotline {
	font-size: 1.0em !important;
	padding-top: 15px !important;
}

.alert {
	color: #990000;
	font-weight: bold;
}

#safety-alert {
	text-align: center;
	font-size: 1.2em;
	width: 90%;
	padding: 2px;
	margin: 10px auto;
}

.title {
	font-style: italic;
}

blockquote {
	padding: 5px 15px;
	margin-left: 10px;
	background: #0dc2ad;
}

.notice {
	background: #0dc2ad;
	padding: 1px 10px;
}

dl {
	margin-left: 5px;
}

dt, dd {
	margin-left: 0px;
	padding-left: 0px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 20px;
}
	
#spectrum {
	width: 100%;
	margin-bottom: 30px;
}

th.spectrum-header {
	padding: 0px;
}

td.spectrum-column {
	width: 33%;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

#spectrum #healthy {
	background: #006699;
}

#spectrum #unhealthy {
	background: #3399cc;
}

#spectrum #abusive {
	background: #53b8ec;
}

td.spectrum-column h3 {
	text-align: center;
}

#recent-posts {
	width: 65%;
	float: left;
}

#category-list li {
	display: inline;
}

ul.post-index, ul.post-index li {
	padding-left: 0px;
	margin-left: 0px;
}

ul.post-index li {
	height: 4em;
	list-style: none;
	margin-left: 20px;
}

ul.post-index a {
	text-decoration: none;
	font-weight: bold;
}

ul.post-index a.title {
	font-size: 1.3em;
}

ul.post-index span.metadata {
	font-size: 0.9em;
	margin-left: 20px;
}

div.post h2 {
	margin-bottom: 30px;
}

.metadata {
	font-style: italic;
	float: right;
	margin-right: 20px;
}

p.quizjs {
	display: none;
}

p.quizchoices {
	font-weight: bold;
}

p.quizchoices, p.quizanswer {
	margin-left: 20px;
}

h2 span.edit-link {
	font-size: 0.7em;
}

p.edit-link {
	float: right;
}

#comments, #respond {
	margin-top: 40px;
}