/*
Theme Name: Sakura
Theme URI: http://www.area381.com/
Description: Widget ready WordPress theme with two columns and sakura motive (japanese cherry blossom). Created by <a href="http://www.area381.com">area381</a>.
Version: 1.5
Author: area381
Last Update: 13/sept/2008
Tags: fixed width, widget ready, 2 columns, right sidebar, custom header, seo friendly, gravatars, wpmu, sakura, spring, brown, rounded corners, woman, feminine, asia, japan
Licence: The CSS, XHTML and design is released under GPL: http://creativecommons.org/licenses/GPL/2.0/
*/

/*
//////////////////////////////////////////////////////
		GLOBALS
//////////////////////////////////////////////////////
*/

* {
	padding:0;
	margin:0;
}
body {
	color: #3E4449;
	font: 12px "Arial", sans-serif;
	color: #333333;
	background: #f0f4d6 url(images/background.jpg) repeat-x 0px 0px;
	background-repeat: repeat-x;
}

p { line-height: 130%; }

a, a:active, a:link,
a:visited {
	outline:none;
	color:#a82727;
	text-decoration: none;
}
a:hover {
	color:#e90000;
	text-decoration: underline;
}
img, a img {
	border:none;
	margin: 0 auto;
}
code {
	font-family: "Courier New", Courier, mono;
	color: #333333;
}
.clear {
	clear: both;
}
.aligncenter {
	display: block;
	margin: 0px auto;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}
.red {
   color:#80241d;
}
ul { list-style:none;  }

/*
//////////////////////////////////////////////////////
		BLOCKQUOTE STYLINGS
//////////////////////////////////////////////////////
*/
html>body blockquote { margin: 15px 25px;  }
blockquote { margin: 15px 25px; color: gray;  }
blockquote > *:first-child {
    text-indent:-16px;
    }
blockquote > *:first-child:before {
    color:#babea1;
    content:"\201C";
    font:italic bold 4em "Arial", sans-serif;
    line-height:1px;
    padding-right:.2em;
    vertical-align:-1500%;
    }
blockquote > *:last-child:after {
color:#babea1;
    content:"\201D";
    font:italic bold 4em "Arial", sans-serif;
    line-height:1px;
    margin-left:-.05em;
    vertical-align:-2700%;
    }
* html blockquote * {text-indent:-6px; }  /*fix IE6 */
					   		   
.blip_description, .blip_tags { padding: 5px 10px 0; line-height: 150%; }
#blipdata p { width:80px; }

/*
//////////////////////////////////////////////////////
		LAYOUT
//////////////////////////////////////////////////////
*/

#fade img {
	margin: 0 auto;
	padding-left: 15px;
	width: 500px;
	height: 390px;
}
#wrapp {
	width: 1017px;
	margin: 0px auto;
	padding:0;
	background: url(images/header_bg.jpg) no-repeat right top;
}

#header {
	width: 1017px;
	height: 230px;
	margin:0; padding:0;
}

#searchform { display:inline; position:relative; float:right;
	      margin: 38px 10px 0 0; padding:0; }

#nav {  display:inline; margin:15px 0 0; padding:0; float:right;
	/* position: absolute; top: 205px; left: 580px; */
	/*display:inline; position: relative;*/
	/*margin:0; padding:0; float:right;*/
	width: 600px;
	font: bold 1.2em "Arial", sans-serif;
	color: #daf3ff;
	text-transform:uppercase; }

#main {
	width:  1017px;
	float: left;
	margin:0px;
	padding:0px;
	background-color:white;
}
html>body #sidebar { width: 370px; }
#sidebar {
	width: 350px;
	padding:0;
}

