/* Cafeevoke.com STYLES -------------------------------------------------------------------
Written by: Matt McCloskey - Kemso, LLC - 2007
*/



/* Structure 
----------------------------------------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #1E1E1E;
	
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 13px;
	color: #797363;
}

a {
	color: inherit;
}
a:hover, a:active {
	color: white;
}

strong {
	font-size: 18px;
	color: #fff;
	font-style: bold;
}

h1 {
	font-size: 22px;
	
	margin: 0px 0px 10px 0px;
	color: #8A8E03;
	
	/*border-bottom: 1px dotted #797363;*/
}
h2 {
	margin: 5px 0px;
	padding: 0px;
	color: #797363;
}

h5 {
	font-size: 13px;
	margin: 5px 0px;
	color: #fff;
	font-style: bold;
}

li {
	
}


.section {
	position: relative;
	width: 100%;
	padding: 50px 0px 70px 0px;
	margin: 0px;
	
	background-image: url(../images/brown.jpg);
}
.section.odd {
	padding: 30px 0px 50px 0px;
	color: #58513D;
	
	background-image: url(../images/grey.jpg);
}

.section .bottom {
	height: 20px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	clear: both;
	
	background-color: #1E1E1E;
	background-image: url(../images/shadow_grey.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.section.odd .bottom {
	background-image: url(../images/shadow_brown.jpg);
}

.section .content {
	width: 850px;
	margin: 0px auto;
	padding: 0px;
}



.section .navigation {
	margin: 0px 0px 25px 0px;
	padding: 0px;
}
.section .navigation li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
.section .navigation {
	text-align: center;
}
.section.odd .navigation {
	text-align: center;
}

.section .navigation a {
	padding: 5px 10px;
	margin: 0px;
	text-decoration: none;
}
.section .navigation a {
	background-color: #464132;
}
.section.odd .navigation a {
	background-color: #171717;
}



.content .left {
	display: block;
	width: 289px;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px dotted #797363;
}

.content .center {
	display: block;
	width: 800px;
	float: left;
	clear: left;
	margin-left: 30px;
	padding: 0px;
	padding-right: 0px;
	text-align: center;
	
}

.content .right {
	display: block;
	width: 500px;
	float: right;
	clear: right;
	padding: 0px;
	margin: 0px;
}

.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}


img.right {
	width: auto;
	height: auto;
	float: right;
	margin-left: 10px;
	margin-bottom 10px;
}
img.left {
	width: auto;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* Header 
----------------------------------------------------------------------------------- */
#header {
	padding: 0px;
	margin: 0px;
}
#header h1, 
#header p {
	margin: 0px;
	padding: 0px;
}
#header .content {
	height: 500px;
	text-indent: -99999px;
	
	background-image: url(../images/logo.jpg);
	background-position: top center;
	background-position-y: -75px;
	background-repeat: no-repeat;
}
#header .navigation {
	display: none;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-top: 270px;
}
#header .navigation li {
	display: inline;
	padding: 10px;
	font-size: 14px;
}

#header .navigation li a {
	background-color: 
}


/* Services
----------------------------------------------------------------------------------- */
#services {
}
#services .navigation {
	text-align: center;
}
#services p {
	text-indent: 15px;
}

/* Photos
----------------------------------------------------------------------------------- */
#photos {
}
#photoholder {
	width: 100%;
}


/* Contact
----------------------------------------------------------------------------------- */
#contact {
}

#contactform, #mailinglistform {
	position: relative;
}
input, label, textarea {
	padding: 8px 5px;
	outline:none;
}
input, textarea {
	color: white;
}
label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

input,
textarea {
	background-color: #303030;
	border: none;
	width: 370px;
}

input:focus, 
textarea:focus {
	background-color: #C3B486;
}

button {
	display: block;
	margin: 5px 0px 0px auto;
	border: 1px dotted #797363;
	padding: 5px 10px;
	background-color: #383427;
	color: #797363;
}

input.submit {
	display: block;
	margin: 5px 0px 0px auto;
	border: 1px dotted #797363;
	padding: 5px 10px;
	background-color: #383427;
	width: 60px;
	color: #797363;
}

/* Mailing list
----------------------------------------------------------------------------------- */
#mailinglist {
}
#mailinglist label {
	padding: 0px;
	display: block;
	float: none;
	width: auto;
	text-align: left;
}
#mailinglist input {
	width: 250px;
	background-color: #797363;
}
#mailinglist button {
	margin: 0px auto;
}

#footer {
	text-align: center;
}
#footerimage {
	display: block;
	width: 200px;
	height: 123px;
	margin: 100px auto 20px auto;
	
	background-image: url(../images/logo_small.jpg);
	background-repeat: no-repeat;
}


/* Corner Rounding
----------------------------------------------------------------------------------- */

.rounded {
	background: none;
}
b{ font-weight:100; }
b.rtop, b.rbottom{display:block;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden;background: #000;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
b.rbody{display:block;margin:0px;position:relative;padding:0px 5px;background: #000;}

.dark b.rtop b, .dark  b.rbottom b {
	background: #BDBDBD;
}
.dark .rbody {
	background: #BDBDBD;
}





/* Downloads
----------------------------------------------------------------------------------- */
#downloads_list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#downloads_list li a {
	display: block;
	height: 95px;
	text-decoration: none;
}
#downloads_list img {
	border: 4px solid #fff;
}
#downloads_list .image {
	float: left;
	margin-right: 10px;	
	width: 88px;
	height: 88px;
}
#downloads_list h2 {
	color: #fff;
	border-bottom: 1px dotted #797363;
}

#downloads_list a:hover h2 {
	color: #8A8E03;
}
#downloads_list a:hover img {
	border-color: #8A8E03;
}