/*
Theme Name: Tuhavi
Description: Developed by Citrus Bunny based on the Starkers template customized by Josh White from <a href="http://www.citrusbunny.com>Citrus Bunny Studios</a>)
Version: 2 (WP2.8)
Author: Josh White
Author URI: http://www.citrusbunny.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Start Main Page Elements */

	body {
		background-image: url('images/body_bg.jpg');
		background-repeat: repeat-x;
		background-color:#f6eabe;
		/* text-align: center; */
		margin:0px;
		padding:0px;		
	}
	
	#top {
		background-color: #692313;
		height: 20px;
	}	

	#container {
		width: 960px;		
		margin: auto;
	}
	
	#topmenu {
		background-image: url('images/menu_bg.jpg');
		background-repeat: no-repeat;	
		width: 960px;
		height: 37px;
		text-align:center;
	}

	#contentarea {
		background-image: url('images/content_bg.png');
		background-repeat: repeat-y;
		margin: auto;
		width: 960px;
				
	}
	
	#indexcontent {
		width: 650px;
		margin-left:30px;
	}
	
	#content {
		width: 900px;
		margin-left:50px;
		margin-right:50px;
	}
	
	#rightcolumn {
		z-index: 1;
		float: right;
		width: 200px;
		height: 1px;
		margin-right: 25px;
		margin-left: 15px;
                padding:20px 10px 0 0;
	}


	#header {
		background-image: url('images/header.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 194px;
		margin:0px;
		padding:0px;
	}

	#footer {
		background-image: url('images/footer_bg.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 62px;
		margin-right: auto;
		margin-left: auto;
		clear: both;
	}
	
	#subfooter {
		margin: auto;
		width:960px;
		text-align:center;
		height: 75px;
                font-family: arial;
                color: #5a5aa2;
                font-size:12px;
                font-weight:bold;
	}
	
	#subfooter a {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #7b755e;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	#subfooter a:hover {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #5a5aa2;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
	}


/* End Main Page Elements */
/* Start Menu */

#menu {
	background-color:#cccccc;
	width:960px;
}

ul.nav, .nav ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}
ul.nav a {
	color:#000000;
	text-decoration:none;
}
ul.nav a:hover {
	text-decoration:underline;
	color:#cccccc;
}

/* End Menu */

/* Text Styles */

	p {
		font-family: helvetica;
		font-size: 14px;
		line-height: 24px;
		color: #000000;
		margin-top: 10px;
		margin-left: 20px;
		padding-bottom: 15px;
                margin-right:20px;
	}

	h1 {
		font-family: "Arial Round", Arial Black, Arial;
		font-size: 24px;
		font-weight: bold;
		/* background-image: url('images/h1.png'); 
		background-repeat: no-repeat; */
		color: #367982;
		text-align: left;
		padding: 10px;
		margin-top: 0px;
		margin-left: 10px;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
	h2 {
		font-family: "Century Gothic";
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 20px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #cccccc;
		padding-top:10px;		
	}
	
	h3 {
		font-family: Garamond, Georgia;
		font-size: 24px;
		font-weight: bold;
		color: #682313;
		text-decoration: none;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
	ul {		
		text-decoration: none;
		margin-top: 0px;
		margin-left: 40px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	li {
		font-family: helvetica;
		color: #2b5980;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
                list-style: square;
		background-position: center left;
		padding-bottom: 5px;
		padding-top: 5px;
	}

/* These are the Main Menu Links */	

	A:Link {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #115e8f;
		text-decoration: none;
	}
	A:Visited {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #3e94cb;
		text-decoration: none;
	}
	A:Active {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #3e94cb;
		text-decoration: none;
	}
	A:Hover {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #3e94cb;
		background-color: none;
		text-decoration: underline;
	}


/* Contact Form */

	#formbg {
		width:500px;
                background-color:#faf5e5;
                border: 1px solid #d9cc9d;
                margin-left:20px;            
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
        p.formtext {
		font-family: Georgia;
		font-size: 20px;
                margin-left:10px;
		font-weight: normal;
		color: #920000;
	}
        .forminput {
                background-color:#fff;
                width:100px;
                color:#692313;
                text-align:center;
                border: 1px solid #000;
        }

/*** set the width and height to match your images **/

#image {
    width:650px;
    height:150px;
    padding: 15px 0;
}

#slideshow {
    position:relative;
    height:150px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

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

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