/*
Theme Name: Parenting Teens Resource Network
Theme URI: http://parentingteensresourcenetwork.org
Description: Custom Designed WordPress theme
Version: 1.0
Author: Shovi Websites
*/

/* color palette 
blue #0089c4
ecru #f3f4e8
olive d3d7ab
red bb342c */

.content {border:solid 1px #0089c4; margin-top:15px;}
.left {border-right:solid 1px #0089c4;}

td.searcha  {border-bottom:solid 1px #0089c4; text-align:center; padding:15px 0px 5px 0px; background-color:#f3f4e8;}
input#s  {font-size:11px; margin:0px 0px 0px 8px; background-color:transparent; padding-top:4px; height:25px; width:135px; background-image:url(http://www.parentingteensresourcenetwork.org/wp-content/themes/ptrn/images/search.gif); background-repeat:no-repeat; text-indent:10px;  border:0px; color:#000000; font-family: "Arial Narrow", Arial;overflow-x:hidden; float:left; }
 input#go {font-size:10px; width:30px; margin:0px 8px 0px 0px; padding:0px; float:right;}
.searcha form {margin:0px; padding:0px;}

#supporters {background-color:#f3f4e8; padding:2px;}
#supporters img {padding:0px 4px 0px 4px;}
#supporters p {text-align:center; margin:0px;}
#supporters h6 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-weight:normal; color:#0089c4; text-align:left; margin:0px; font-size:10px;font-style:normal;}

#topnav {text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:12px; padding:3px 0px 25px 0px; font-weight:normal; color:#0089c4;}

.storytitle {	margin: 0;} /* heading of the article */
.storytitle a {	text-decoration: none;}
.meta {font-size:10px; text-indent:10px; background-color:#eee; border-bottom:solid 1px #ccc; } /* "found in..." */
.meta a {text-decoration:none;}

#page {padding:0px 15px 10px 15px; font-size:12px;}
a {color:#0089c4; text-decoration:none;}
a:hover {color:#bb342c; text-decoration:none;}

#foot {width:760px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:10px; color:#0089c4;}
#foot p {margin:3px 0px 10px 0px; font-size:10px;}
body {margin:10px 0px 0px 0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;;}



.subcategories {width:100%; border:solid 1px #bb342c; list-style-type:none; padding:5px; background-color:#f3f4f8; margin:0px;}
.subcategories li {margin:0px; padding:2px 0px 0px 10px; }


h3 {
	border-bottom: 1px solid #ccc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	margin: 15px 0 0px 0;
	padding-bottom: 2px;
}
h4 {
	border-bottom: 1px solid #ccc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:12px; font-weight:bold;
	margin: 0px 0 0px 0;
	padding-bottom: 0px;
}
h5 {
	border-bottom: 1px solid #ccc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:12px; font-weight:normal; font-style:italic;
	margin: 5px 0 0px 0;
	padding-bottom: 2px;
	}
h6 {font-size:9px; color:#000000; margin:10px 0px 0px 0px; font-style:italic;}	
p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:12px; margin:10px 0px 0px 0px;}
ul {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:12px; margin:10px 0px 0px 20px;}
/*h3 {
	border-bottom: dotted 1px #eee;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}*/



.backnext {margin:10px; text-align:right;}
.storycontent {margin:0px 0px 25px 0px;}

.nav { height:20px; padding:4px 0px 4px 22px; width:153px; font-size:13px; color:#d3d7ab; border-bottom:solid 1px #0089c4; text-align:left; font-weight:bold;}
.nav a { color:#d3d7ab; }
.nav a:hover {color:#bb342c;}

#submenu ul {margin:0px; padding:0px;list-style-type:none;}
#submenu ul li {margin:0px; padding:0px;}
#submenu ul a {width:152px; display:block; margin:6px 0px 0px 20px; font-size:12px; color:#0089c4; border-bottom:solid 1px #f3f4e8;}
#submenu ul a:hover {color:#bb342c; width:152px; display:block;}
#submenusub ul {margin:0px; padding:0px;list-style-type:none;}
#submenusub ul li {margin:0px; padding:0px;}
#submenusub ul a {width:142px; margin:6px 0px 0px 30px; font-size:11px; color:#0089c4; border-bottom:solid 1px #f3f4e8;}
#submenusub ul a:hover {color:#bb342c; width:142px;} 


/*.nav ul {margin:0px; padding:0px; list-style-type:none;}
.nav li {margin:0px; padding:0px;}







#submenu li:hover ul, #submenu li.over ul {position:absolute; display:block; left:160px; z-index:100; }
#submenu li ul {position:absolute;
font:normal 11px Arial;
display:none;
background-color: #d3d7ab; border-top:solid 1px gray;
border-left:solid 1px gray;
border-right:solid 1px gray;
margin:-20px 0px 0px 0px; 
left:160px;}
#submenu li ul li {margin:0px; padding:0px; width:213px;}
#submenu li ul a {color:#000000; margin:0px;padding:4px; border-bottom:solid 1px gray; width:205px;}
#submenu li ul a:hover {color:#ffffff; width:205px;}



#sidebar {background-color:#e5eff9;border-left:solid 1px #bb342c; border-right:solid 1px #bb342c; border-top:solid 7px #bb342c; border-bottom:solid 7px #bb342c; margin-left:10px; padding:6px; width:150px; float:right; font-family:"Times New Roman", Times, serif; font-size:12px;}*/

/* homepage styles */

.breaking {background-color:#bddff1; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:solid 5px #bb342c; margin:0px;}
.breaking a {color:#bb342c; text-decoration:none;}
.breaking a:hover {color:#000000; text-decoration:none;}
.breaking p {font-size:12px; margin:0px; padding:3px 5px 3px 5px;}

.homepage {border-bottom:solid 1px #bb342c; padding:0px 0px 8px 0px; text-align:justify; font-size:12px;}
.homepageimg {padding: 8px 0px 0px 0px;}
.featured {padding:2px 0px 8px 0px; text-align:justify;}

#marqueecontainer{position: relative;width: 160px; /*marquee width */height: 275px; /*marquee height */overflow: hidden;margin: 5px 0px 0px 10px; padding:0px;font-size:11px;}

/* flyout menu */
/*
#content #menu #left #submenu .flyout{
position:absolute;
visibility: hidden;
left: 187px;

}

#content #menu #left #submenu .flyout a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

#content #menu #left #submenu .flyout a:hover{ /*hover background color*/
/* background-color: #f3f4e8;
color: black;
}

/* styling sidebars */
/* #content #page p#calloutsm {border:solid 1px #bb342c; padding:5px; background-color:#f3f4f8; text-align:right;}*/

textarea {font-family:"Trebuchet MS", Arial; font-size:11px;}