/*
Theme Name: Coffee Time
Theme URI: http://clay.humanclay.com
Version: 1.0
Description: Orange Theme
Author: Clay Bitner
Author URI: http://clay.humanclay.ca
*/


/* CSS Document */


/* Global reset-RESET */
/* The below restores some sensible defaults */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/* Typography */

h1 { font:24px/24px Georgia, 'Times New Roman', Times, serif bold; 
	margin: 0px;
	color:#000;
}
h2 { font:20px/20px Georgia, 'Times New Roman', Times, serif bold; 
	margin:0px; 
	color:#000; 
}
/*
h2.siteDecription { background:url(../images/presentation/siteDescription03.gif) top left no-repeat; position:absolute; top:70px; left:440px; width:458px; height:96px; text-indent:-9999px }
*/
h3 { font:16px/24px Georgia, 'Times New Roman', Times, serif bold; margin:0px 0 2px 0; color:#000 }
h4 { font:16px/24px Georgia, 'Times New Roman', Times, serif bold; margin:0px 0 2px 0; color:#000 }

p { margin:2px 0 16px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
h4 { font-size:14px; line-height:18px; color:#fff }
p, li, dt, dd, label { font-size:13px; line-height:18px; color:#000 }
input, textarea { font-size:11px; color:#000; padding:2px }

pre, code { margin:2px 0 16px 0; background:#000; color:#ccc; font:12px/16px 'Courier New', Courier, monospace }
pre { padding:10px }

a { color:#cb8700; text-decoration:none }
a:hover { color:#000; text-decoration: underline;}
h2 a { color:#000 }

span.smallcaps { text-transform:lowercase; font-variant:small-caps }

ol.iNeedNumbers { margin:0 0 0 50px }
ol.iNeedNumbers li { list-style-type:decimal-leading-zero; padding:0 0 0 6px }

span.crossedOut { text-decoration:line-through }


/* LAYOUT */
html {
width: 100%;
height: 100%;
}


body{
background:url('img/topbackground.jpg') top left repeat-x #cb8700;
color:#000;
position: relative;

}


#container{
width:487px;
margin-left:auto;
margin-right:auto;
padding:0;
margin-top: 0px;
background: url('img/contentbackground.gif') top left repeat-y;

}


#banner{
height:294px;
width: 487px;
background:url('img/main_logo.jpg') top left no-repeat;
}

#content{
padding:25px;
width:440px;
margin: 0px;
}

#sidebar{
position: absolute;
left: 0px;
top: 280px;
float:left;
color: #fff;
}

#sidebar * {
	color: #fff;
}

#sidebar ul {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#sidebar li {
	padding: 0px;
}

#sidebar h3 {

}

#footer{
	width: 487px;
	height: 19px;
	background: url('img/contentbottom.gif') bottom left no-repeat;
}

/* MENU BAR */

#menubar{
width: 487px;
list-style-type:none;
font-size:1.4em;
margin:0;
padding:0;
padding-top: 50px;
padding-left: 30px;
}

#menubar a{
background:url('img/menubutton.gif') top left no-repeat;
width: 74px;
height: 26px;
color:#ffffff;
display:block;
padding-top: 7px;
margin-right: 5px;
text-align: center;
font-size: 10pt;
font-weight: 300;
}

#menubar a:hover{
background:url('img/menubutton_on.gif') top left no-repeat;
color:#ffffff;
}

#menubar li{
list-style-image:none;
float: left;
}

/* SEARCH FORM */
#sidebar #searchform {
	padding-bottom: 10px;
}

#sidebar #s {
	width: 100px;
}

#sidebar input {
	color: #000000;
}

#comment {
	width: 410px;
}

/* Comments */

.commentlist li {
	background-color: #cb8700;
	border: 1px dotted #fff;
	padding: 10px;
	color: #ffffff;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 3px;
}

.commentlist li a {
	color: #fff;
}

.commentlist li p{
	color: #ffffff;
}

.commentlist li.alt {
	background-color: #e29600;
	color: #ffffff;
}

.commentlist li.alt p{
	color: #ffffff;
}

#comment_user {
	font-size: 11pt;
}

.commentmetadata {
	float: right;
}


/* post date format */

.authdate {
	background: url('img/datebox.png') top left no-repeat;
	text-align: center;
	width: 55px;
	height: 55px;
	padding-top: 4px;
	float: left;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height: 15px;
	diaplay: block;
}

.authdate .post_month {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
}

.authdate .post_day {
	color: #fff;
	font-size: 25px;
	display: block;

}

.authdate .post_year {
	color: #fff;
	font-size: 11px;
	display: block;

}

.authdate .post_time {
	color: #fff;
	font-size: 8pt;
}

.post_title {
	padding-top: 5px;
	padding-left: 60px;
}

.author {
	padding-left: 62px;
	font-size: 8pt;
}

.post_details {
	padding-left: 62px;
	font-size: 8pt;
}

.entry {
	padding-top: 10px;
}

blockquote {
	background: #ebebeb;
	margin: 10px;
	padding: 10px;
	border: 1px dashed #ffffff;
}

.navigation {
	font-size: 8pt;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}