/*
THEME NAME: Parentline
AUTHOR: Sycha
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* ========================= */
 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     line-height: 0;
     content: " ";
     clear: both;
     height: 0;
     width: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


body {
	background: #EBEEF1 url('images/bg.png') 50% 0 repeat-y;
	color:#767676; font:14px/1.4em arial, helvetica, sans-serif; 
}

a {
	color: #00ADFF;
}

a.plain {
	text-decoration:none;
	color:#767676;
}

.center {
	text-align:center;
}

#wrapper { width:940px; padding:0; margin:0 auto; text-align:left;}

/* HEADER */

#header {
	height:100px;
	margin: 0;
	padding: 0;
	position: relative;
}

#logo {
	position: absolute;
	left:0px;
	top:0px;	
	margin:0;
}

#logo a {
	width: 381px;
	height:100px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background:url(images/logo.png) no-repeat;
}


#header #search {
	position: absolute;
	right:0;
	top:8px;
	width:159px;
	height:36px;
	display:block;
	padding:0;
	background: url(images/bg-search.png) no-repeat;	
}

#header #searchform { position: relative;}

#header #search .text {
	width:115px; 
	position: absolute;
	left:0px;
	top:1px;
	margin:0px 10px 0 5px; 
	color: white; 	
	background: transparent;
	border:0;
}

#header #search .button {
	position: absolute;
	right:0px;
}

#header #donate {
	position: absolute;
	right:0;
	top:35px;
	width:304px;
	height:57px;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999em;
	overflow: hidden;
	background:url(images/button-donate-now.png) no-repeat;	
}


#main-nav {
	margin: 0 auto;
	margin-bottom:8px;
	height: 40px;
	background: url("images/bg-top-nav.png") no-repeat;
	list-style:none;
	padding-left:10px;
}

#main-nav li {
    float:left;
    padding-right:2px;
}

#main-nav a {
	height: 27px;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	display: block;
	background-position: 0 0px !important;
	text-indent: -9999em;
	overflow: hidden;
}

#main-nav a.home {width:54px; background:url(images/nav-home.png) no-repeat;}
#main-nav a.about-us {width:86px; background:url(images/nav-about-us.png) no-repeat;}
#main-nav a.news-events {width:128px; background:url(images/nav-news-events.png) no-repeat;}
#main-nav a.look-up {width:79px; background:url(images/nav-look-up.png) no-repeat;}
#main-nav a.supporters {width:108px; background:url(images/nav-supporters.png) no-repeat;}
#main-nav a.donations {width:95px; background:url(images/nav-donations.png) no-repeat;}
#main-nav a.childrens-stories {width:164px; background:url(images/nav-childrens-stories.png) no-repeat;}
#main-nav a.artwork {width:87px; background:url(images/nav-artwork.png) no-repeat;}
#main-nav a.contact-us {width:103px; background:url(images/nav-contact-us.png) no-repeat;}

#main-nav a:hover, #main-nav a.current {
	background-position: 0 -27px !important;
}

/* SIDEBAR */

#sidebar {
	width:170px;
	background: #FFD828 url('images/bg-sidebar-top.png') no-repeat;
}

#sidebar .content {
	padding: 15px 0px 50px 0px;
	background: url('images/bg-sidebar-bot.png') no-repeat bottom;
}


#sidebar h3 {
	font-size: 24px;
	line-height: 1em;	
	color: #FF9900;
	margin:0 0 20px 15px;
}

#sidebar ul {
	list-style: none;
	margin:0;
	padding: 0;
}

#sidebar ul li a {
	text-decoration:none;
	color:#787878;
	display:block;
	padding-left:15px;
	margin-bottom: 10px;
}

#sidebar p {
	padding-left:15px;
}

#sidebar ul li.current_page_item a, 
#sidebar ul li.current-cat a, 
#sidebar ul li a:hover {
	background-color: #FF9900;
	color:white;
}

#sidebar ul.bullets li {
	list-style: disc;
	margin-left: 30px;
}


/* MAIN CONTENT */

#container {
	margin-top:0 !important;
}

.home #container, .home #content  {
	margin-left:0 !important;
}

#content .home-mission {
	text-align:center;
}

#content .home-mission h3 {
	font-size: 30px;
	line-height: 1em;
	font-weight:normal !important;
	color:#0099FF;
	margin:0;
}

#content .home-mission p {
	margin:10px 0 15px 0;
	font-family: Georgia;
	font-size: 24px;

}

#content .R18 {
	color: white;
	background:black;
	padding: 5px 15px;
	margin-top: 10px;
}

#content .R18 h3 {
	float:left;
	width: 136px;
	font-size: 36px;
	line-height: 1em;
	font-weight:normal !important;
	color:#0099FF;
	margin-top:20px;
}

#content .R18 img {
	float:left;
	margin-right: 15px;
	border:1px solid #0099FF;
}


#content .R18 .text {
	float:left;
	width: 410px;
	
}

#content .R18 p {
	margin:10px 0 15px 0;
}

#content .kids-artwork {
	height: 182px;
	margin-top:2px;
	background: #CCC url('images/bg-home-kids-artwork.png') no-repeat;
	padding-left: 300px;
}

#content .kids-artwork .piclenselink {
	display:none;
}

#content .kids-artwork .ngg-navigation {
	display:none !important;
}

