/*
Theme Name: ASAPA
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: March 2009
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol {list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 62.5%/1.4em "Times New Roman",Arial, sans-serif; background:url(/asapatheme/images/bk_strip.jpg);}

ul, ol {margin-bottom:1em;} 
#main ul {line-height:1.5em; margin-bottom:1em; color:#553c2b; font-size:1.4em;}
p {font-size:1.5em; line-height:1.4em; color:#553c2b;margin-bottom:1em;}

a:link {outline:none; color:#504441;}   
a:visited {}
a:hover {}

h1 {font-size:2.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.7em;}
h4 {font-size:1.4em;}  
h5 {font-size:1em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#3F2C1F;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}

/* BASE TEMPLATE
---------------------------------*/
#container {width:960px; margin:0px auto; background-color:#f2f1ec;}

/* LAYOUT STRUCTURE
-------------------------------- */
.home #content {float:left; width:960px; margin-top:-40px;}
.home #main {padding-left:32px; padding-right:32px; }

.home-button{float:left;margin-bottom:35px;width:233px; background: url(/asapatheme/images/strip.jpg) repeat-y; background-position: 214px 0px;}
.home-button-last {width:196px;float:left}

#breadcrumb {margin-left:40px; width:920px;}

#breadcrumb p {text-transform:uppercase;}
/* HEADER
------------------------------- */
.home #header {background:url(/asapatheme/images/header.jpg) no-repeat; height:350px;}
#header {background:url(/asapatheme/images/inside-header.jpg) no-repeat; height:165px;}

#header #name {position:relative; top:230px; left:32px;}
#header #name h1 {text-transform:uppercase; font-size:26px; letter-spacing:1px;}
#header #name span {text-transform:uppercase; font-size:11px; letter-spacing:1px;}

/* MAIN CONTENT ELEMENTS
-------------------------*/
#main ul {list-style-type:disc; margin-left:1.6em;}
#main ol {list-style-type:decimal; margin-left:1.6em;}
#main li {margin-bottom:0.3em;}
#main li li {font-size:80.9%;}
#main li li li {font-size:82.6%;}

#main h1 {margin-bottom:1.0em}
#main a {color:#504441;}

.static #main {padding-left:40px; padding-right:40px; width:604px;float:left;}
*html .static #main {width:504px;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

/* NAVIGATION PRIMARY
------------------------------*/
#nav {}
#nav ul {}
#nav ul li {float:left;background:url(/asapatheme/images/nav.jpg) no-repeat} 
#nav ul li.first {padding-left:0;}
#nav ul li a {color:#553c2b;font-family:"Century Gothic", Arial, sans-serif; padding-top:35px; display:block; font-size:1.4em; height:89px; background:url(/asapatheme/images/nav.jpg) no-repeat;text-transform:none; text-decoration:none; text-align:center;}

#nav ul li a span {margin-top:20px;}

/* MAIN MENU is the other way round 
-------------------*/
#nav ul li#nav-first a {background-position:0px 0px; width:40px;}
#nav ul li#nav-home a {background-position:-110px -136px; width:110px;color:#553C2B}
#nav ul li#nav-members a {background-position:-40px -136px;width:110px;color:#553C2B}
#nav ul li#nav-heritage a {background-position:-150px -136px;width:110px;color:#553C2B}
#nav ul li#nav-news a {background-position:-260px -136px;width:110px;color:#553C2B}
#nav ul li#nav-about a {background-position:-370px -136px;width:110px;color:#553C2B}
#nav ul li#nav-archeaology a {background-position:-480px -136px;width:110px;color:#553C2B}
#nav ul li#nav-careers a {background-position:-590px -136px;width:110px;color:#553C2B}
#nav ul li#nav-resources a {background-position:-700px -136px;width:110px;color:#553C2B}
#nav ul li#nav-faq a {background-position:-810px -136px;width:110px;color:#553C2B}
#nav ul li#nav-last a{background-position:-920px 0px; width:40px;} 


#nav ul li#nav-home a:hover {background-position:0px 0px; width:40px;color:#553C2B}
#nav ul li#nav-members a:hover {background-position:-40px 0px;width:110px;color:#553C2B}
#nav ul li#nav-heritage a:hover {background-position:-150px 0px;width:110px;color:#553C2B}
#nav ul li#nav-news a:hover {background-position:-260px 0px;width:110px;color:#553C2B}
#nav ul li#nav-about a:hover {background-position:-370px 0px;width:110px;color:#553C2B}
#nav ul li#nav-archeaology a:hover {background-position:-480px 0px;width:110px;color:#553C2B}
#nav ul li#nav-careers a:hover {background-position:-590px 0px;width:110px;color:#553C2B}
#nav ul li#nav-resources a:hover {background-position:-700px 0px;width:110px;color:#553C2B}
#nav ul li#nav-faq a:hover {background-position:-810px 0px;width:110px;color:#553C2B}


