/* 
Theme Name: Dyne (SustainableSushi)
Theme URI: http://loreleiwebdesign.com/2008/09/19/dyne-stylish-oriental-wordpress-theme/
Description: Extensively customized for Sustainable Sushi.
Version: 1.1
Author: pswish_themes
Author URL: http://loreleiwebdesign.com
Tags: valid XHTML, fixed width, two columns, widgets, gravatars, right sidebar, white, green, oriental, simple

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/

/*
This theme was designed by the developpers of bestfreecards.net, coding based on 'Desk Mess' theme by geekwithlaptop.com
Used by author's kind permission.
*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	/* background: #ae8858 url(images/bg.jpg) repeat top left; */
	background: #000000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #333333;
	margin: 0;
	padding: 0;
}

a:hover { text-decoration: none; }

h1
{
	font-size: 25px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 2px;
}

h2
{
	font-size: 20px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 11px;
	padding-top: 15px;
}

h3
{
	font-size: 17px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 10px;
	padding-top: 14px;
}

#header-container
{
	width: 1000px;
	/* 990 */
	margin: auto;
	padding: 0;
}

#header
{
	position: relative;
	height: 329px;
	/* 295 */
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
}

#cup
{
	float: left;
	height: 275px;
	width: 259px;
	margin-top: 26px;
}

#logo
{
	margin-left: -37px;
	float: left;
	width: 304px;
	height: 170px;
}

#logo h2
{
	font-family: Arial, sans-serif;
	font-size: 40px;
	color: #494134;
	text-align: center;
	width: 280px;
	margin: 90px 0 0 24px;
}

#logo p
{
	color: #fff;
	margin-left: 15px;
	text-align: center;
	font-size: 18px;
	font-family: Arial, sans-serif;
}

#headerright
{
	float: left;
	width: 534px;
	height: 295px;
	margin-left: -85px;
}

#menu
{
	background: url(images/menu2.png) repeat-x;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	left: 10%;
	height: 55px;
	top: 248px;
	margin: 0;
	padding: 0;
}

#menu,#menu ul
{
	list-style: none;
	line-height: 2;
}

#menu a,#menu a:hover
{
	display: block;
	border: none;
	text-decoration: none;
	color: #f9f6e0;
}

#menu li
{
	float: left;
	list-style: none;
	border-right: 1px solid #4e583c;
}

#menu a,#menu a:visited
{
	display: block;
	font-weight: 700;
	color: #f9f6e0;
	padding: 10px 12px;
}

#menu a:hover,#menu a:active
{
	background: #636d52;
	color: #f9f6e0;
	text-decoration: none;
}

.clear
{
	position: relative;
	clear: both;
	height: 5px;
}

#wrapper
{
	position: relative;
	width: 938px;
	/* 977 */
	background-image: url(images/main_middle.png);
	background-repeat: repeat-y;
	margin: 0 auto;
}

#mainwrap
{
	width: 938px;
	/* 990 */
	margin: 0 auto;
}

#maintop
{
	position: relative;
	width: 938px;
	/* 977 */
	margin: 0 auto;
}

#maintopimg
{
	position: relative;
	background: url(images/main_top.png);
	height: 39px;
	padding: 0;
}

#content
{
	position: relative;
	width: 938px;
	/* 950 */
	margin: 0 0 0 45px;
}

#main-fish
{
	float: left;
	width: 575px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 15px;
	border: 1px solid #4392c7;
}

.fish
{
	width: 140px;
	height: 100px;
	float: left;
	text-align: center;
}

.fish p
{
	font-size: 10px;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}

.updated {
	color: red;
	font-weight: bold;
}

#main-blog
{
	float: left;
	width: 575px;
	padding: 0px 15px 10px 0px;
}

#main-blog h1
{
	font-size: 26px;
	font-family: Impact, Arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 2px;
}

#main-blog h1 a,#main-blog h1 a:visited,#main-blog h1 a:active
{
	color: #4392c7;
	text-decoration: none;
	border-bottom: 1px dashed #b2b0a4;
}

#main-blog h1 a:hover
{
	color: #82572a;
	text-decoration: none;
	border-bottom: 1px solid #82572a;
}

.postdata
{
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 400;
	color: #4e463b;
}

.post { margin-bottom: 60px; }

.post p
{
	text-align: justify;
	/* font-variant: small-caps; */
	margin: 0;
	padding: 0 0 10px 0;
}

post ul { margin-left: 35px; }

.post-comments
{
	float: right;
	width: 90px;
	height: 61px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	/* background: url(images/commentbck.png) no-repeat; */
	margin: -7px 20px 0 0;
	padding: 18px 0 0 24px;
}

.post-social
{
	float: right;
	width: 78px;
	height: 74px;
	background: url(images/socialbck.png) no-repeat;
	margin: -22px 30px 0 0;
}

