/*
Theme Name: Otter_Creations
Theme URI: http://ottercreations.com
Description: Otter Creations WordPress Template Theme
Author: Otter Creations (Masha Holl)
Author URI: http://www.mashaholl.com
Template: 
Version: 0.1
.
Tags: 
.
*/

/*********************/
/* Fonts and Colors  */
/********************/
body { 
		font-family: Helvetica, Verdana, sans-serif; 
		font-size:medium; 
		font-weight:normal; 
    	line-height: 120%;
      color:#f3e3cd; 
		background:#3b4d20;
		background-image: url(images/otterheader2010.jpg);
		background-repeat: no-repeat;
      }
      
body hr {
	color: transparent;
    }

/*********************/
/* Links             */
/********************/

a:link{
	 color:#c9834b;
     background-color: transparent;
     font-weight: bold;
     font-style: normal;
     text-decoration: underline
     }

.content a:link{
	 color:#603518;
     background-color: transparent;
     font-weight: bold;
     font-style: normal;
     text-decoration: underline
     }

a:visited {
	 color:#c9834b;
     background-color: transparent;
     font-weight: bold;
     font-style: normal;
     text-decoration: underline
     }

a:hover{
	 color: #603518;
     background-color: #c9834b;
     font-weight: bold;
     font-style: normal;
     text-decoration: underline
     }

#button {
	width:12em;
	border: /* 1px solid #c9834b; */ 0;
	padding: 0 0 .2em .5em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: /* #c9834b; */ transparent;
	color: #603518;
	}

#button ul {
		margin: 0;
		padding: 0;
		border: none;
		}

#button li {
		display: block;
		background-color: #cc9966;
		color: #603518;
		list-style: none;
		border-bottom: 1px solid #c9834b;
		margin: 0;
		}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.2em;
		border: 1px outset #603518;
		background-color: #cc9966;
		color: #603518;
		text-decoration: none;
		width: 100%;
		}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
		border: 1px inset #603518;
		background-color: #603518;
		color: #cc9966;
		}

/*********************/
/* Layout            */
/********************/

.left { float:left; }

.right { float:right; }

.center { text-align:center; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wrapper {
	position:absolute;
    width: 90%;
}

.header {
	background-image:url(otterheader2010.jpg);
    background-repeat: no-repeat;
	position:absolute;
    margin-left: auto;
    margin-right: auto; 
    height: 200px; 
    width: 950px; 
    left: 5px;
    padding: 2%; 
    padding-top:5px; 
    padding-bottom: 5%;  
    border: 0; 
    z-index:1;
    }

.center {
	position: absolute;
	top: 239px;
	left: 5px;
    padding: 2%;
	background-color: transparent;
	width:950px;
	min-height:650px;
    border: 0; 
}

.navbar {
	position:relative;
	left:185px;
	width: 550px;
	height: 10px;
	padding-left: 3%;
	border: 0;
	z-index:2;
	}

.boxleft {
	position:absolute;
	top:27px;
	left: 5px;
	font-size: 90%;
	text-decoration: none;
	background-color: transparent;
	width: 190px;
	min-height: 400px;
	margin: 4px;
	padding: 2px;
	border: 0;
}

.boxright {
	position:absolute; 
    	top:27px; 
   	right: 2px; 
    	font-size: 90%; 
    	text-decoration: none; 
    	background-color: transparent;
	color: #c9834b; 
    	width: 185px; 
    	min-height: 400px; 
    	margin: 5px; 
    	padding: 2px; 
    	border: 0;
}

.content {
	position:absolute;
	top: 35px;
	left:225px;
	width: 505px;
	height: 500px;
	padding: 20px;
	background-color:#f3e3cd;
	border:2px solid #603518;
	color: #603518;
	overflow:auto;
}

.footer {position:absolute; bottom: 5px; width:900px; height: 60px; font-size: 80%; line-height: 120%; border: 0;
}

/*********************/
/* Lists             */
/********************/

ul.sidebar-left li {
	list-style-type: none;
    }

ul.sidebar-right {
	margin: 0;
	padding: 0;
	border: none;
}

ul.sidebar-right li {
        list-style-type: none;
	display:block; width:10em; height:23px; background:#cc9966; border: 1px outset #603518; margin: 0; padding: 0 0 .2em .2em; text-align:center; font-family:'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; color:#603518; line-height:22px; overflow:hidden; float:left;
    }