/*
Theme Name: birding-nsw
Theme URI: http://www.byronbaywebdesign.com
Description: the Birding NSW site designed by <a href="http://www.webdesignbyronbay.net.au">Tasty Pixels</a>.
Version: 1.0
Author: Ricki Coughlan
Author URI: http://www.byronbaywebdesign.com
Tags: 
*/

/****** GENERAL ******/

body 
{
margin: 0px;
padding: 0px;
background: #FFF;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}


/****** HEADER ******/

img 
{
border: none;
}

/****** FONTS ******/
	
h1#blog-title 
{
margin: 50px 10px 0 0;
padding: 0px;
font-size: 20px;
font-weight: normal;
line-height: 1.3em;
color: #CC6666;
}

h1
{
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 20px;
font-weight: normal;
line-height: 1.3em;
color: #CC6666;
}

#footer h1
{
font-size: 14px;
text-align: center;
line-height: 2em;
}

h2 
{
margin: 0px 0px 10px 0px;
font-size: 18px;
font-weight: normal;
line-height: 1em;
color: #CC6666;
}

#footer h2
{
margin: 0px 0px 0px 0px;
}

h2 strong
{
color: #000;
font-weight: normal;
}

.sidebar-box h2
{
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: normal;
color: #FFF;
}

h3 
{
margin: 0px 0px 10px 0px;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
}

h3 strong
{
font-size: 13px;
font-weight: normal;
}

#footer h3
{
font-size: 14px;
text-align: center;
line-height: 2em;
}

.post-title
{
font-weight: normal;
}


h4 
{
font-size: 13px;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 8px;
line-height: 1.7em;
background: #E1E1E1;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

h5
{
font-size: 13px;
font-weight: normal;
color: #000;
margin: 0px 0px 15px 0px;
padding: 5px 8px;
line-height: 1.7em;
background: #E5B2B2;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

h6 
{
margin: 0px 0px 10px 0px;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #E5B2B2;
line-height: 1.7em;
}

p 
{
clear: none;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.7em;
}

#footer p 
{
font-size: 11px;
text-align: center;
margin: 10px;
padding: 0px;
line-height: 1.3em;
}

#sidebar .sidebar-box ul li
{
color: #333;
}

.box-right p
{
color: #333;
}

#header 
{
height: 120px;
width: 960px;
margin: 0px auto;
background: url(img/banner.jpg) top left no-repeat;
}

/**** SLIDER CONTENT ****/

#slider-wrapper
{
position: relative;
z-index: 100;
clear: both;
width: 960px;
height: 340px;
margin: 0px auto;
background: #FFF;
}

#slider-frame 
{
clear: both;
width: 960px;
height: 340px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

/****** BODY LAYOUT******/
	
#page 
{
width: 900px;
margin: 0 auto;
padding-bottom: 0px;
}


#content 
{
position: relative;
z-index: 100; /* IE z-index bug */
}

#content-right 
{
float: right;
width: 610px;
padding-top: 0px;
margin-top: 0px;
}

.box-left, .post, .page 
{
margin: 0 0 10px 0;
}

.box-left ol, .post ol, .page ol 
{
line-height: 1.7em;
clear: left;
margin-left: 20px;
padding-left: 0px;
}
 
.box-left ul, .post ul, .page ul 
{
clear: left;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.box-left ul li, .post ul li, .page ul li 
{
background-image: url(img/bullet-square.png);
background-repeat: no-repeat;
padding-left: 25px;
background-position: 0.5em 0.2em;
line-height: 1.7em;
}

.line
{
width: 100%;
border-top: 6px solid #E1E1E1;
margin: 10px 0px;
}


/****** SIDEBAR ******/
	
.sidebar-box
{
clear: left;
float: left;
width: 205px;
margin: 0px;
padding: 5px;
margin: 15px 0px 0px 0px;
background: #CC6666;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.sidebar-box li
{
color: #FFF;
}

/****** MENU ******/

/* Important to postion the menu on the top layer of the site so that the fly-outs aren't buried beneath the content */
#sidebar #menu 
{
position: relative;
z-index: 99;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 255px;
overflow: hidden;
}

/* all lists in this menu */
#nav, #nav ul 
{ 
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 215px;
}

/* all list items */	
#nav li 
{ 
position: relative;
float: left;
line-height: 1.25em;
margin-bottom : 0px;
width: 215px;
}

/* second-level lists */	
#nav li ul 
{ 
position: absolute;
left: -999em;
margin-left: 217px;
margin-top: -30px;
border-left: 2px solid #FFF;
}

/* third-and-above-level lists */	
#nav li ul ul 
{ 
left: -999em;
}
	
#nav li a 
{
width: 210px;
display: block;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
text-decoration: none;
background-color: #CC6666;
border-bottom: 4px solid #FFF;
border-left: 2px solid none;
padding: 5px 0px 5px 5px;
}
	
#nav li a:hover 
{
color : #FFF;
background-color : #E5B2B2;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ /* lists nested under hovered list items */
left: auto;
}


/****** FOOTER ******/
	
#footer-wrap 
{
width: 915px;
border-top: 1px solid #000;
height: 195px;
padding-top: 10px;
margin: 20px auto;
background: none;
}

#footer 
{
width: 100%;
padding: 0px 0px 20px 0px;
}

.outbacktrack
{
margin: -5px auto 5px auto;
width: 100px;
}

/****** LINKS ******/
	
a 
{
color: #CC6666;
text-decoration: none;
}

a:hover
{
color: #FFF;
background: #CC6666;
text-decoration: none;
border-bottom: 1px solid #CC6666;
}
	
.sidebar-box a 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

.sidebar-box a:hover
{
color: #CC6666;
background: #FFF;
text-decoration: none;
border-bottom: 1px solid #FFF;
}

#header a
{
border-bottom: 0px;
}

#header a:hover
{
border-bottom: 0px;
}

/****** USEFUL STUFF ******/

.clearfix:after 
{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix 
{
display: inline-block;
}

html[xmlns] .clearfix 
{
display: block;
}

* html .clearfix 
{
height: 1%;
}

.clear 
{
clear: both;
}

/****** WORDPRESS CSS ******/

.aligncenter,
div.aligncenter 
{
display: block;
margin: 0 auto;
}

.aligncenter 
{
margin-top: 10px;
margin-bottom: 20px!important;
}

.alignleft 
{
float: left;
margin: 8px 15px 10px 0px;
}

.alignright 
{
float: right;
margin: 8px 0px 10px 15px;
}

.wp-caption 
{
margin-bottom: 0px;
padding-top: 4px;
text-align: center;
background-color: #E1E1E1;
}

.wp-caption img 
{
float: none;
margin: 0px;
padding: 0px;
border: none;
}

.wp-caption p.wp-caption-text 
{
font-size: 11px;
line-height: 1.5em;
text-align: left;
padding: 0px 5px;
margin: 0px;
}

/****** WIDGETS CSS ******/

#calendar_wrap table 
{
width: 100%;
}

#calendar_wrap td 
{
text-align: center;
}

#wp-calendar caption 
{
margin: 0 0 10px 0;
padding: 2px;
background: #3a3a3a;
}