/*
Theme Name: Rush Coffee Bar 2010
Theme URI: www.rushcoffeebar.com
Description: Rush Coffee Bar, Coquitlam, British Columbia
Author: Chris McElwee
Author URI: www.chrismcelwee.com
*/

body, html, table, td {
	margin:0;
	padding: 0;
	height: 100%;
	border:0;
	
}

* {
	text-size: 15px;
}


body {
	background: #000000 url(images/bg-main2.png) repeat-x fixed top left;
	font-family: Arial, Helvetica;
	text-align: center;
	font-size: 15px;
	min-height: 700px;
}
	
h1, h2, h3 {
	margin: 0 0 6px 0;
}

h1 {
	color: #000000;
}

h2 {
	color: #dd0008;
	border-bottom: 1px solid #cccccc;
	
}

h3 {
	color: #dd0008;
	font-size: 16px;
}

h4 {
	color: #dd0008;
	font-size: 15px;
}

td {
	font-size: 	15px;
}

/*~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~*/

.clear {
	clear: both;
	
}

a {
	text-decoration: none;
	color: #dd0008;
}
	
#container {
	margin: 0 auto;
	width: 963px;
	text-align: left;
}

img {
	border: 0;
}

img.alignleft {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #757575;
}

p.clear-right {
	clear: right;
}
	
	
/*~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~*/

#header-top {
	margin: 0 auto;
	width: 963px;
	height: 20px;
	background: url(images/header-top.png) no-repeat top left;
}

#header-container {
	margin: 0 auto;
	width: 959px;
	height: 81px;
	background: url(images/header-bg.png) no-repeat top left;
	border: 2px solid #ffffff;
}

#logo {
	float:left;
	margin-left:27px;
}

#navigation {
	float: right;
	color: #ffffff;
	padding-top: 41px;
}

#navigation li {
	list-style-type: none;
	line-height: 40px;
	text-align: center;
	font-size: 17px;
	display: inline;
	float: left;
}

#navigation li a{
	color: #ffffff;
	display: block;
	width: 110px;
    margin-right: 22px;
}

#navigation li a:hover {
	background-color: #b80000;

}

#navigation li a:visited {
	color: #cccccc;
}

/*~~~~~~~~~~~~~~~~ MAIN CONTENT ~~~~~~~~~~~~~~~~*/

#content {
	margin: 0 auto;
	width: 961px;
	min-height: 35px;
	background: url(images/bg-content-top3.png) no-repeat top left;
	padding-top: 15px;
}

#content-container {
	text-align: left;
	margin: 10px auto 0 auto;
	width: 921px;
	background: url(images/bg-content.png) repeat-y top left;
}
	
#content-left {
	width: 550px;
	min-height: 360px;
	float: left;
	margin: 0 20px 20px 20px;
	font-size: 15px;
}

#content-left p {
	font-size: 15px;
	font-weight: normal;
}
	
#content-right {
	float: right;
}

/*~~~~~~~~~~~~~~~~ SLIDESHOW ~~~~~~~~~~~~~~~~*/

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

#slideshow {
    position:relative;
    height:350px;
    margin-top: 3px;
}

#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;
}
	
/*~~~~~~~~~~~~~~~~ SIDEBAR ~~~~~~~~~~~~~~~~*/

.sidebox {
	width: 307px;
	margin: 0 20px 4px 0;	
}
	
.sidebox-top {
	background: url(images/sidebar-bg-top2.png) no-repeat;
	height: 14px;
}
	
.sidebox-mid {
	background: url(images/sidebar-bg-mid2.png) repeat-y;
	padding-left: 10px;
	display: table;
	width: 307px;
	height: 100%;
}

.sidebox-bot {
	background: url(images/sidebar-bg-bot2.png) no-repeat;
	height: 14px;
}
	
.sidebox-image {
	float: left;
	margin-right: 5px;
}

.sidebox-text {
	float: right;
	width: 200px;
	margin-right: 20px;
}


/*~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~*/

#footer-container {
	color: #cccccc;
	margin: 0 auto;
	width: 917px;
	height: 48px;
	background: url(images/footer.png) no-repeat;
}

#footer-content {
	margin: 0 auto;
	width: 470px;
}
	
#footer-content li {
	list-style-type: none;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	display: inline;
	float: left;
	margin-right: 22px;
}

#footer-content li a {
	color: #ffffff;
	width: 110px;
    
}

#footer-content li a:link {
	color: b80000;
}

#footer-content li a:hover {
	color: #b90000;

}

#footer-content li a:visited {
	color: #cccccc;
}





/*~~~~~~~~~~~~~~~~ FORM ~~~~~~~~~~~~~~~~*/

input, textarea {
	border: 1px solid #757575;
	color: #b80000;
}

input:focus {
	background-color: #ffcece;
}

textarea:focus {
	background-color: #ffcece;
}

label {
	font-size: 15px;
	font-weight: normal;
}