/*
	Theme Name: Roger Bayley
	Theme URI: http://www.rogerbayley.com
	Description: Theme designed for Roger Bayley by Christine Rondeau based on a design by Mizu Creative
	Version: 1.0
	Author: Christine Rondeau
	Author URI: http://www.bluelimemedia.com
*/
/*----Global Reset Courtesy of Eric Meyer----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
.hide {display:none;}

/* Main Layout
-----------------------------------------------*/

body { 
	font:12px/18px Arial, Verdana, Helvetica, sans-serif; 
	background-color:#48473F;
	color:#231f20;
}
small {font-size:11px; line-height:14px;}

#horizon {
	position: absolute;
	top: 50%; left: 0;
	width: 100%;
	margin-top: -320px;
	min-width: 960px;
}



#wrapper {
	background:#a19b2f;
	position: relative;
	width: 960px; height: 600px;
	margin: 0px auto;
}
.home #wrapper {background:#383831;}/* check random js for images */
.page-id-2 #wrapper, .page-id-327 #wrapper {background:#a19b2f url(images/about.png) bottom left no-repeat;}
.page-id-301 #wrapper {background:#a19b2f url(images/team.png) bottom left no-repeat;}
.page-id-8 #wrapper {background:#72596E url(images/advocacy.png) bottom left no-repeat;}
.page-id-10 #wrapper {background:#72596E url(images/design.png) bottom left no-repeat;}
.page-id-12 #wrapper {background:#72596E url(images/management.png) bottom left no-repeat;}
.parent-pageid-15 #wrapper {background:#B85630 url(images/news.jpg) bottom left no-repeat;}
.parent-pageid-22 #wrapper {background:#5B7FA3 url(images/projects.png) bottom left no-repeat;}

#footer {
	position:absolute;
	bottom:-28px; right:20px;
	width:960px; height: 20px;
	text-align:right;
	font-size:9px; color:#8D8D88;
}
#footer a {color:#8D8D88; text-decoration:none;}
#footer a:hover {color:#8D8D88; text-decoration:underline;}

/* Header Area 
-----------------------------------------------------------*/
#header {
	position:absolute;
	top:0px left:0;
	width:960px; height:48px;
	background:url(images/header.gif) bottom left  no-repeat;
}
.home #header {background:none;}

#logo {	display:none;}

/* Main Navigation */
#home a { 
	background: url(images/buttons/home.png) top left no-repeat; 
	width:50px; height:16px;
	position:absolute;
	top:70px; left:14px;
}
#home a:hover, #home a.active { background: url(images/buttons/home.png) bottom left no-repeat;}

ul#about-subnav { 
	list-style:none; 
	position:absolute; 
	top:92px; left:14px;
	width:300px; height:16px;
}

ul#services-subnav { 
	list-style:none; 
	position:absolute; 
	top:114px; left:14px;
	width:300px; height:16px;
}

ul#news-subnav { 
	list-style:none; 
	position:absolute; 
	top:136px; left:14px;
	width:300px; height:16px;
	margin:0; padding:0;
}

ul#projects-subnav { 
	list-style:none; 
	position:absolute; 
	top:158px; left:14px;
	width:350px;
}

ul#about-subnav li, ul#projects-subnav li, ul#news-subnav li, ul#services-subnav li {float:left;}
ul#about-subnav li a, ul#projects-subnav li a, ul#news-subnav li a, ul#services-subnav li a {
	display:block;
	text-decoration:none;
	text-transform:lowercase;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;line-height:16px;
	letter-spacing:1px;
	color:#000;
	margin:0 2px 6px 0;
}

#about a { 
	background: url(images/buttons/about.png) top left no-repeat; 
	width:40px; height:16px;
}
#about a:hover, #about a.active { background: url(images/buttons/about.png) bottom left no-repeat;}

#services a { 
	background: url(images/buttons/services.png) top left no-repeat; 
	width:53px; height:16px;
}
#services a:hover, #services a.active { background: url(images/buttons/services.png) bottom left no-repeat;}

#news a{
	background: transparent url(images/buttons/news.png) top left no-repeat; 
	width:77px; height:16px; 
}
#news a:hover, #news a.active {background: url(images/buttons/news.png) bottom left no-repeat;}

#projects a {
	background: url(images/buttons/projects.png) top left no-repeat; 
	width:56px; height:16px;
}
#projects a:hover, #projects a.active {background: url(images/buttons/projects.png) bottom left no-repeat;}

ul#about-subnav .page_item a {background-color:#bff6af; padding: 0 2px;}
ul#services-subnav .page_item a {background-color:#e890be; padding: 0 2px;}
ul#news-subnav .page_item a {background-color:#57c8f5; padding: 0 2px;}
ul#projects-subnav .page_item a {background-color:#ebea55; padding: 0 2px;}

