/*
Theme Name: MOD Default
Theme URI: http://melissaoyler.com/
Description: The basic MOD theme. This is where it all starts.
Version: 1.0
Author: Jeffrey Oyler
Tags: default, widgets, seo
*/
* { margin: 0px; padding: 0px; }
html { min-height:100%; margin-bottom:1px; overflow-y: scroll; }
body { font-family: Arial, Helvetica, sans-serif; background: #F9F9F9; }
a { color: #666; text-decoration: none; }
a img { border: none; }
a:hover { color: #EE1C25; text-decoration: underline; }
img { display: block; }
/* page */
#page { margin: 25px auto 10px; width: 956px; }
#header { border-top: 3px solid #EE1C25; border-right: 3px solid #EE1C25; border-left: 3px solid #EE1C25; background: #FFF; overflow: hidden; height: 150px; }
.title { }
.description { }
#content { border-right: 3px solid #EE1C25; border-left: 3px solid #EE1C25; border-bottom: 3px solid #EE1C25; background: #FFF; position: relative; z-index: 1; }
#bar { height: 37px; background: url(images/mod_bar.gif); clear: both; }
#footer { clear: both; font-size: x-small; color: #666; margin: 10px 10px 0px; }
.copyright { float: right; }
.contact { width: 400px; }
.alignleft { float: left; }
.alignright { float: right; }
.clearBoth { clear: both; height: 0px; }
/*menu */
#menu { width: 180px; padding: 25px 0px 0px 35px; position: absolute; z-index: 2; left: 0px; top: 0px; }
.menu { list-style: none; }
.menu li { padding: 0px 0px 1px; }
.menu li a { font-size: 16px; font-weight: 700; color: #EE1C25; display: block; padding: 3px 0px 3px 40px; background: #FFF; }
.menu li a:hover { color: #999; text-decoration: none; background: #F9F9F9; }
.menu li ul { text-align: left; list-style: none; display: none; margin: 0px 0px 5px; }
.menu li ul li { padding: 0px; }
.menu li ul li a { font-size: 12px; color: #666; margin-right: 0px; }
/* copy */
#copy { padding: 0px 240px 25px; margin: 0px 10px 10px; min-height: 300px; }
#copy_full { padding: 0px 25px 25px 240px; margin: 0px 10px 10px; min-height: 300px; }
#copy h1,
#copy h1 a,
#copy h2,
#copy h2 a { color: #333; font-size: 1.2em; }
#copy h1 a:hover,
#copy h2 a:hover { color: #EE1C25; }
#copy h3 { margin-top: 15px; color: #333; font-size: 1.3em; }
#copy h4 { color: #333; margin-top: 15px; font-size: 1.2em; }
.post { padding: 0px 0px 25px; }
.entry { font: .8em Georgia, "Times New Roman", Times, serif; }
.entry p { padding: 15px 0px 0px; line-height: 1.4em; }
.entry img.alignleft { margin-right: 1em; }
.entry img.alignright { margin-left: 1em; }
.entry ol,
.entry ul { padding: 10px 0px 10px 1em; line-height: 1.4em; }
.entry blockquote { background: #F9F9F9; padding: 5px; margin: 15px 0px 0px; border: 1px solid #CCC; }
.entry blockquote p { margin: 0px; }
.wp-caption p { font-size: x-small; color: #666; margin: 0px 0px 1em; }
.postmetatop { font-size: x-small; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #F9F9F9; clear: both; }
.postmetaauthor { font-size: x-small; }
.postmetabottom { font-size: small; margin: 25px 0px 0px; text-transform: lowercase; clear: both; }
/* comments */
#comments { margin: 0px 0px 25px; }
.commentlist { list-style: none; margin: 15px 0px 25px; }
.commentlist li { clear: left; font-size: small; margin: 15px 0px 0px; }
.commentlist li p { margin: 10px 0px 0px 50px; }
.commentlist li ul { list-style: none; margin-left: 50px; }
.commentlist li ul li { }
.thread-even { background: #F9F9F9; padding: 10px; border: 1px solid #CCC; }
.thread-odd { padding: 11px; }
.avatar { margin: 0px 10px 0em 0px; float: left; }
.comment-author { }
.comment-meta { margin-left: 50px; }
.reply { font-size: x-small; margin: 10px 0px 0px 50px; }
#commentform { margin: 15px 0px 25px; }
#commentform input { border: 1px solid #ccc; padding: 2px; width: 200px; margin: 0px 0px 5px; }
#commentform textarea { border: 1px solid #ccc; padding: 2px; height: 150px; width: 444px; margin: 0px 0px 5px; }
#submit { background: #F9F9F9; }
/* sidebar */
#sidebar { min-height: 250px; height: auto !important; border-left: 1px solid #CCC; width: 200px; position: absolute; right: 0px; padding-right: 24px; z-index: 2; top: 0px; }
#sidebar ul { list-style: none; padding: 25px 0px 25px 25px; }
#sidebar ul li { margin: 0px 0px 15px; }
#sidebar ul li h2 { font-size: medium; margin: 0px 0px 10px; color: #EE1C25; text-transform: lowercase; }
#sidebar ul li ul { list-style: disc; padding: 0px 0px 0px 1em; }
#sidebar ul li ul li { font-size: x-small; margin: 0px; }
/* quotes */
#quotelist { list-style: none; }
#quotelist li { width: 150px; }
.words p { font-size: x-small; margin-bottom: 10px; }
.signature { font-size: x-small; font-weight: 700; text-align: right; }
.sidebar { height: 250px; }
.asterisk { background: url(images/mod_asterisk.gif) no-repeat left top; height: 150px; margin-top: -150px; }
.quote { background: url(images/mod_quotation.gif) no-repeat left top; height: 150px; margin-top: -150px; }
/* pagination */
.pagination { font-size: small; margin-bottom: 25px; clear: both; border-top: 1px solid #F9F9F9; border-bottom: 1px solid #F9F9F9; padding-top: 5px; padding-bottom: 5px; }
.pagination ul { list-style: none; }
.pagination ul li { display: inline; margin: 0px 5px; }
/* parent */
.child { display: none; background: #FFF; }
.child img { padding: 5px; float: left; border: 1px solid #CCC; margin: 0px 25px 25px 0px; }
.child h2,
.child h2 a { color: #EE1C25; font-size: medium; float: left; }
.child h3 { font-size: medium; color: #666; }
.childCopy { font: .8em/1.4em Georgia, "Times New Roman", Times, serif; padding: 10px 0px 0px; }
/* contact forms */
#contact input,
#contact textarea { width: 244px; border: 1px solid #CCC; background: #F9F9F9; margin-bottom: 5px; padding: 2px; }
#contact textarea { height: 75px; overflow: hidden; }
#contact .box { margin-bottom: 5px; margin-right: 25px; margin-left: 25px; }
#contact .box h3 { font-size: 10px; color: #666; margin-bottom: 10px; }
#contact .box p { float: left; width: 75px; font-size: 12px; font-weight: 700; color: #666; padding-top: 5px; padding-right: 25px; text-align: right; }
#contact .field { clear: left; }
#contact .buttonbox { margin-left: 100px; }
#contact .button { width: 90px; font-weight: 700; font-size: 10px; color: #666; }
#message { font-size: 12px; color: #EE1C25; height: 30px; font-weight: 700; margin: 5px 0px 5px 100px; padding: 10px; border: 1px solid #FFF; }