/*
THEME NAME: Moo-Point
THEME URI: http://iamww.com/wordpress-theme-moo-point/
DESCRIPTION: Styling so simple it's just moo...  Built on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>, A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists, with Moo-Point skin by <a href="http://iamww.com/">Will Wilkins</a>.
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.75
AUTHOR: Will Wilkins
AUTHOR URI: http://iamww.com/
*/

/*  Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;	outline: 0;font-weight: inherit;font-style: inherit; font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;} html, body {line-height: 1;color: black;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}

/* constants */
body{height: 100%; font-family:Helvetica,Arial,sans-serif; font-size: 16px; padding: 0 0 20px 0; background:#080808 url('http://okfresh.com/images/bg.jpg') center 70px no-repeat; color: #fff;}
a{background: inherit;color:#fff;text-decoration:none;outline: none;font-weight: bold;}
a:hover{text-decoration:none;outline: none;}
blockquote {color: #9E3500;background: inherit;border-left: 5px solid;font-size: .9em;font-style:italic; line-height: 1.8em;padding: 0 15px;}
p{padding: 5px 0 10px 0;display: block;}
ol, ul, li {list-style: none;}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
strong {font-weight: bold;}
em {font-style: italic;}
del, del a, div.entry-content p del a {background:inherit;color: #C4C4C4;}
.caps{text-transform:uppercase;}
code, pre {white-space: pre-wrap;font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;margin-bottom:0pt;margin-left:0pt;}

/* layout */
div#wrapper.hfeed {width: 810px; margin: 0 auto;}
div#header {margin:0; height: 80px; float: left;}
div#container {float: left; margin: 0 10px; width: 570px;}
div#content {margin: 0 10px; padding: 0;}
div#container:after, div#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.sidebar {position: relative; top: 14px; float: right; font-size: 10px; width: 180px; opacity: 0.3; line-height: 14px;}
div.sidebar:hover {opacity: 1.0;}
div#secondary {clear: right;}
div#footer {margin: 0 0 15px 15px;}

/* header */
div#header a img { position: relative; top: 9px; opacity: 1.0; }
div#header a img:hover { opacity: 0.5; }
div#access { top: -11px; opacity: 0.3; font-size: 20px; letter-spacing: -1px; }
div#access:hover { opacity: 1.0; }
.email { margin-left: 205px; text-transform: none; font-style: italic; } 

/* navigation
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
#menu, #access {position:relative; padding:0; list-style-type:none;text-transform: uppercase;}
#menu, #access ul {margin:0; list-style-type:none; /* for Firefox */}
#menu, #access li {position:relative; top: 37px; left: 10px; float: left;}
#menu, #access li a, #menu li a:visited { color: #fff; text-decoration:none; margin-left: 20px; }
#menu, #access li a.drop, #menu li a.drop:visited {font-weight:bold;}
#menu, #access li ul { position:absolute; top:1.5em; left:0; height:0; overflow:hidden;}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#menu, #access li:hover a,
#menu, #access li a:hover { color: #fff; text-decoration: none; border-bottom: 2px solid #fff; }
#menu li:hover ul,
#menu li a:hover ul {color: #333;visibility:visible; height:auto; width:10em; background:#fff; border:1px solid #ddd; left:0; top:1.5em; overflow:visible;}
#menu li:hover ul li a,
#menu li a:hover ul li a {color: #333;display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:9em;}
#menu li:hover ul li a.drop,
#menu li a:hover ul li a.drop {font-weight:bold;}
#menu li:hover ul li ul,
#menu li a:hover ul li a ul {visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;}
#menu li:hover ul li a:hover,
#menu li a:hover ul li a:hover {text-decoration:underline;}
#menu li:hover ul li:hover ul,
#menu li a:hover ul li a:hover ul {visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;} 
#menu li:hover ul li:hover ul li a,
#menu li a:hover ul li a:hover ul li a {display:block; height:auto;}
#menu li:hover ul li:hover ul li:hover a,
#menu li a:hover ul li a:hover ul li a:hover {text-decoration:underline;}

.current_page_item { }

/* content */
.entry-content { float: left; color: #ddd; font-size: 14px; padding: 15px; line-height: 20px; left: 20px; }
.post { margin-top: 30px; background: #000; color: #fff; }
.page div.entry-content, .author div.entry-content {width: 550px; float: left; padding: 15px; font-size: 11px; line-height: 16px; background: #000; margin-bottom: 30px;}
.featuredtxt { padding: 15px; margin: 0 0 20px 0; display: block; background: #222; font-size: 32px; font-weight: bold; line-height: 38px; }
.page-title { margin-bottom: 30px; font-size: 20px;}
.category { margin-top: 15px; float: right; text-transform: uppercase; line-height: 34px; font-size: 10px; letter-spacing: 2px; }
.category a { background: #111; color: #888; padding: 0 15px; display: block; height: 36px; }
.category a:hover { background: #00aeef; color: #fff; }
.entry-title { color: #eee; font-size: 20px; float: left; margin: 15px 0 0 0; line-height: 37px; font-style: italic; }
.entry-title a { display: block; color: #fff; padding: 0 15px; height: 36px; }
.entry-title a:hover{color:#fff; background-color: #ff0080; }
div.entry-date {margin: .8em 0;background:inherit;color: #666;font-size: 9px;}
div.entry-meta {clear: both; color: #666; font-size: 10px; line-height: 16px; text-transform: uppercase; padding-top: 15px; margin: 70px 15px 0 15px; border-top: dashed 1px #333; }
div.entry-meta a {background: #222; padding: 2px 4px 0 ; color: #ccc;}
div.entry-meta a:hover {background: #666;color: #fff;}
span.author.vcard {margin-bottom: .5em;}
div.entry-meta span.cat-links, div.entry-meta span.tag-links, div.entry-meta span.edit-link {display: block;margin: .5em 0;}
div.entry-meta span.comments-link {display: block; padding: 5px; background: #222;}
div.comments p a, div.entry-content ul li a, div.entry-content ol li ul a {background:inherit;color: #ff0080;}
div.comments a:hover, div#nav-below a:hover, div.entry-content p a:hover, div.entry-content ul li a:hover, div.entry-content ol li ul a:hover, div.comment-meta a:hover, div.comments .bypostauthor .comment-meta a:hover, div.comments .byuser .comment-meta a:hover, div.comments .bypostauthor .comment-meta span.edit-link a, div.comments .byuser .comment-meta span.edit-link a:hover {background: inherit;color: #fff;}
div.entry-content p del a:hover {background: #C4C4C4;color: #666;}
div.entry-content blockquote p a {background:inherit;color: #ff0080;}
div.entry-content blockquote p a:hover {background: #9E3500;color:#ff0080;}
div.entry-content p code a {white-space: pre-wrap;font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;font-size:.9em;border-bottom: 1px dotted #666;}
div.comments p strong a, div.entry-content p ins a {border: none;text-decoration: underline;}
div.comments p strong a, div.entry-content p ins a:hover {border: none;text-decoration: underline;}
div.entry-content a { }
.commentnum { font-size: 18px; float: right; height: 36px; width: 36px; margin: 15px 15px 0 5px; line-height: 35px; background: url('http://okfresh.com/images/comment-icon.png') #000; }
.commentnum a { display: block; text-align: center; color: #aaa;  }
.commentnum a:hover { background: url('http://okfresh.com/images/comment-icon.png') #222; color: #fff; }
.tag { border-bottom: 2px solid white; margin-left: 5px; font-style: italic; text-transform: uppercase; }

a.more-link, div.page-link, p.akpc_pop {font-size: 10px; text-transform: uppercase; background: #222; padding: 6px 8px 5px; font-style: italic; clear: both; position: relative; left: 432px; letter-spacing: 1px; }
.more-link:hover { background: #ff0080; }
div.entry-content div.page-link a {background:#F1F1F1;color:inherit;}
.error404 div, .noresults div {width: 700px;background: inherit;color: #C44100;float: left;}
div.entry-content ol li ul, div.entry-content ul li {list-style: square;margin: .5em 1.5em;}
#category-archives h3, #monthly-archives h3, #linkcat-2 h3, #linkcat-3 h3 {border-bottom: 1px dotted #A9A9A9;margin-top: .5em;padding: .5em 0 0;}
li#category-archives.content-column, li#monthly-archives.content-column, li#linkcat-2.linkcat, li#linkcat-3.linkcat {list-style: none;margin: 1em 0;}
div.entry-content ol {padding-left: 1.5em;margin: .5em 0 1em;}
div.entry-content ol li {list-style: decimal;margin: .2em 0;}
div.entry-content ol li ol {margin: .2em 0;}
div.entry-content ol li ol li {list-style: upper-roman;}
div.entry-content ol li ul li, div.sidebar ul ul ul li {list-style: square;}
div.entry-content ol li ol li ol {margin: .2em 0;}
div.entry-content ol li ol li ol li {list-style: lower-alpha;}
div.entry-content dl dt {font-style: italic;text-decoration: underline;font-weight: bold;}
div.entry-content dl dd {margin: 7px;}
div.entry-content p abbr, div.entry-content abbr {cursor: help;border-bottom: 1px dotted #666;}
div.entry-content p ins {text-decoration: none;border-bottom: 1px dotted #666;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
div#nav-above, div.skip-link {display: none;}
div#nav-below { clear: both; margin-top: 70px; font-size: 16px; font-style: italic; }
div#nav-below a {background: #000; color: #fff; padding: 15px;}
div#nav-below a:hover {background: #ff0080;}
.post:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

#work ul, #indpage ul { margin-top: 20px; padding-bottom: 100px; }
#work li, #indpage li { padding: 8px 8px 2px; margin: 0 7px 7px 0; background: #000; }
#work li:hover, #indpage li:hover { background: #ff0080; }
#work h3, #indpage h3 { margin-bottom: 15px; color: #fff; font-size: 18px; }
.worklabel { font-size: 10px; font-style: italic; position: relative; top: -2px; }

#info { position: relative; top: 30px; width: 510px; color: #ddd; font-size: 13px; background: #000; padding: 15px; line-height: 20px; margin-bottom: 10px; }
#indpage, #work { position: relative; top: 30px; width: 550px; color: #ddd; font-size: 13px; line-height: 20px; margin-bottom: 10px; }


/* asides */
body.home .category-asides {color: #555;font-size: .8em; margin: 0 20px 1.5em;padding: 5px;}
body.home .category-asides .entry-meta {display: none;}
body.home .category-asides .entry-date abbr.published {display: none;}
body.home .category-asides div.entry-content {clear: none;width: 100%;}

/* comments & trackbacks */
div#comments {font-size: 13px; padding-top: 30px;}
div#respond {clear: both; margin: 10px 0 20px 0;}
#respond h3, #comments-list h3, #trackbacks-list h3{clear: both; margin: 50px 0 20px 0; font-size: 18px; display: block; background: #000; color:#999; padding: 15px;}
#comments-list,#trackbacks-list {}
div.comment-meta { clear: both; float: left; margin: 10px 0 20px; font-size: 10px; text-transform: uppercase;}
div.comment-meta a { color: #fff;} 
div.comment-author { color: #ccc; float: left; width: 150px; font-size: 15px; line-height: 33px; font-weight: bold; }
div.comment-author.vcard img.photo.avatar {float: left; margin: 0 10px 10px 15px;}
div.comment-author a {color:#fff; text-decoration:none; outline:0;}
div.comments .byuser .comment-meta, div.comments .bypostauthor .comment-meta { }
div.comments .byuser .comment-meta a { }
div.comments .bypostauthor .comment-meta a { color: #333;}
div.comments .bypostauthor .comment-meta span.edit-link a, div.comments .byuser .comment-meta span.edit-link a {color: #444;}
form#commentform .form-label {margin:20px 0 0 0;}
form#commentform,form#commentform p { padding-left: 15px;}
p#comment-notes, p#login {float: left; text-transform: uppercase; font-size: 10px; line-height: 16px; color: #666; }
span.logout {display: block;}
#commentform div, p.subscribe-to-comments {width: 550px; float: left; margin-top: 10px;}
input#author,input#email,input#url{width:50%;border:1px solid #666;padding: 2px;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
input#submit {border:0; padding: 6px; background: #222; color: #fff; font-size: 16px; font-family:Helvetica,Arial,sans-serif; font-weight: bold; font-style: italic; }
input#submit:hover {background: #ff0080;}
div.comments ol li {clear: both;}
div.comments ol li:after {content:".";display:block; clear:both;visibility:hidden;}
div.comments ol li p, span.unapproved { margin-left: 160px; padding: 10px; background: #111; }
textarea#comment {height:80px; background: #222; border: 0; margin-bottom: 10px; overflow:auto; width: 500px; height: 150px; color: #fff; font-family:Helvetica,Arial,sans-serif; font-size: 26px; font-weight: bold;}
textarea#comment:hover { background: #333; }
form#commentform span.required, span.unapproved {background: #333; color:#C44100;}
.commentdate a { text-transform: uppercase; opacity: 0.3; font-size: 10px; }
.commentdate a:hover {opacity: 1.0;}

/* sidebar */
div.sidebar h3 {color: #fff; font-size: 15px; margin: 15px 0; }
div.sidebar input#s {width:9em;}
input#s {border:1px solid #666; padding: 2px;}
input#searchsubmit {border:1px solid #666; padding: 1px;}
div.sidebar li {list-style:none; margin: 0; }
div.sidebar li form {margin: 0.2em 0 0; padding:0;}
div.sidebar ul {margin: 15px 0 30px 0; }
div.sidebar ul p {margin: 2px 0; }
div.sidebar ul li {margin-bottom: 10px; }
div.sidebar ul li a {background: #222; color: #fff; padding: 3px 5px 2px 5px; font-size: 10px; }
div.sidebar ul li a:hover {background: #ff0080; color: #fff; }
div.sidebar ul ul{margin:.3em 0}
div.sidebar ul ul li{list-style:none; margin:.2em 0 6px;}
div.sidebar ul ul ul{margin:0 0 0 30px;}
#searchform div {}
#bio { width: 160px; font-size: 13px; line-height: 18px; margin-bottom: 20px; }
#bio a { padding: 3px 5px 2px; background: #333; font-size: 11px; clear: both; line-height: 21px; }
#bio a:hover { background: #ff0080; }
#username { position: relative; left: -2px; }
#directors { opacity: 1.0; margin-top: 13px; font-size: 12px; font-weight: bold; color: #aaa; }
.emailaddress { font-style: italic; }

/* widgets and misc */
table#wp-calendar {width: 100%;}
#archives select {margin:0.2em 0 0;padding:0;}
.sidebar li#pages, .home li#recent-posts.widget.widget_recent_entries, span.meta-sep, li#pages.widget.widget_pages, .single div#secondary.sidebar, .page div#secondary.sidebar, .single li#text-1.widget.widget_text, .page li#text-1.widget.widget_text {display: none;}

/* footer */
div#footer { clear: both; font-size: 9px; text-align:left; padding-top: 100px; }
div#footer, #generator-link a, #theme-link a, #generator-link a:hover, #theme-link a:hover, .designby a, .designby a:hover {color: #444; }

/* Images */
div.entry-content img { width: 520px; height: auto;}
div.entry-content a:hover img { margin: 0 -15px; border-left: 15px #ff0080 solid; border-right: 15px #ff0080 solid; }
div.entry-content p.attachment a img {width: 500px; }
.page div.entry-content p img {max-width: 100%;}
.sidebar img { margin: 6px -5px -6px -5px; padding-bottom: 0; }
img.wp-smiley {background: inherit;color:inherit;}
.avatarsm { opacity: 0.5; float: right; margin: 15px 0 0 0;}
.avatarsm:hover { opacity: 1.0; }
.recentwork { margin: 0 0 -45px -8px; }
.worktype { padding-top: 10px; margin: -30px 0 -35px -8px; }
#inspirationheaderimg { margin: 0 0 -5px; }
#bio img { width: 160px; padding: 10px 0 15px 5px; }
#directors img { opacity: 0.6; left: -8px; }
#directors img:hover { opacity: 1.0; }
.rss { position: relative; top: -1px; }

.video { margin: 0 -15px; border: none; clear:both;}
