/* Base Layout 
++ This is how the main site is structured. This includes wraps to
hold everything together in a clean and efficient way. These styles
are all used in the header.php, as they are repeated throughout everypage.
*/

body {
margin: 0;
background-image: url(images/pattern155dark.gif);
}

a img {
border: none; 
float: left;
} 

img.biophoto {
float: left;
margin: 0 15px 15px -185px;
}

#wrap {
width: 750px;
padding: 10px 25px 15px 25px;
background-color: #fff;
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#headpic {
background-image: url(images/headers/newhead2.jpg);
height: 145px;
margin: 0;
padding: 0;
}


#header {
width: 750px;
margin: 0 auto;
margin-bottom: 10px;
font-size: 10px;
}

ul.menu {
	margin: .65em 0 0 0;
	padding: 0;
	bottom: 0;
	border-bottom: 1px solid black;
	text-align: center;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bolder;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 10px 6px;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: black;
	margin: 0;
	text-decoration: none;
	}

ul.menu li a:hover {
	/*background: #333;*/
	color: #444 !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #70171e !important;
/*	background: #999;*/
	text-decoration: none;
	text-transform: uppercase;
	}

/* Index
++ In this case, we'll be splitting into two columns, but because
our recent comments feature is located in the sidebar, all of that will
be styled in the sidebar section below. This is where classes such as headlines
and post links are defined.
*/

#hppost {
width: 500px;
padding-left: 5px;
padding-right: 10px;
float: left;
border-right: 1px solid #efefef;
}

#hppost h2 {
font-size: 12px;
padding-left: 5px;
padding-top: 4px;
/*padding-bottom: 4px;*/
color: #70171e;
background-color: #f7f7f7;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

#hppost h2 a {
color: #70171e;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#hppost h2 a:hover {
color: #222;
border-bottom: 1px dotted #222;
}

/* Entry & Post Styling
++ This is where we will be styling the paragraph elements and their link states, to eliminate image borders and allow you to set different image link styles.
*/

#hppost .entry {
font-size: 12px;
/*line-height: 16px;*/
color: #555;
}

#hppost .entry p a {
color: #666;
text-decoration: none;
}

#hppost .entry p a:hover {
color: #70171e;
}

/* MY STYLES FOR THIS -------------------------------------
-----------------------------------------------------------*/

#post-13, #post-4, h3 {
color: black;
font-size: 1.5em;
}

#post-10 p {
width: 320px;
padding-left: 180px;
}

#post-13 p {
margin: 0;
padding: 0;
}

#post-13 h3 {
padding-top: 0;
}

#post-4 h3 {
border-bottom: 2px solid #70171e;
/*padding-top: 15px;*/
font-weight: 100;
font-size: 1.8em;
letter-spacing: .5em;
margin-bottom: 30px;
}

#post-4 h4 {
font-size: 21px;
line-height: 22px;
margin: 10px 0 0 0;
padding-bottom: 20px; 
}

h3 {
font: 15px #000 Verdana, Helvetica, Arial, Sans-Serif;
text-transform: uppercase;
border-bottom: 1px dotted #70171e;
/*padding-bottom: 5px;*/
/*padding-top: 5px;*/
}

h4 {
font-size: 16px;
font-weight: 100;
line-height: 18px;
text-transform: uppercase;
color: #70171e;
}


h5, h5 a {
color: black;
font-size: 18px;
text-decoration: none;
}

h5 a:hover {
color: #70171e;
text-decoration: underline;
}

#post-4 p {
margin-top: 0;
/*margin-top: -10px;*//*for firefox*/
line-height: 18px;
}

#post-4 strong {
font-size: 18px;
line-height: 1px;
}



.norest {
margin-bottom: 20px;
padding-bottom: 15px;
}

.entry p {
color: #000;
font-size: 1.1em;
line-height: 18px;
}

.anchor {
font-size: 10px;
text-transform: uppercase;
}


.entry a {
font-weight: bold;
}


.aboutme {
color: #70171e;
line-height: 2em;
border-top: 3px solid #70171e;
padding-top: 15px;
margin-top: 25px;
}

.buybook {
text-align: center;
text-transform: uppercase;
padding-right: 1em;
}

#hppost .entry .abouthead {
font: 30px #70171e Verdana, Helvetica, Arial, Sans-Serif;
text-transform: uppercase;
}


.instores {
margin: 0 0 0 -10px;
padding: 0 10px 10px 0;
float: left;
}


.address {
text-transform: uppercase;
margin: -8px 0 20px 0;
padding-bottom: 15px;
}

.callist {
border-bottom: 1px solid #70171e;
padding: 0 0 10px 0;
}

#post-8 p {
border-bottom: 1px solid #70171e;
padding: 0 0 10px 0;
}

.sushiicon {
padding: 0 0 20px 0;
margin: -15px 0 0 0;
float: right;
}

.sushileft {
float: left;
margin: -30px 0 0 0;
padding: 15px 0 0 0;
}

/* Sidebar
++ The sidebar is where you can put anything you'd like to display
on the sides (heh, get it?), of each page. In this case, Prebuilt's
sitebar comes with built in support for the "Recent Comments" plugin,
along with pulling Gravatars for that person. To style these elements,
we introduce the sidebar classes.
*/

#book .cover {
background-image: url(images/sushieconomysm.jpg);
height: 300px;
width: 199px;
border: solid .2em #999;
}

#sidebar {
width: 220px;
font-size: 10px;
line-height: 12px;
color: #666;
float: right;
/*background-color: ####;*/
} 

#sidebar h2 {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}

#sidebar a {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#sidebar a:hover {
color: #222;
border-bottom: 1px dotted #222;
}

#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
        margin-bottom: 12px;
}

#sidebar ul li{
	margin-bottom:0.6em;
	padding:0.3em;
}


/* Middle Spacer
++ This is where we have some quick styling to create
a space between content above and the extras below. We are now just leaving a nice white cap, to increase whitespace and spacing.
*/

#secdivide {
width: 746px;
height: 30px;
margin: 0 auto;
background-color: #fff;
margin-top:8px;
margin-bottom: 8px;
}



/* Footer
++ The footer is where it all comes together and comes to a close. Styling this is fairly simple, because there's not much to do.
*/

#footer {
text-align: center;
width: 747px;
height: 30px;
margin: 0 auto;
font-size: 9px;
color: #555;
padding-top: 10px;
border-top: 2px solid #ccc;
background: url(images/footerbg.gif) no-repeat;
}

#footer a {
color: #555;
margin: 5px 0 0 0;
padding: 10px 0 0 0;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dotted #70171e;
}

#footer a:hover {
border-bottom: 1px dotted #333;
}

/*
Theme Name: Prebuilt
Theme URI: http://www.devlounge.net
Description: A theme built by Astereostudio and Devlounge.
Version: 2.0.1
Author: Astereostudio & Devlounge
Modified and Butchered: The Company Design Studio
*/