#nav ul li#nav-home.current a {background-position:0px 0px; width:40px;color:#fff}
#nav ul li#nav-members.current a {background-position:-40px 0px;width:110px;color:#fff}
#nav ul li#nav-heritage.current a {background-position:-150px 0px;width:110px;color:#fff}
#nav ul li#nav-news.current a {background-position:-260px 0px;width:110px;color:#fff}
#nav ul li#nav-contactus.current a {background-position:-370px 0px;width:110px;color:#fff}
#nav ul li#nav-archeaology.current a {background-position:-480px 0px;width:110px;color:#fff}
#nav ul li#nav-careers.current a {background-position:-590px 0px;width:110px;color:#fff}
#nav ul li#nav-resources.current a {background-position:-700px 0px;width:110px;color:#fff}
#nav ul li#nav-faq.current a {background-position:-810px 0px;width:110px;color:#fff}

/* SIDEBAR
-----------------------*/
#sidebar {width:196px; min-height:400px; float:left; padding-right:39px;margin-left:40px; border-right: 1px solid #d2cec1;font-size:1.4em;}

#sidebar h3 {font-size: 1.5em; color:#56A1DB;}
#sidebar h2 {color:#504441;font-size: 1.5em;}
#sidebar a {color:#9d9c6d; margin-top:2px;padding:3px; display:block; line-height:1.2em; text-decoration:none;font-size:14px; text-transform:none;}
#sidebar a:hover {color:#fff;background-color:#c1b4ab;}
#sidebar li.here a {color:#fff;background-color:#c1b4ab;}
#sidebar h4 {font-size: 1.5em; color:#fff; padding-left:10px;}
#sidebar ul li {margin-left:30px; list-style-type:none;margin-bottom:0.2em;}

/* FOOTER
------------------------*/
#footer {clear:both; height:68px; font:0.85em Arial, Trebuchet, Helvetica, Arial, sans-serif; background:url(/asapatheme/images/footer.jpg) no-repeat bottom;}

#footer p{text-align:center; color:#fff; padding-top:23px;}
*html #footer {width:960px;}
*html #footer p{width:460px;}

#footer a:link {color:#fff;}  
#footer a:visited {color:#fff;}

/* SEARCH BOX
-------------------*/
#searchbox {float:right; padding-right:25px;padding-top:0px;}
#searchbox form {border:none;}
#searchbox input {background-color:#fff; color:000;}
#cse-search-box {margin-top:0px;}

#searchbox-home {float:right; padding-right:25px;padding-top:200px;}
#searchbox-home form {border:none;}
#searchbox-home input {background-color: #fff; color: #000;}
#cse-search-box {margin-top:3px;}

/* COPYRIGHT
-------------------*/
#copyright {padding-top:20px; text-align:center}
#copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;}

.newsentry {margin-bottom:10px;}
.newsentry img {border:2px solid #FCEBF3}

/* MEMBERS 
-------------------*/
#members-welcome {margin-bottom:20px; background-color:#6a7759; padding: 5px 20px;}
#members-welcome  p {color:#fff; font-size: 14px;margin-bottom:0;}
#forum-posts {background-color:#737259; padding: 10px 20px;}
#forum-posts h2 {font-size:20px; color:white;}
#forum-posts p {color:#adb89e}
#forum-posts a {color:#fff; text-decoration:none;}
.forum-posted {color:#c1bfa4; font-size:12px; margin-bottom:10px;}
.members #sidebar {border-right: 0px solid #d2cec1;}

.members #main {width:410px; float:left;}
*html .members #main {width:380px;margin-right:10px;}

.members #main h1 {color:#fff; margin-bottom:0.3em}
.members hr {color:#adb89e;}

.members #sidebar-right {float:right; width:175px; background-color: #6a7759; color:#fff; padding:10px 10px; margin-right:40px;}
.members #sidebar-right h2 {color:#fff;}
.members #sidebar-right h3 {color:#adb89e;}
.members #sidebar-right p {color:#fff;}
.members #sidebar-right a {color:#fff;}

#members-loginform p {color:#000; font-size:14px; font-weight:bold;}

.members table {color:#fff;font-size:12px;}
.members td {font-size}

.members #sidebar-heading2 a {color:#504441; text-decoration:underline; display:inline;font-size:0.8em;}
#sidebar-heading2 a:hover {color:#504441 !important; background:none;text-decoration:underline;}
.caption {width:315px; font-size:0.9em !important;}

/* NEWS
-------------*/
.news #main {margin-left:40px; margin-right:100px; width:500px;float:left;} 
#fp-news {margin-left: 110px;}


/* PAGINATION
-----------------*/
#pagination {background-color:#fff; margin-right:-6px; padding:5px; color:black; float:left;}
#pagination p {text-align:right; margin-bottom:0;}
#nextprev {margin:0 auto; width:22em;}
#main #pagination a {color:black;}

/* GALLERY
-----------------*/

#gallery-albumview {}
#gallery-albumview ul {list-style:none; margin-left:0;}

#gallery-albumview li {float:left; list-style:none;}
#gallery-albumview li a {display:block; margin:10px; padding:3px; border:2px solid black; background-color:#E4E4E4;}
#gallery-albumview li a:hover {border:2px solid #6F3E39; background-color:#C9C3B3;}

#gallery-catdescription {}
#gallery-catdescription p {text-align:center; font-style:oblique;}

#caption {width:600px; margin: 0 auto;}