.rss
{
	background: url(images/rssicon.png) no-repeat 0 50%;
	padding-left: 20px;
	padding-top: 1px;
}

.post-comments a:link,.post-comments a:visited,.post-comments a:active
{
	color: #333333;
	text-decoration: none;
}

#sidebar-top
{
	height: 10px;
	min-height: 10px;
}

#sidebar-content { padding: 9px 30px 30px; }

#sidebar-bottom
{
	height: 37px;
	min-height: 37px;
	text-align: right;
	margin-left: -1px;
}

#sidebar
{
	width: 305px;
	position: relative;
	float: left;
	margin: -20px 0 0 -8px;
}

.subcolumn { width: 255px; }

#fishform
{
	margin: 0 15px;
	padding: 5px 0;
}

#fishform select {
	width: 217px;
	height: 16px;
	font-size: 10px;
	border: 1px solid #3396c7;
}

#search
{
	width: 252px;
	height: 125px;
	background: url(images/searchbck.png) no-repeat;
	margin-left: 4px;
}

.form-input
{
	width: 217px;
	height: 18px;
	background: #faf6f6;
	border: 1px solid #3396c7;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 15px 5px 15px;
	padding: 2px;
}

.form-input:focus
{
	background: #f7f1d9;
	border: 1px solid #636f55;
}


.search-submit
{
	/*width: 85px;
	background: #eae8d1;
	border: 1px solid #636f55;
	color: #666;
	font-size: .85em;*/
	margin: 0 0 0 110px;
	padding: 3px;
}


#calendar_wrap { margin-left: 55px; }

.widget-top-rule
{
	width: 252px;
	margin-left: 4px;
	background: url(images/widget_top_rule.png) no-repeat;
	height: 6px;
}

.widget-rule
{
	width: 250px; /* Allows for 1px border on each side */
	margin-left: 4px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 95%;
	background-color: #FFFFFF;
	border-width: 0px 1px 1px 1px;
	border-color: #4392c7;
	border-style: solid;
}

.widget-rule img
{
	border: none;
	margin: 0 15px;
	padding: 5px 0;
}

.widget-top
{
	width: 252px;
	margin-left: 4px;
	background: url(images/widget_top.png) no-repeat;
	height: 5px;
}

.widget
{
	width: 252px;
	margin-left: 4px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 95%;
	background-color: #D0E4F1;
	background-image: url(images/widget_fish_bg.png);
	background-repeat: no-repeat;
	background-position: 110px 5px;
	/* border-bottom: 1px solid #e3dccb; */
}

.widget p { padding-left: 5px; }

.widget img
{
	border: none;
	margin: 0 15px;
	padding: 5px 0;
}


.widget h2
{
	text-align: center;
	font-size: 20px;
	font-family: Arial black;
	font-weight: 400;
	line-height: normal;
	color: #4e463b;
	margin: 0;
	padding: 0;
	/* border: 1px solid #000; */
}

.widget ul
{
	border: none;
	list-style: none;
	margin: 0 0 15px;
	padding: 5px 0;
}

.widget ul li
{
	/* background: url(images/listseparator.png) no-repeat 25% 100%; */
	line-height: 1.25em;
	font-size: 13px;
	color: #333333;
	margin: 0;
	padding: 0px 15px 5px 15px;
}

.widget ul li a,.widget ul li a:visited, .widget ul li a:link {
	color: #635537;
	text-decoration: none;
}

.widget ul li a:hover
{
	color: #635537;
	text-decoration: none;
}

.textwidget { padding: 0 8px; }