ul#about-subnav a:hover, ul#services-subnav a:hover, ul#news-subnav a:hover, ul#projects-subnav a:hover, ul#about-subnav li.current_page_item a, ul#services-subnav li.current_page_item a, ul#news-subnav li.current_page_item a, ul#projects-subnav li.current_page_item a {background-color:#000; color:#fff; }


#contact a {
	position:absolute;
	top:461px; left:14px;
	width:51px; height:16px;
	background:url(images/buttons/contact.png) top left no-repeat;
}
#contact a:hover, #contact a.active {	background:url(images/buttons/contact.png) bottom left no-repeat;}

#bookmark a {
	position:absolute;
	top:484px; left:14px;
	width:107px; height:16px;
	background:url(images/buttons/bookmark.png) top left no-repeat;
}
#bookmark a:hover {	background:url(images/buttons/bookmark.png) bottom left no-repeat;}

#facebook a {
	position:absolute;
	top:506px; left:14px;
	width:58px; height:16px;
	background:url(images/buttons/facebook.png) top left no-repeat;
}
#facebook a:hover {	background:url(images/buttons/facebook.png) bottom left no-repeat;}

#twitter a {
	position:absolute;
	top:528px; left:14px;
	width:50px; height:16px;
	background:url(images/buttons/twitter.png) top left no-repeat;
}
#twitter a:hover {	background:url(images/buttons/twitter.png) bottom left no-repeat;}

/* Main Body Content Area 
-----------------------------------------------------------*/

#content {
	position:absolute;
	top:50px; left:478px;
	width:302px; height:550px;
	background: url(images/content_bg.gif) right repeat-y;
}

#slideshow {
	position:absolute;
	top:374px; left:178px;
	width:300px; height:160px;
}

#slideshow DIV {
    position:absolute;
    top:0; left:0;
    z-index:8;
    opacity:0.0;
    height: 160px;

}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 160px;
    display: block;
    border: 0;
    margin-bottom:15px;
}

#zoom {
	display:block;
	position:absolute;
	top:538px; left:450px;
	width:26px; height:12px;
	background:url(images/zoom.png) top left no-repeat;
}
#zoom:hover {
	background:url(images/zoom.png) bottom left no-repeat;
}

/* Main body content formatting
--------------------------------------------------------------*/

.entry {
	position:absolute;
	top:20px; left:10px;
	width:285px;
	color:#58595b;
}

.entry ul, .entry ol {
	margin: 0 10px 5px 10px; padding:0 10px 5px 10px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	color:#231f20;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;	
}
.entry p {padding-bottom:14px;}
.entry a {color:#58595b; text-decoration:underline;}
.entry a:hover {color:#000; text-decoration:underline;}



/* Sidebar Area 
-------------------------------------------*/

#sidebar {
	position:absolute;
	top:48px; right:10px;
	width:150px; 
	background: url(images/logo.png) top left no-repeat;
	color:#FFF;
}

#sidebar h2 {
	margin: 290px 0px 4px 0; 
	border-top: 1px solid #FFF;
	text-transform: uppercase;
	font-size:10px;
}
#sidebar h3, #sidebar h4 {
	margin-top:7px;
	border-top: 1px solid #FFF;
	text-transform: uppercase;
	font-size:10px;
}
#sidebar p {font-size:11px; line-height:14px;}
#sidebar a {color:#FFF;}
#sidebar h4 a {text-decoration:none; color:#FFF; font-size:9px;}
#sidebar h3 a, #sidebar h2 a {text-decoration:none;}
#sidebar h4 a:hover, #sidebar h3 a:hover, #sidebar h2 a:hover {text-decoration:underline;}

#featured-image {width:150px; height:100px;}

/* Internal Scrollable Area on ABOUT
-------------------------------------------*/
	
#easyscrollnav, #easyscrollnav li{
	height:28px;
	margin:0 0 -13px 10px; padding:0 5px 0 3px;
}	
#easyscrollnav{
	border-top:1px dotted #393932;
	position:absolute;
	top:460px; right:-6px;
}			
#easyscrollnav li{
	list-style:none;		
	padding:0 10px;
	cursor:pointer;
}					
#easyscrollnav li#btnUp.over { background:url(images/up_hover.gif) no-repeat;}							
#easyscrollnav li#btnDown.over { background:url(images/down_hover.gif) no-repeat;}		
#easyscrollnav li#btnUp {background:url(images/up.gif) no-repeat;}
#easyscrollnav li#btnDown {background:url(images/down.gif) no-repeat;}
#btnReset {display:none;}