/*

THEME NAME: City Gates Nursery
THEME URI: http://www.caramelink.com
DESCRIPTION: Custom Theme for City Gates Nursery
VERSION: 1.0
AUTHOR: <a href="http://www.caramelink.com">Carine Ma &amp; David Chung</a>
AUTHOR URI: http://www.caramelink.com
TAGS: custom, theme, developer

*/

/* Main */

* {
    margin:0;
    padding:0;
}

p {
    margin: 0 0 20px 0;
}

h2 { 
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #000;
	font-weight:bold;
}

h3 { 
	text-transform:uppercase;
	font-size:24px;
	color: #000;
	font-weight:bold;
    margin-bottom: 20px;
}

img {
    border-style: none;
}

body {
    background: #fff;
    font-family:arial;
    color: #333333; 
    text-align: left;
    font-size:14px;
    word-spacing:0.2em;
  
}


a { 
	color: #666666;
	text-decoration: underline;
}

a:hover, a:active{  
	color: #000;
}

div#wrapper {
    background: #ffffff;
    position:relative;
    margin: auto;
    width: 930px;
}

/* Nursery logo */
div#blog-title {
    width:147px;
    height:149px;
	padding: 2px 35px 0 0;
    display: inline;
    float:left;
}

/* Search */

div#search {
width: 168px;
float: right;
height:20px;
}

#searchform {
padding:20px 0 0 0;
vertical-align:top;
}

div#search input#search-input {
border:1px solid #666666;
float:left;
font-size:14px;
height:20px;
width:146px;
vertical-align:middle;
color:#CCCCCC;

}

div#search input#search-button {
float:left;
height:22px;
}

/* Tagline */
div#blog-description {
font-size:18px;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
padding: 20px 20px 20px 0;
width: 560px;
float:left;
text-align:left;
}

/* Main menu */
div#menu {
height:96px;
width: 748px;
margin:0;
float: right;
}

div#menu ul li.page-item-3{ /*don't display home*/
display:none;
}

div#menu ul li {
text-indent:-9999px;
display: inline-block;
float:left;
}

div#menu ul li.page-item-4 a {
background:transparent url(images/nav-sprite.png) no-repeat scroll 0 0;
width: 123px;
height:96px;
background-position: 0 0;
}

div#menu ul li.page-item-4 a:hover {
background-position: 0 -96px;
}

div#menu ul li.page-item-4 ul li{
text-indent: 0px;
}

div#menu ul li.page-item-4 ul li a{
padding:10px;
width:99px;
color: white;
height:20px;
background:transparent url(images/blackdot.gif) repeat scroll 0 0;
border-bottom: 1px white solid;
}

div#menu ul li.page-item-4 ul li a:hover {
color: #FFCC00;
}

div#menu ul li.page-item-5 a {
background:transparent url(images/nav-sprite.png) no-repeat scroll 0 0;
width: 126px;
height:96px;
background-position: -123px 0;
}

div#menu ul li.page-item-5 a:hover {
background-position: -123px -96px;
}
div#menu ul li.page-item-6 a {
background:transparent url(images/nav-sprite.png) no-repeat scroll 0 0;
width: 126px;
height:96px;
background-position: -249px 0;
}

div#menu ul li.page-item-6 a:hover {
background-position: -249px -96px;
}
div#menu ul li.page-item-7 a {
background:transparent url(images/nav-sprite.png) no-repeat scroll 0 0;
width: 126px;
height:96px;
background-position: -375px 0;
}

div#menu ul li.page-item-7 a:hover {
background-position: -375px -96px;
}
div#menu ul li.page-item-8 a {
background:transparent url(images/nav-sprite.png) no-repeat scroll 0 0;
width: 126px;
height:96px;
background-position: -501px 0;
}

div#menu ul li.page-item-8 a:hover {
background-position: -501px -96px;
}
div#menu ul li.page-item-10 a {
background:transparent url(images/nav-sprite.png) no-repeat scroll 0 0;
width: 121px;
height:96px;
background-position: -627px 0;
}

div#menu ul li.page-item-10 a:hover {
background-position: -627px -96px;
}

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

div#menu ul a {
display:block;
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;
}


/* Banners */

body.pageid-3 div#banner{
margin-top: 5px;
width:930px;
height:379px;
background:transparent url(images/banner-home.jpg) no-repeat scroll center top;
float:left;
}

body.pageid-4 div#banner, body.parent-pageid-4 div#banner{
margin-top: 5px;
width:930px;
height:206px;
background:transparent url(images/banner-nursery.jpg) no-repeat scroll center top;
float:left;
}
body.pageid-5 div#banner{
margin-top: 5px;
width:930px;
height:206px;
background:transparent url(images/banner-staff.jpg) no-repeat scroll center top;
float:left;
}
body.pageid-6 div#banner{
margin-top: 5px;
width:930px;
height:206px;
background:transparent url(images/banner-faq.jpg) no-repeat scroll center top;
float:left;
}

