/*
Theme Name: Stone Cutters Coffee
Theme URI: http://www.stonecutterscoffee.com
Description: Homepage design for Stone Cutters Coffee.
Version: 1
Author: Treej Web Development
Author URI: http://www.treej.com/
Tags: custom

	This theme was designed and built for Stone Cutters Coffee.


*/



/* Begin Typography & Colors */



body {
margin:0px;
background-color:#00225D;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
}

h1 {
	color:#00225D;
	font-size:1.4em;
	line-height:1.4em;
	padding:4px 0px 0px 0px;
}

img {
border:none;
vertical-align:baseline;
}

td {
	vertical-align:top;
	padding:0px 5px 0px 0px;
}

#wrapper {
margin:0px auto;
padding:0px;
width:1000px;
background-color:#FFFFFF;
}

#header {
width:100%;
height:188px;
margin:0px;
padding:0px;
border-bottom:8px solid #ADADAD;
}

#logo {
margin:0px;
padding:0px;
width:224px;
height:188px;
float:left;
}

#logo a {
display:block;
margin:0px;
padding:10px 0px 0px 30px;
}

#uppernav {
margin:0px;
padding:0px;
width:511px;
height:188px;
float:left;
}

.about {
background:url(/images/steam.gif) no-repeat 0px 0px;
}

.store {
background:url(/images/steam.gif) no-repeat 70px 0px;
}

.catering {
background:url(/images/steam.gif) no-repeat 128px 0px;
}

.blog {
background:url(/images/steam.gif) no-repeat 188px 0px;
}

.events {
background:url(/images/steam.gif) no-repeat 255px 0px;
}

.gallery {
background:url(/images/steam.gif) no-repeat 250px 0px;
}

.location {
background:url(/images/steam.gif) no-repeat 328px 0px;
}

#navbar {
margin:130px 0px 0px 0px;
padding:0px;
}

#navbar ul {
margin:0px;
padding:0px;
list-style:none;
}

#navbar ul li {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
text-transform:lowercase;
padding:5px;
font-weight:bold;
}

#navbar ul li a {
text-decoration:none;
color:#333333;

}




#trivia {
margin:0px;
padding:0px;
width:265px;
height:188px;
float:left;
background:url(/images/trivia_bkg.jpg) no-repeat bottom right;
}


#search {
margin:0px;
padding:0px;
width:265px;
height:188px;
float:left;
background:url(/images/search.gif) no-repeat top right;
}

#trivia h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
line-height:1.2em;
font-weight: lighter;
text-align:center;
width:175px;
margin:75px 0px 0px 35px;
padding:0px;
color:#999999;
}

#main {
width:100%;
height:376px;
margin:0px;
padding:0px;
background:url(/images/stone.jpg) repeat-x;
border-bottom:8px solid #ADADAD;
}

#history {
margin:0px 0px 0px 20px;
padding:0px;
border-left:2px solid #ADADAD;
border-right:2px solid #ADADAD;
float:left;
width:209px;
height:376px;
}

#coffee {
margin:0px 0px 0px 20px;
padding:0px;
border-left:2px solid #ADADAD;
border-right:2px solid #ADADAD;
float:left;
width:276px;
height:376px;
}


#innercontent {
	margin:0px;
	padding:10px 15px 10px 15px;
	font-size:1.2em;
	line-height: 1.4em;
}

#blog {
margin:0px 0px 0px 20px;
padding:0px;
float:left;
width:419px;
height:376px;
background:#FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

#hpwelcome {
float:left;
background: url(/images/blog_bkg.jpg) no-repeat;
margin:0px 0px 0px 20px;
padding:0px;
width:419px;
height:376px;
border-left:2px solid #ADADAD;
border-right:2px solid #ADADAD;
}

.hppost {
	width:355px;
	margin:100px 26px 0px 26px;
	padding:0px;
}
.hppost h1 {
	font-size:2em;
	line-height:1em;
	color:#00225D;
	margin:0px;
	padding:0px;
}

.hppost h2{
	font-size:1.3em;
	line-height:1.2em;
	color: #000000;
	margin:0px;
	padding:0px;
	text-transform:capitalize;
}

.hppost p {
	font-size:1.3em;
	line-height:1.2em;
	padding:0px;
}

#bloginner {
float:left;
background: url(/images/blog_bkg.jpg) no-repeat;
margin:0px 0px 0px 20px;
padding:0px;
width:419px;
height:376px;
border-left:2px solid #ADADAD;
border-right:2px solid #ADADAD;
}



#leftcol {
margin:0px;
padding:0px;
float:left;
width:210px;
height:376px;
border-bottom:8px solid #ADADAD;
overflow:hidden;
}

#content {
margin:0px;
padding:0px;
float:left;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
width:600px;
min-height:800px;
}

#rightcol {
margin:0px;
padding:0px;
float:left;
width:188px;
height:376px;
background:url(/images/stone.jpg) repeat-x;
border-bottom:8px solid #ADADAD;
}

#mid {
	margin:0px;
	padding:0px;
	width:100%;
	font-size:1.2em;
}

#hpleftcol {
	float:left;
	border:1px solid #adadad;
	width:195px;
	height:90px;
	padding:8px;
	margin-top:20px;
margin-left:20px;
overflow:hidden;
}


#hpmidcol {
	float:left;
	border:1px solid #adadad;
	width:261px;
	height:90px;
	padding:8px;
	margin-top:20px;
margin-left:19px;
overflow:hidden;
}

#hpblogcol {
	float:left;
	width:370px;
	padding:8px;
	margin-top:10px;
margin-left:37px;
}


#hprightcol {
	margin:0px;
	padding:0px;
}

#footer {
width:100%;
margin:0px;
padding:0px;

}

.tags {
	display:none;
}

.clear {
height:1px;
line-height:1px;
clear:both;
}

#highlight{
width:100%;
margin:0px auto;
padding:0px 0px 20px 0px;
border-bottom:1px solid #C6C6C6;
}

p.meta, #highlight p{
	text-align:center;
}

.tt-flickr tt-flickr-Small {
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;

}

#highlight h2 {
	text-align:center;
	font-size:1.6em;
	line-height:1.6em;
}

#highlight h2 a {
	text-decoration:none;
}

.tt-older-posts albums {
	
}

.post h5 {
	color:#666;
	font-size:.8em;
	padding:4px 0px 0px 0px;
	margin:0px;
font-weight:normal;
}

.post h2 {
	padding:0px;
	margin:0px;
	font-size:1.3em;
	text-transform:capitalize;
}

.post h2 a, .post h2 a:visited{
	color:#b38214;
	text-decoration:none;
}

.post h2 a:hover {
	text-decoration: underline;
}