/*
//////////////////////////////////////////////////////
		NAV
//////////////////////////////////////////////////////
*/
#nav ul { display:inline; text-align:left; }
#nav li { list-style:none; float:left; }
#nav li a, #nav li a:active, #nav li a:visited, #nav li a:hover  { color: #daf3ff; margin:0; padding:0 0 0 38px;  }
#nav li a, #nav li a:active, #nav li a:visited { text-decoration:none; }
#nav li a:hover { text-decoration: underline; margin:0; padding:0 0 0 38px; }
/*
//////////////////////////////////////////////////////
		#MAIN STYLES
//////////////////////////////////////////////////////
*/
#main h2, #main h2 a, #main h2 a:active, #main h2 a:visited, #main h2 a:hover { color: #babea1; font: normal 18px "Helvetica", sans-serif; text-transform:uppercase; padding: 15px 15px 0px; text-decoration:none; }
#main h2 a:hover { text-decoration: underline; }
#main h3 { color: #80241d; font: 700 14px "Arial", sans-serif; text-transform:uppercase; margin:30px 10px 10px; padding:0 0 3px; border-bottom: 1px dotted black; }

#main .entry { overflow: auto; margin: 8px auto 0px; padding: 0px; }
#main ul, #main ul li a, #main ul li a:active, #main ul li a:visited, #main ul li a:focus, #main ul li a:hover { list-style:none; margin:0 10px; padding:3px; }

/*
//////////////////////////////////////////////////////
		entryBox (box that holds slideshows)
//////////////////////////////////////////////////////
*/
#main .entryBox {
	width: 547px;
	background: #f0f4d6 url(images/entry_bg_top.jpg) no-repeat -1px 0px;
	/*margin:30px 25px 20px;*/
	padding:0;
}
#main .entryBox .entry {
	width: 530px;
}

#main .entry object {
	margin: 0 auto;
	padding-left: 15px;
}

#main .entry p {
	color: #4D5359;
	font-size: 1.1em;
	padding: 10px;
}

#main .entryBox .entryBottom {
	height:39px;
	background: white url(images/entry_bg_bottom.jpg) no-repeat;
}

/*
//////////////////////////////////////////////////////
		pageBox (box for static pages)
//////////////////////////////////////////////////////
*/

#main .pageBox {
	width:950px;float:left;
	background: white url(images/page_bg_top.jpg) no-repeat -1px 0px;
	margin:35px; padding:0;}

#main .pageBox .pageBottom {
	height:39px; margin:0; padding:0;
	background: white url(images/page_bg_bottom.jpg) no-repeat;  }

#main .entryPage {
	color: #4D5359;
	font-size: 1.1em;
	margin:0; padding:0;
	background: white url(images/page_bg_p.jpg) repeat -1px 0px; }

#main .entryPage p { margin:0; padding: 10px 30px 0px; }

#main .pageBox h2 { margin:0; padding:20px 0 0 30px; }

#main .pageBox h3 {
	margin:0 10px 10px 30px; padding:20px 10px 0px 0px;
	color: #80241d; width: 80%;
	font: 700 14px "Arial", sans-serif;
	text-transform:uppercase;  border-bottom: 1px dotted black; }

#main .pageBox ul {
	margin:0; padding: 0 20px 0 90px; list-style: disc; }
#main .pageBox ul li {
	margin:0; padding: 2px 0px;}
/*
//////////////////////////////////////////////////////
		SIDEBAR (smaller box that has excerpt() and other content)
//////////////////////////////////////////////////////
*/


#sidebar .sidebar-box {
	width: 339px; float:left;
	background: #f0f4d6 url(images/sidebar_bg_top.jpg) no-repeat -1px 0px;
	margin:0px; padding:0;
}
#main .sidebar-box .entry {
	width: 300px;
}
#main .sidebar-box .entry .tellafriend li {
	margin:0; padding:0 0 5px;
	font-size:14px; font-weight:bold; }
#main .sidebar-box .entry img {
	border:none; margin:5px 0 0; padding:0; }
#main .sidebar-box .entryBottom {
	height:60px;
	background: url(images/sidebar_bg_bottom.jpg) no-repeat -1px 21px;
}


/*
//////////////////////////////////////////////////////
		FOOTER
//////////////////////////////////////////////////////
*/

#footer  {
border:1px dotted black;
color:#666666;
width:80%;
margin: 10px auto;
padding:15px;
text-align:center;
}