/* REMOVE STANDARD FORMATTING FROM HTML ELEMENTS */

body {
	margin:0;
	padding:0;
}

p, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size:100%;
}

form, select, input, textarea, optgroup {
	margin: 0;
	padding: 0;
	font-size:100%;
	font: 1em "Trebuchet MS", Arial, helvetica, sans-serif;
}

a img {border:none;}

.l-clr {
clear:left;
}

/* LAYOUT AND STRUCTURE */

body { 
	font: 12px "Trebuchet MS", Arial, helvetica, sans-serif; 
	background: #73a007 url(/images/teens/body.jpg) repeat-x top center;
	text-align: center; 
}  

a { color: #2b71b2; text-decoration: none; font-weight: bold;}
a:hover { text-decoration: underline; }


#container {
	padding: 0 12px;
	text-align: left;
	background: url(/images/flames-top.gif) repeat-x top center;
	width: 771px;
margin:0 auto;
}
	
/* BANNER */

	#panel {
		height: 100px;
	}
#banner h1 {
margin:5px 0 0 0;
float:left;
}
#banner h1 a {
display:block;
height:53px;
width:384px;
text-indent: -999em;
		background: url(/images/teens/ovcteens.gif) no-repeat;
}
#banner p a {
float:right;
display:block;
width:114px;
height:49px;
text-indent:-9999px;
background:url(/images/teens/ministryofovc.gif) no-repeat top left;
}

#mainmenu { 
clear:both;
}
#mainmenu ul, #mainmenu li {
margin:0;padding:0;
list-style:none;
float:left;clear:none;
}
#mainmenu ul {
margin-top:6px;
}
#mainmenu a {
float:left; 
display:block;
padding: 7px;
clear:none;
}
#mainmenu a:hover {
background:#549adb;
text-decoration:none;
color:#fff;
}


/* Main Module Content Styling */

#main { margin: 0 200px 0 0; }

h3 {
	font-size:150%;
	color: #aae35e;
	line-height: 21px;
	margin: 0 0 15px 0;
	text-align: right;
}

.entry {
overflow:hidden;
border-bottom:dashed 1px #628b00;
}
h2 {
font-size:200%;
color:#75bbfc;
padding:0 0 10px 0;
text-transform:uppercase;
}
.entry h3 {
	font-size:170%;
	line-height: 21px;
	margin:10px 0 5px 0;
	text-align: left;
}
.entry h4 {
color:#fff;
}
.entry h3 a {color:#75bbfc;}
.entry a { color: #aae35e; }

.entry p, .entry dd {
	margin: 5px 0 8px 0;
color:#efe;
	line-height: 1.2;
font-size:120%;
}

.entry img { margin: 7px; }


/* SideModule Styling */

#sidebar {
background: #aae35e url(/images/teens/sidebar-top.gif) no-repeat top left;
float:right;
width:191px;
}

.sidemod {margin: 0 0 5px 0;}
.sidemod h2 {
padding: 8px;
color:#2b71b2;
text-transform:uppercase;
font-size:120%;
}
.sidemod ul, .sidemod p, .sidemod form {
margin: 0;
padding: 0 8px;}
.sidemod li {
margin:0;padding:0;
}
.sidemod ul {
list-style-position: inside;
list-style-type:none;
}
.sidemod ul li {
margin-bottom:3px;
padding-bottom:3px;
border-bottom: dashed 1px #73a007;
}
.sidemod ul a {
color:#48597E;
}
.sidemod ul a:hover {
color:#fff;
text-decoration:none;
}
.sidemod p {
color:#333;
font-size:90%;
margin-bottom: 5px;
}
.sidemod input.entry { width:120px; }
ul#feeds li {
padding-left: 15px;
background: url(/images/icon-feed.gif) no-repeat left;
}


/* FOOTER STYLING */

#footer {
	clear:both;
	color: #fff;
	font-size:80%;
}
#footer ul {
	list-style: none;
	text-align:center;
	padding: 20px 0;
}
#footer li {
	display: inline;
}
#footer a {
	color: #fff;
}

.comment {
border-bottom: solid 1px #ddd;
padding: 5px 10px;
margin:0 0 10px 0;
background: #7FAF0A;
}
.comment p {
padding: 0; margin: 0 0 3px 0;
}
.comment-footer {
font-size: 80%;
font-weight: bold;
}
#comments form input#comment-bake-cookie {
float:left;
width: auto;
margin: 0 5px 0 0;
}
#comments form input, #comments form textarea { 
width: 95%; 
font-size: 130%;
padding: 3px;
color:#333;
}
#comments form label {
font-size: 90%;
}
#comments-open-footer { text-align: right; }
#comments #comments-open-footer input { width: 100px; }
#photoindex {
text-align:center;
margin: 0 auto;
overflow:hidden;
}
#photofooter {
color:#fff;
}
#photofooter p, #photofooter form {
display:inline;

}

#photofooter select {
border: solid 1px #fff;
font-size:90%;
width:175px;
margin-top:8px;
}

#archivethumb img, #archiveimg img {
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
padding: 3px;
background: #fff;
margin:10px 0 5px 0;
}

#archivethumb img {
float:left;
margin:5px;
}

.more-link {
font-size:140%;

padding: 10px 0 0 0;
}

.more-link a { color: #fff; }

ul#photos img {
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
padding: 3px;
background: #fff;
margin:3px;
@margin:0px; /* So IE Behaves */
}