#content .kids-artwork .ngg-galleryoverview {
	margin:0;
}

#content .kids-artwork .ngg-gallery-thumbnail-box {	
	margin-right:15px;
	margin-top:10px;
	position: relative;
}

#content .ngg-gallery-thumbnail img:hover {
	background-color: #CCC;
} 


#content .kids-artwork .ngg-gallery-thumbnail-box span {	
	display:block;
	position: absolute;
	bottom:-20px;
	font-family: Georgia;
	font-size: 16px;
	width:120px;
	text-align:center;
}

#content .supporters h3 {
	font-size: 24px;
	line-height: 1em;
	font-weight:normal !important;
	color:#0099FF;
	margin-top:20px;
	margin-bottom:10px;
}

#content .supporters img {
	border: 1px solid #CCC;
	margin:4px;
}

#content .top-full {
	font-weight:bold;
}

#content h2 {
	font-size: 36px;
	line-height: 1em;
	font-weight:normal !important;
	color:#00b9f9;
	margin-top:10px;
	margin-bottom:0;
}

.staff-list {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}

.staff-list li {
	clear:both;
	margin-bottom:15px;
	border-bottom: 1px solid #DDD;
}

#content h3 {
	font-size: 18px;
	color:#2AB014;
	padding:0;
	margin:0;
	margin-bottom:10px;
}

.staff-list li p {
	margin-top: 0;
}

.staff-list .photo {
	float:left;
	width:130px;
}

.staff-list .photo img {
	border:1px solid #0099FF;
}

.staff-list .text {
	float:left;
	width:630px;
}

#content blockquote {
	clear: both;
	margin:0;
	margin-bottom: 10px;
}

#content blockquote img {
	margin:20px 10px 0 0;
	float:left;
}

#content .top-full img {
	border: 1px solid #07AFFF;	
}

#content .two-col {
	background: url('images/vertical-border-dot.png') 50% repeat-y;
}

#content .two-col h3 {
	height: 28px;
	font-size: 14px;
	line-height: 1em;
	font-weight:bold;
	color:white;
	margin:0;
	padding:8px 10px
}

#content .two-col .left {
	float:left;
	width: 370px;
	margin-right: 20px;
}


#content .two-col .left h3 {
	background: url('images/bg-heading-light-blue.png') no-repeat;
}

#content .two-col .right h3 {
	background: url('images/bg-heading-red.png') no-repeat;
}


#content .two-col .right {
	float:left;
	width: 370px;
}

/* INTERNAL 3 COLUMNS */ 

#content .three-col {
	margin-top: 10px;
	background: url('images/bg-3col-border-dot.png') 50% repeat-y;
}

#content .three-col ul {
	margin:0;
	padding-left: 15px;
}

#content .three-col h3 {
	height: 24px;
	font-size: 22px;
	line-height: 1em;
	font-weight:bold;
	color:white;
	margin:0;
	padding:10px 15px
}

#content .three-col .left {
	float:left;
	width: 240px;
	margin-right: 20px;
}

#content .three-col .centre {
	float:left;
	width: 240px;
	margin-right: 20px;
}

#content .three-col .right {
	float:left;
	width: 240px;
}


#content .three-col .left h3 {
	background: url('images/bg-heading-red-240.jpg') no-repeat;
}

#content .three-col .centre h3 {
	background: url('images/bg-heading-yellow-240.jpg') no-repeat;
}

#content .three-col .right h3 {
	background: url('images/bg-heading-blue-240.jpg') no-repeat;
}

/* HOMEPAGE 3 COLUMNS */ 

#content .home-three-col {
	background: url('images/bg-homepage-border-dot.png') 50% repeat-y;
}

#content .home-three-col h3 {
	height: 24px;
	font-size: 24px;
	line-height: 1em;
	font-weight:bold;
	color:white;
	margin:0;
	padding:10px 15px
}

#content .home-three-col .left {
	float:left;
	width: 295px;
	margin-right: 30px;
}

#content .home-three-col .centre {
	float:left;
	width: 295px;
	margin-right: 30px;
}

#content .home-three-col .right {
	float:left;
	width: 289px;
}


#content .home-three-col .left h3 {
	background: url('images/bg-heading3-red.jpg') no-repeat;
}

#content .home-three-col .centre h3 {
	background: url('images/bg-heading3-yellow.jpg') no-repeat;
}

#content .home-three-col .right h3 {
	background: url('images/bg-heading3-blue.jpg') no-repeat;
}



/* FOOTER */

#footer {
	padding-top:20px;
	text-align:left !important;
	font-size: 12px;
}

#footer .round-top {
	padding-top:10px;
	background: url('images/bg-footer-top.png') no-repeat top;
}

#footer .round-bot {
	padding-bottom:10px;
	background: url('images/bg-footer-bot.png') no-repeat bottom;
}

#footer .round-content {
	background-color: #F5F5F5;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer p {
	margin:0 0 15px 0;
}

#footer a {
	text-decoration:none;
	color:#767676;
}


#footer .column {
	float:left;
	width:22%;
	margin-left:25px;
}

a.sycha {
	background:url(images/sycha.png) no-repeat;
	padding:5px 0 5px 85px;
	margin-left:20px;
}

a.sunroom {
	background:url(images/sunroom.png) no-repeat;
	padding:5px 0 5px 100px;
	margin-left:20px;
}