p img
{
	max-width: 100%;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

img.aligncenter
{
	border: 1px solid #59350b;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

img.alignright
{
	border: 1px solid #59350b;
	display: inline;
	margin: 0 0 13px 13px;
}

img.alignleft
{
	border: 1px solid #59350b;
	display: inline;
	margin: 0 13px 13px 0;
}

.alignleft { float: left; }
.alignright { float: right; }

.wp-caption
{
	border: 1px solid #59350b;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
}

.wp-caption img
{
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

#bottom
{
	background: url(images/footer.png) no-repeat;
	margin: auto;
	width: 1000px;
	height: 213px;
	/* 154 */
}

#bottom p { text-align: center; }

#wp-footer
{
	position: absolute;
	background: url(images/footer-wp.png) no-repeat;
	width: 95px;
	height: 26px;
	margin-top: 95px;
	margin-left: 460px;
}

#wp-footer a
{
	display: block;
	height: 0;
	padding-top: 26px;
	overflow: hidden;
	text-decoration: none;
	width: 95px;
}

#wp-footer a:hover { background: url(images/footer-wp.png) no-repeat 0 -28px; }

.commentlist
{
	text-align: justify;
	padding: 0;
}

.commentlist p
{
	clear: both;
	margin: 0 15px 10px 2px;
}

#commentform p
{
	margin: 0;
	padding: 6px 0;
}

.nocomments
{
	text-align: center;
	margin: 0;
	padding: 0;
}

.alt
{
	margin-top: 1px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
	padding: 10px 10px 5px;
}

.alt2
{
	margin-top: 1px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 10px 10px 5px;
}

.administrator
{
	margin-top: 1px;
	background: #e5dfcf url(images/author.png) no-repeat center;
	border: 1px solid #7e7d75;
	padding: 10px 10px 5px;
}

.cgravatar
{
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid #47453a;
	margin: 0 12px 0 0;
}

.comment-author
{
	font-size: 90%;
	font-family: Arial, sans-serif;
	color: #2b2d2f;
}

.comment-author a:link,.comment-author a:visited,.comment-author a:active
{
	color: #82572a;
	border-bottom: 1px solid #82572a;
	text-decoration: none;
}

.comment-author a:hover
{
	color: #635537;
	border-bottom: 1px solid #b2b0a4;
	text-decoration: none;
}

.comment-date
{
	margin-left: 2px;
	margin-top: 3px;
	font-size: .75em;
	color: #888;
}

#com
{
	width: 580px;
	clear: both;
	padding: 0 0 5px;
}

#comhead
{
	margin-bottom: 10px;
	color: #271b03;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	width: 175px;
	height: 36px;
	border-bottom: 1px dashed #ccc;
	padding: 8px 0 0 0px;
}

#respond
{
	clear: both;
	width: 175px;
	height: 36px;
	margin-top: 25px;
	color: #271b03;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	padding: 8px 0 0 0px;
}

#commentform
{
	font: 110% Arial, Helvetica, sans-serif;
	margin: 10px 10px 30px 0;
}

#commentform label
{
	color: #787878;
	font-size: 87%;
}

#commentform input
{
	width: 200px;
	background: #fff;
	border: 1px dashed #b2b0a4;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	padding: 5px;
}

#commentform textarea
{
	height: 130px;
	background: #fff;
	border: 1px dashed #b2b0a4;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	overflow: auto;
	padding: 5px;
}

#commentform #submit { cursor: pointer; }

.contactform input,.contactform textarea
{
	background: #333;
	border: 1px dashed #b2b0a4;
	color: #fff;
}

.contactform input:focus,.contactform textarea:focus
{
	background: #444;
	border: 1px dashed #000;
	padding-bottom: 30px;
	color: #fff;
}

.contactform #contactsubmit
{
	width: 85px;
	background: #111;
	border: 1px dashed #666;
	color: #e3e3e3;
	font-size: .85em;
}

.contactform #contactsubmit:focus
{
	width: 85px;
	background: #333;
	border: 1px dashed #666;
	color: #e3e3e3;
	font-size: .85em;
}

.contactform textarea
{
	width: 340px;
	height: 200px;
	margin-bottom: 10px;
}

.ddfmwrap
{
	width: 450px;
	margin: 0;
	padding: 10px 0;
}

.ddfmwrap form.ddfm
{
	width: 450px;
	margin: 0;
	padding: 0;
}

.ddfmwrap form.ddfm legend
{
	font-size: 1.1em;
	font-weight: 400;
	color: #635537;
}

.ddfmwrap form.ddfm label
{
	padding-top: 4px;
	color: #635537;
	font-weight: 400;
	line-height: normal;
}

.ddfmwrap form.ddfm fieldset
{
	border: 1px dashed #b2b0a4;
	padding: 15px;
}

.ddfmwrap p { color: #635537; }
form.ddfm .credits { display: none; }
.ddfmwrap .required { color: #cf0e0e; }

.ddfmwrap .fmtext,.ddfmwrap .fmtextarea,.ddfmwrap .fmselect
{
	background: #fdfef6;
	border: 1px dashed #b2b0a4;
	color: #635537;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	padding: 4px 5px;
}

.ddfmwrap .fmtextarea { height: 200px; }
.ddfmwrap .fmtext:focus,.ddfmwrap .fmtextarea:focus,.ddfmwrap .fmselect:focus { border: 1px dashed #918b6e; }

.ddfmwrap .submit
{
	margin-left: -8px;
	text-align: left;
}

.ddfmwrap .submit input
{
	background: #fdfef6;
	border: 1px dashed #918b6e;
	color: #2b2d2f;
	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif;
	padding: 3px 12px;
}

#wp-calendar
{
	empty-cells: show;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	width: 200px;
	margin: 0;
	padding: 0;
}

a:link,a:visited,a:active,.post-comments a:hover,.widget ul li a
{
	color: #4392c7;
	text-decoration: none;
}

