/*   
Theme Name: Myown
Theme URI: http://sizeofguam.com
Description: a dark modular theme
Author: Michael Wolstat
Author URI: http://wolstat.com

Version: 0.1
.
General comments/License Statement if any.
.
*/

/* colors */
.dark-med-gray {color:#444;}
.dark-gray {color:#333;}
.gray, h3.subhead, #credits a, #credits, div.post h2 small, div.post h1.single small {color:#999;}
.light-gray, body, li, dd, h2, form .field, #footer h2 a:link, #footer h2 a:visited {color:#CCC;}
.med-gray, label, #menu ul li a {color:#666;}
.black, #menu ul li a:hover, div.entry hr {color:#000;}
.blue, a:link, a:visited, h2 a:link, h2 a:visited, h1 {color:#0392C0;}
.lightblue, h2 small, h3, dt, a:hover {color:#4dcaf2;}
.white, h2 small {color:#FFF;}

.blue-bg {background-color:#0392C0;}
.dark-med-gray-bg, div#more {background-color:#444;}
.dark-gray-bg, form .field, div.post h2, h1.single {background-color:#333;}
.gray-bg, #main {background-color:#666;}
body {background-color:#2c2c2c;}
.white-bg {background-color:#FFF;}
.black-bg, #sidebar div.wrap, div.post, div.comments, div.reply, div.pagenav, div.pagenavend, div#header, div#pagetop div.ads, div.entry hr {background:#000;}
#footertop {}

#footer {}
#menu-bg {}
div#content hr.clear {background-color:none;border-color:none;border-style:solid;}
div.clientimage a img {border:solid 4px #666;}
div.clientimage a:hover img {border-color:#0392C0;}
form .field {border-color:#333; }

/* backgrounds */
body {background-image:url('images/1.gif');background-repeat:repeat-x;background-attachment:fixed;}
div#main {background:#666;}
div#main div#topchunk {background: url('images/sogbg.gif') no-repeat 0 100% ;}
body.home-page #header {background: url('../img/bg/header_bg_home.jpg') repeat-x;}
body.home-page #header .wrap {background: url('../img/bg/header_bg_home_wrap.gif') no-repeat top right;}

/* fonts */
body p, li, span, dd, a {font:normal 12px/18px verdana, arial, helvetica, sans, sans-serif;}
h1 {font:bold 23px/28px arial, helvetica, verdana, sans, sans-serif;letter-spacing:1px;}
h2,  h2 a, h1.single {font:normal 18px/23px arial, helvetica, verdana, sans, sans-serif;letter-spacing:1px;}
h3, dt, label, a.song {font:bold 14px/18px arial, helvetica, verdana, sans, sans-serif;letter-spacing:1px;}
h3.subhead {font:normal 18px/20px arial, helvetica, verdana, sans, sans-serif;letter-spacing:1px;}
h4 {font:bold 15px/19px arial, helvetica, verdana, sans, sans-serif;letter-spacing:1px;}
#menu ul li a {font:normal 12px/12px arial, helvetica, verdana, sans, sans-serif;text-decoration:none;letter-spacing:1px;}
#subnav ul li a {letter-spacing:1px;}
div#content dt a, h2 a {text-decoration:none;}
form .field {font:normal 14px/14px courier, monospace;}


/* layout */
div#main, div#credits, div#pagetop {width:910px;}
body, div, form, img, li, a img, ol, ul, dl, div#sidebar ul.main li li {margin:0;padding:0;border:0;}
p, h1, h2, h3, ul {margin-top:0;padding-top:0;}
h1 {margin-bottom:0;}
h2, h1.single {margin-bottom:12px;}
h3 {margin-bottom:6px;}
h4 {margin-bottom:2px;}
p, dd, ul, ol, dl {margin-bottom:10px;}
ul {padding:0;}
label, label input, label textarea {display:block;margin-bottom:10px;}
blockquote {border-left: 0;border-right: 5px solid #ccc;margin-left: auto;margin-right: 1.5em;padding-left: 0;padding-right: 5px;}
form {padding-bottom:10px;}

.normal {font-weight:normal;}

.hidden {display:none;}
.clear, div.section, #footer {clear:both;}
div.entry hr {border:0;margin:10px 0;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.block {display:block;}
.inline {display:inline;}
a.left img {margin-right:10px;}
.cursor-default {cursor:default;}
.cursor-pointer {cursor:pointer;}

div#pagetop {margin:0 auto;text-align:center;}
div#pagetop div.ads {margin:0 20px;padding-bottom:3px;}
div#main {margin:0 auto;padding:0 0 20px 0;}
div#main .wrap {margin:0 20px;padding-bottom:340px;}

div#header,
div#sidebar ul.main li {margin:0 0 20px 0;}
a#logolink {position:relative;height:200px;width:200px;}
a#logolink img#tinyimg {position:absolute;bottom:7px;;left:4px;cursor:pointer;}

div#sidebar {width:250px;}
div#sidebar div.wrap {padding:5px;margin:0;}

div#sidebar ul.main li {list-style:none;}
div#sidebar ul.main li.tagcloud li {display:inline;}
div#sidebar ul.main li.tagcloud li a {line-height:auto;}

div#sidebar ul#pages li {}
div#sidebar ul#pages li a {display:block;}
div#sidebar ul#pages li a:hover {}
form#searchform {padding-top:10px;}
div#sidebar li.badge {text-align:center;}

#menu {position:absolute;top:156px;left:0;width:100%;}
#menu ul {margin:1px 0 0 7px;padding:0;list-style:none;}
#menu ul li {display:inline;margin:0;}
#menu ul li.home {background-image:none;}
#menu ul li a {padding:0 7px 0 11px;}
form#searchform input#s {background:#555;color:#FFF;}
div#content {float:right;width:600px;padding:0;}
div#more {float:right;width:600px;padding:0;}
textarea {}
div#content #subnav ul {display:inline;padding:3px;list-style:none;}
div#content #subnav ul li {display:inline;margin:0;padding:1px 0 0 0;margin:0;}
div#content #subnav ul li a {padding:0 6px;}

div.section, div.comments, div.reply {margin-bottom:20px;padding:2px 5px;}
div.post {margin-bottom:20px;}
div.pagenav {text-align:center;margin-bottom:20px;}
div.pagenavend {text-align:center;}
div.pagenav div.left, div.pagenav div.right,
div.pagenavend div.left, div.pagenavend div.right {padding:0 5px;}
div.pagenavend h3 {line-height:23px;margin:0;}
div.submit {text-align:right;}
div.post h2, h1.single {padding:3px 5px 0 5px;}
div.post h2 small, div.post h1.single small {float:right;margin-left:15px;}
div.entry {padding:0px 5px;}
div.entry div.video {text-align:center;}
div.entry div.video object {margin:20px auto;display:block;}
div.comic {text-align:center;margin:15px 0;}
div.comic img {margin:0 auto;}

body.product-page div#content div.wrap, body.about-page div#content div.wrap {padding-top:0;} /* pages with a subnav need less top padding */
div#content ul {margin-left:1px;}
div#content li {list-style-type:none;list-style-position:outside;padding-left:12px;}
div#content li a {}
div#content .tab-indent {margin-left:238px;}
div#content dt a {padding-left:35px;}
div#content dd {margin:0 0 12px 12px;}
ol.commentlist, ol.commentlist li {padding-bottom:5px;}
textarea#comment {width:586px;}
div.piccol {float:right;margin-left:5px;}
div.piccol img {display:block;margin-bottom:5px;}
p.postmetadata {clear:both;padding:5px 5px;}
a.song {font-weight:bold;}

#footer {}
#footertop {clear:both;}
ul.blockfloat li {display:block;float:left;width:192px;background:#000;margin:0 0 0 20px;padding:4px;}
ul.blockfloat li ul {margin:0;padding:0;}
ul.blockfloat li ul li {display:block;float:none;width:182px;margin:0;}

#credits {text-align:right;margin:50px auto;}

ul.ingredients {padding:10px 0;margin:10px 0;}