/*  
Theme Name: Rumi Sushi
Theme URI: http://rumisushi.com/
Description: This theme is used for the Rumi Sushi blog + Facebook app.
Version: 2009.05.04
Author URI: http://blurredwhisper.com/

	This theme is based on the Hemingway Reloaded theme, version 1.0, by WordpressLab (http://startup365.com).
	Hemingway Reloaded is based on the Hemingway theme (http://warpspire.com/hemingway).

*/


/* -----------------------------------------------
	global
------------------------------------------------*/

* { margin: 0px; padding: 0px; }
* html #ancillary .block { margin: 0px 0px 0px 4%; }
* html #comments cite { width: 30.6%; }
* html #primary .secondary { margin-right: 4%; }
* html #primary.twocol-stories .story { margin-left: 2%; }
#primary.twocol-stories .first, * html #primary.twocol-stories .first { margin:0 0 0 0; }
#primary.onecol-stories .primary { float:left; width:50%; }
#primary.onecol-stories .secondary { float:right; width:40%; margin:0 0 0 10%; }
a { color: #000000; }
a img { border: none; }
blockquote { border-left: 2px solid #cccccc; color: #cccccc; margin-left: 1em; padding-left: 1em; }


/* -----------------------------------------------
	layout / base page styling
------------------------------------------------*/

body { background: #d8d8d8; color: #404040; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 11px; }
fieldset { padding: .5em; }
h1 { color: #333333; font-size: 1.5em; font-weight: normal; margin: 1.5em 0px; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0px; }
h2, h3 { color: #000000; font-size: 1.15em; font-weight: normal; }
input.textfield, textarea { background-color: #f8f8f8; border: 1px solid #868686; margin: 5px 0px; width: 15em; }
label.text { left: 0.5em; position: relative; top: -0.5em; }
li, dd { margin-left: 5%; }
ol#comments { list-style-type: none; margin: 2em 0px; }
ol#comments li { list-style-type: none; margin: 2em 0px; }
p { line-height: 1.75em; }
pre { border-bottom: 1px dotted #cccccc; border-top: 1px dotted #cccccc; overflow: auto; padding: 1em 0px; width: 100%; }
select option { padding: 0px 5px; }
table { border-spacing: 2px; margin: 1.5em 0px; width: 100%; }
table caption { color: #000000; margin-bottom: -1em; margin-top: 1em; text-align: left; }
table td { background: #cccccc; color: #000000; }
table th { background: #cccccc; color: #000000; text-align: left; }
table th, table td { padding: 0.3em 0.75em; }
textarea.commentbox { font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; height: 10em; margin: 5px 0px; padding: 0.25em; width: 28em; }
ul li { list-style-type: square; margin: 0.5em 0px 0.5em 2em; }
ul.counts .count { color: #7a7a7a; float: right; }
ul.dates .date { color: #7a7a7a; padding: 0px 1.5em 0px 0px; }
ul.dates a, ul.counts a { color: inherit; color: #404040; text-decoration: none; }
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count { color: #000000; }
ul.dates li, ul.counts li { border-bottom: 1px solid #c2c2c2; list-style-type: none; margin: 0px; padding: 0.5em 0px; }
ul.dates, ul.counts { border-top: 1px solid #c2c2c2; list-style-type: none; margin: 1.5em 0px; }
.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; }
.comment-head { border-bottom: 1px solid #e3e3e3; padding: 0.8em 2em 1.0em 2em; }
.comment-head .details { font-size: 0.95em; }
.comment-head a { color: #868686; text-decoration: none; }
.comment-head h2 { font-size: 1.5em; margin: 0px; }
.formactions .spinner { float: right; margin: -8px -20px 0px 0px; }
.formactions input.submit { background-color: #cccccc; border: 1px solid #868686; padding: 0px 0.5em; }
.hide, .print-logo, .close-button { display: none; }

/* this class sets the width and position for all rows */
.inside { width:80%; min-width:65em; max-width:85em; margin:0 auto; }

.left { float: left; }
.right { float: right; }
.rule { border-top: 1px solid #cccccc; font-size: 1px; height: 1px; line-height: 1px; margin: 1.5em 0px; }
.secondary .featured dl { border-bottom: 1px solid #cccccc; margin: 0px; padding: 0.5em 0px 0.6em 0px; }
.secondary .featured p { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; line-height: 1.5em; margin: 1em 0px 0px 0px; padding: 0.5em 0px 0.6em 0px; }
.secondary dd { display: inline; margin: 0px; padding: 0px; }
.secondary dd a { color: #808080; }
.secondary dd a:hover { color: #000000; }
.secondary dt { color: #aaaaaa; display: inline; margin: 0px; padding: 0px; }
.single-post h1, .single-post h2 { margin-top: 0px; }
.story h3 { color: #666666; font-size: 1.15em; font-weight: normal; margin: 0px 0px 1.5em 0px; }
.story h3 a { border-bottom: 1px dotted #666666; color: #333333; text-decoration: none; }


/* -----------------------------------------------
	ancillary items
------------------------------------------------*/

#ancillary { padding: 2em 0px 0px 0px; }
#ancillary .block { float: left; margin: 0px 0px 0px 8%; width: 35%; }
#ancillary .block h2, #ancillary .block h3 { margin: 0px 0px 2em 0px; }
#ancillary .block-separator { clear: both; height: 2.5em; }
#ancillary .first, * html #ancillary .first { clear: both; margin: 0px; }
#ancillary .recent { width: 17%; }
#ancillary .about { width: 28%; }
#ancillary .categories { width: 12%; }
#ancillary .media { width: 40%; }
#ancillary .thrice-length { width: 100%; }
#ancillary .twice-length { width: 65%; }
#comment-form { margin: 2em 0px 3em 35.4%; width: 36em; }
#comments .content { border-left: 1px solid #868686; float: left; margin-left: 1.9%; padding: 0px 0px 0px 2%; width: 60%; }
#comments .content h3 { font-size: 1em; margin: 0px; }
#comments .content p { margin: 0px 0px 1em 0px; }
#comments .pingback cite .author { background: url(../images/trackback_pingback.gif) 100% 0 no-repeat; display: block; padding-top: 68px; }
#comments cite { float: left; font-style: normal; text-align: right; width: 31%; }
#comments cite .admin-tools { margin: 5px 0px; }
#comments cite .admin-tools a { background: #666666; border: 1px solid #999999; float: right; margin: 0px 5px; padding: 0px 3px 3px; text-decoration: none; }
#comments cite .author { font-size: 1.2em; }
#comments cite .author a { text-decoration: none; }
#comments cite span { display: block; }
#errors { color: #ff0000; font-weight: bold; }

#ancillary .block table { border-spacing: 0px; margin: 0px; width: 100%; }
#ancillary .block table caption { color: #000000; margin: 0px; text-align: left; }
#ancillary .block table td { background: #d8d8d8; color: #000000; border-bottom: 1px solid #c2c2c2; margin: 0px; padding: 0.5em 0px 0.5em 0px; }
#ancillary .block table .first { border-top: 1px solid #c2c2c2; }
#ancillary .block table th { background: #d8d8d8; color: #000000; text-align: left; }
#ancillary .block table th, table td { padding: 0px; }
#ancillary .block .media_type { width: 40px; color: #7a7a7a; padding: 0px 0.75em 0px 0px;  }
#ancillary .block .media_text { color: #777777; background: transparent url("/images/external_link_2.gif") no-repeat scroll right center; padding-right: 15px; padding-top: 1px; }


/* -----------------------------------------------
	header
------------------------------------------------*/

#header { background: #ffffff; padding-bottom: 20px; }
#header table { width: 100%; border-spacing: 0px; margin: 0px; padding: 0px; }
#header td { background: #ffffff; margin: 0px; padding: 0px; }
#header .inside { padding: 35px 0px; }
#header .blog-title { width: 130px; font-size: 24px; border-right: 1px #ffffff solid; margin: 0px; padding: 0px 0px 0px 5px; vertical-align: middle; }
#header .blog-title a { color: #000000; text-decoration: none; }
#header .tagline { font-size: 11px; color: #777777; text-align: left; margin: 0px; padding: 4px 0px 0px 10px; vertical-align: middle; }
#header .tagline img { margin-right: 5px; }
#header .logo { width: 50px; }
#header .search { -moz-opacity: 0.4; text-align: right; vertical-align: middle; }
#header .search:hover { -moz-opacity: 1.0; }
#header .search input { width: 150px; font-size: 11px; background-color: #f8f8f8; border: 1px #868686 solid; padding: 2px; }

#preview { border: 1px solid #cccccc; margin: 1em 0px; padding: 0.5em; }
#preview p { margin: 1em 0px 0px 0px; }


/* -----------------------------------------------
	footer
------------------------------------------------*/

#footer { clear: both; color: #6c6c6c; margin: 2em 0px 3em 0px; }
#footer .inside { border-top: 1px #aaaaaa solid; }
#footer p { font-size: 0.95em; margin: 0px; }
#footer p.attributes { float: right; text-align: right; padding-top: 2px; }
#footer p.attributes a { color: #525252; padding: 0px 0px 0px 0em; text-decoration: none; }
#footer p.attributes a:hover { color: #000000; }
#footer p.copyright { float: left; padding-top: 2px; }
#footer p.copyright a { color: #525252; padding: 0px 0px 0px 0em; text-decoration: none; }
#footer p.copyright a:hover { color: #000000; }
#footer .disclaimer a { color: #525252; padding: 0px 0px 0px 0em; text-decoration: none; }
#footer .disclaimer a:hover { color: #000000; }


/* -----------------------------------------------
	primary items
------------------------------------------------*/

#primary { background: #ffffff; color: #7f7f7f; padding:1px 0 2em 0; }
#primary .primary { float: right; width: 65%; }
#primary .secondary { display: inline; float: right; margin-right: 5%; padding-top: 0.65em; width: 30%; }
#primary .secondary .admin-tools { margin:1em 0; }
#primary h2, #primary h3 { color: #333333; }
#primary.onecol-stories .primary { float: left; width: 50%; }
#primary.onecol-stories .secondary { float: right; margin: 0 0 0 10%; width: 40%; }
#primary.twocol-stories .first, * html #primary.twocol-stories .first {margin: 0 0 0 0; }
#primary.twocol-stories .story { float: left; width: 48%; margin: 0 0 0 4%; display: inline; }
* html #primary.twocol-stories .story { margin-left: 2%; }
#primary.twocol-stories .first, * html #primary.twocol-stories .first { margin: 0 0 0 0; }
.story .details { margin: 1em 0; text-align: right; border-top: 1px solid #cccccc; padding: 0.5em 0; font-size: 0.95em; color: #4d4d4d; }
.story .details .read-on { background:url(../images/readon_black.gif) 100% 60% no-repeat; padding-right:20px; }
.story .details a { color:#aaaaaa; text-decoration:none; }
.story .details a:hover { color:#000000; }
#search .spinner { padding: 0px 0px 5px 0px; text-align: right; }
#search img { left: -5px; margin-top: 2px; position: relative; top: 0.25em; }
#search img.archives-icon { margin: 0px 7px 0px 0px; top: 1px; }
#search input { background-color: #f8f8f8; border: 1px solid #868686; font-size: 0.85em; margin-top: 2px; width: 175px; }
#search input:focus { background: #ffffff; }
#search-result ul { margin: 0px; }
#search-results { background: #cccccc; border-top: 1em solid #000000; float: right; -moz-opacity: 0.9; padding: 0px 0px 0px 0px; width: 30%; }
#search-results h3 { background: #ffffff; font-weight: bold; margin: 0px; padding: 0px 0px 1em 0px; text-align: left; }
#search-results small { border-bottom: 1px solid #555555; border-top: 1px solid #666666; display: block; font-size: 0.9em; padding: 0.5em 1em 0.7em 1em; text-align: left; }
#search-results small a { color: #cccccc; }
#search-results ul li { list-style-type: none; margin: 0.5em 0px; padding: 0px 1em 0.5em 1em; }
#search-results ul li a { border-bottom: 1px dotted #cccccc; text-decoration: none; }
#search-results ul li:hover { background: #202020; }


/* -----------------------------------------------
	secondary items
------------------------------------------------*/

#secondary { background: #f3f3f3; border-top: 1px solid #e3e3e3; padding: 1px 2em; }


/* -----------------------------------------------
	share toolbar
------------------------------------------------*/

#share_toolbar { display: inline; }
#share_toolbar img { width: 16px; height: 16px; margin: 0px 5px 0px 0px; padding: 0px; float: none; }
#share_toolbar .link { opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); }
#share_toolbar .link:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }


/* -----------------------------------------------
	store button
------------------------------------------------*/

.store_button { width: 180px; background: url('/images/rumisushi_icon.gif') no-repeat 4px 50%; background-color: #f7f7f7; border: 3px #999999 double; padding: 4px 4px 4px 26px; text-align: left; vertical-align: middle; margin-bottom: 10px; }
.store_button a, .store_button a:visited { font-size: 14px; color: #000000; text-decoration: none; }
.store_button a:hover { font-size: 14px; color: #ffaaaa; }