body.blog div#banner, body.single div#banner, body.archive div#banner {
margin-top: 5px;
width:930px;
height:206px;
background:transparent url(images/banner-news.jpg) no-repeat scroll center top;
float:left;
}

body.pageid-8 div#banner{
margin-top: 5px;
width:930px;
height:206px;
background:transparent url(images/banner-0-2years.jpg) no-repeat scroll center top;
float:left;
}

body.pageid-10 div#banner{
margin-top: 5px;
width:930px;
height:206px;
background:transparent url(images/banner-contact.jpg) no-repeat scroll center top;
float:left;
}

/* Container */
div#container {
float:left;
padding:30px 96px 0 0;
width:530px;
float:left;
}

.entry-title { /*title of page*/
font-size:48px;
/*background:transparent url(images/yellow-line.png) no-repeat scroll -10px 30px;*/
overflow:visible;
margin-left:10px;
}

.entry-title a {
text-decoration:none;
}

.entry-title a:hover {
text-decoration:none;
}

#title-back {
padding-bottom: 0;
width: 360px;
background:transparent url(images/yellow-line.png) no-repeat scroll 0 28px;
margin: -32px 0 20px -10px; /*Position the yellow line background and add a margin btw title and body text*/
}

/* left sidebar */
div#primary.sidebar {
width:304px;
float:left;
}

div#primary.sidebar ul{
margin-top:30px;
}
div#primary.sidebar li#text-3{
background:#990099 url(images/frame-purple.png) no-repeat scroll left top;
}

div#primary.sidebar li#text-5{
background:#33cc00 url(images/frame-green.png) no-repeat scroll left top;
}

div.sidebar li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 2em;
padding:30px;
color:#FFFFFF;
}

div.sidebar h3{
font-size:24px;
font-family:Century Gothic,Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #fff; 
}

div.sidebar p{
font-family:arial;
font-size:14px;
color:#FFFFFF;
}

div.sidebar a{
color:#FFFFFF;
}

div.sidebar a:hover{
color:#000000;
}

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

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

}

div.sidebar ul ul {
margin:0;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
padding:0 0 5px 0;
}

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

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

div#secondary.sidebar {
display:none;
}


/*Blog */
body.blog div.hentry p1, body.single div.hentry p1, body.archive div.hentry p1,{
border-top: 0;
}

body.blog div.hentry, body.single div.hentry, body.archive div.hentry {
padding-bottom:40px;
}

body.blog h2, body.single h2, body.archive h2{
padding-bottom:30px;
margin-left:0;
}

div.entry-date {
padding-bottom:20px;
font-size:12px;
color:#999999;
}

div.entry-meta {
font-size:12px;
color:#999999;
}

div.comment-meta {
padding-bottom:20px;
font-size:12px;
color:#999999;
}

.comments h3 {
color:#009900;
}

.comment-author {
padding-top: 20px;
}

div.comments ol li {
margin:0 0 20px;
border-bottom: 1px dashed black;
}

.page-title {
font-size: 16px;
padding-bottom: 20px;
}

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


div#nav-above {
display:none;
margin-bottom:20px;
margin-top:20px;
}

div#nav-below {
margin-bottom:20px;
margin-top:20px;
}

/*OTHERS */

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

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;
}



.alignright,img.alignright{
float:right;
margin:0 0 0 10px;
}



.alignleft,img.alignleft{
float:left;
margin:0 10px 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-images {

height:150px;

margin:1em 0;

}



div.navigation {

height:1.25em;

}


div.navigation div.nav-next {

float:right;

text-align:right;

}


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {

float:left;

}


input#author,input#email,input#url,div.navigation div {

width:50%;

}


div.gallery *,div.sidebar div,div.sidebar ul {

margin:0;

padding:0;

}


/*Footer*/
div#footer {
	clear:both;
    width:930px;
	height:70px;
	border-top:#000000 5px solid;
	color:#cccccc;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px;
	text-align:left;
	}
	
#footer div#left {
display:block;
width: 500px;
text-align:left;
float:left;
height:60px;
vertical-align: middle;
line-height: 80px;
}

#footer div#right {
width: 430px;
display:block;
text-align:right;
float:right;
height:60px;
vertical-align: middle;
line-height: 80px;
color:#333333;
}

#footer div#right a{
text-decoration:none;
font-weight:bolder;
color:#663399;
}

#footer div#right a:hover{
text-decoration:none;
font-weight: bolder;
color:#000000;
}

/*2nd navigation*/
  
#subnav {   
height:40px;
float:left;  
list-style:none; 
width: 530px;
font-size:12px;
text-transform:uppercase;
}  
  
#subnav li {  
float:left;   
padding:0 7px 0 0;
}     
  
#subnav a, #subnav a:visited {  
font-weight:bold;
}  
  
#subnav a:hover, #subnav a:active,  
#subnav li.current_page_item a,  
#subnav li.current_page_item a:visited {   
}