/*
Theme Name: ABR
Theme URI: http://www.byronbaywebdesign.com
Description: the ABR site designed by <a href="http://www.webdesignbyronbay.net.au">Tasty Pixels</a>.
Version: 1.0
Author: Ramapriya Ramanuja
Author URI: http://www.byronbaywebdesign.com
Tags: 
*/

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

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


img 
{
border: none !important;
}

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

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

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

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

#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: #EEE;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

h5
{
clear: none;
float: right;
font-size: 22px;
font-weight: normal;
margin: 0px 0px 10px 15px;
width: 300px;
line-height: 1.7em;
}

h6 
{
margin: 0px 0px 10px 0px;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #DA684D;
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 p
{
color: #000;
padding: 5px 8px;
font-size: 11px;
line-height: 1.3m;
-moz-border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
background: #EEE;
}

.sidebar h4
{
font-weight: normal;
font-size: 14px;	
line-height: 1.3em;
color: #FFF;
padding: 5px 8px;
margin-bottom: 0px;
border: none;
-moz-border-top-right-radius: 9px;
-khtml-border-top-right-radius: 9px;
-webkit-border-top-right-radius: 9px;
border-bottom-top-radius: 9px;
-moz-border-top-left-radius: 9px;
-khtml-border-top-left-radius: 9px;
-webkit-border-top-left-radius: 9px;
border-top-left-radius: 9px;
-moz-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
background: #81A824;
}

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

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

				/**** HEADER CONTENT ****/

#header-wrapper
{
width: 100%;
background: #F0C4B0;
}

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

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

#slider-wrapper
{
width: 960px;
height: 420px;
clear: both;
margin: 0px auto;
background: #81A824;
}

#slider 
{
width: 960px; /* should be same as image width */
height: 420px; /* should be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin: 0px auto;
}

#sliderContent 
{
width: 960px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin: 0px auto;
}

.sliderImage 
{
position: absolute;
top: 0px;
left: 0px;
display: none;
}

.sliderImage span 
{
position: absolute;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 20px;
width: 600px;
height: 480px;
display: none;
}

.sliderImage span strong 
{
font: 48px Georgia, "Times New Roman", Times, serif;
font-size: 42px;
color: #81A824;
font-weight: normal;
background: #FFF;
padding: 10px;
line-height: 2.5em;
filter: alpha(opacity=100);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.sliderImage span em 
{
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-style: normal;
padding: 5px 5px 5px 5px;
background: #81A824;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
line-height: 1.5em;
}

/* sets position of animated text and background */
.top 
{
top: 0;
left: 0;
}

.left
{
top: 0;
left: 0;
}

/* sets position of animated text and background */

.bottom 
{
bottom: 0px;
left: 0;
}

#sliderContent ul 
{ 
list-style-type: none;
}

/****** BODY LAYOUT******/
	
#page 
{
width: 960px;
margin: 0 auto;
padding: 20px 0px 20px 0px;
background: #FFF;
}

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

#content-right 
{
float: right;
width: 640px;
padding-top: 0px;
margin: 0px 30px 0px 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;
}

/****** SIDEBAR ******/
	
.sidebar
{
float: left;
width: 215px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

.sidebar-thumb
{
float: left;
margin: 0px 3px 0px 0px;
}

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

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

/* Menu must be on the top layer 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: 0px;
margin: 0px 0px 0px 20px;
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: #81A824;
border-bottom: 4px solid #FFF;
border-left: 2px solid none;
padding: 5px 0px 5px 5px;
}
	
#nav li a:hover 
{
color : #FFF;
background-color : #B9CF85;
}
	
#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: 960px;
border-top: 1px solid #000;
height: 135px;
margin: 0px auto;
background: #FFF url(img/footer-logo.png) top center no-repeat;
}

#footer 
{
width: 100%;
margin: -50px 0px 20px 0px;
}

.footer-logo
{
position: relative;
margin: -50px auto 5px auto;
width: 960px;
height: 115px;
background: url(img/footer-bg.png) top left no-repeat;
z-index: 101;
}

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

a:hover
{
color: #FFF;
background: #81A824;
text-decoration: none;
border-bottom: 1px solid #81A824;
}

.sliderImage a
{
color: #FFF;
background: #81A824;
text-decoration: none;
border-bottom: 1px solid #81A824;
}

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

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

#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 10px 10px 0px;
}

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

.wp-caption 
{
margin-bottom: 5px;
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;
}