/*
Theme Name: The Mo Diaries Theme
Theme URI: http://www.themodiaries.com
Description: A Theme Developed by 2KW for The Mo Diaries site
Version: 0.1
Author: 2000 Dollar Website, coded by Jason Boyle
Author URI: http://www.2000dollarwebsite.com, http://jason-boyle.com
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes list-style from lists */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset,img { border: 0; }

/* Left-aligns text in caption and th */
caption,th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes dotted outline on active links...and any other elements that have this set as default */
:focus
{ outline: 0; }



/* LAYOUT */
html
{ text-align: center; }

body
{ position: relative; width: 700px; margin: 0 auto; text-align: left; }
div#page-wrap
{ position: absolute; width: 740px; left: -20px; right: -20px; }

div#content
{ position: relative; width: 700px; margin-left: 20px; }
div#content-main{ left: 282px; width: 417px; min-height: 335px; height: auto !important; height: 335px; }
div#content-sub
{ width: 50%; }

div .category-content h2
{ padding: 0 0 12px 16px; }
div .blog h2
{ padding-bottom: 0; }

div.blog
{ padding-bottom: 40px; }

.inner p
{ padding-bottom: 14px; }

.inner blockquote
{ border-left: 10px solid #4f3494; padding: 0 0 0 10px; }

.inner ul, .inner ol
{ margin: 0 0 14px 16px; }
.inner ul ul, .inner ol ol, .inner ul ol, .inner ol ul
{ margin-left: 14px; margin-bottom: 0; }

div#branding, ul#nav, div#footer
{ width: 100%; }
div#branding
{ position: relative; height: 351px; z-index: 5; }
div#branding h1
{ position: absolute; left: -54px; height: 351px; width: 847px; text-indent: -9999px; }
div#branding h1 a
{ position: absolute; display: block; width: 700px; height: 277px; left: 74px; }


ul#nav
{ position: absolute; top: 277px; right: 18px; height: 50px; margin: 0; width: /*500px*/480px; z-index: 10; }
ul#nav li	
{ overflow: hidden; float: left; }
ul#nav li a
{ float: left; padding: 4px 12px 2px; height: 45px; }
ul#nav li span
{ float: left; padding-top: 4px; }

.post .top
{ height: 12px; background: url(images/copy-top.png) no-repeat 0 0; }
.post .inner
{ background-color: #808080; padding: 0 20px; }
.post .bottom
{ height: 12px; background: url(images/copy-bot.png) no-repeat 0 0; }

div#ext-links
{ height: 50px; }
.page-content #ext-links
{ padding-top: 30px; }
.category-content #ext-links
{ position: relative; top: -20px; padding-bottom: 10px; }

div#ext-links ul
{ position: relative; width: 417px; }
div#ext-links li
{ position: absolute; display: inline; }

li#showing
{ left: 12px; }
li#tickets
{ left: 156px; }
li#dvd
{ left: 290px; }

div#ext-links li a
{ display: block; height: 34px; padding: 16px 0 0 50px; }

div#reel
{ position: absolute; top: -74px; z-index: 0; }

div#footer
{ position: absolute; height: 52px; text-align: right; }
div#footer a
{ position: absolute; top: 50px; right: 50px; }

p
{ text-align: right; padding-right: 10px; }
.inner p
{ text-align: left; padding-right: 0; }

ol#comment-list li
{ padding-bottom: 32px; }

ul#paginate
{ position: relative; height: 12px; }
ul#paginate li
{ position: absolute; }
ul#paginate li#forward
{ right: 0; }

form#commentform p
{ text-align: left; margin: 5px 0; }
form#commentform input
{ margin: 5px 5px 1px 0; padding: 2px; width: 170px; }
form#commentform textarea
{ padding: 2px; width: 90%; height: 175px; }

/* =si_clear_children */
.pc, .sc
{ position : absolute; top: 0; left: 0; }
.clear-children, .cc-tallest
{ position: relative; } /*\*/* html .clear-children { display: inline;}/**/
.cc-tallest:after
{ content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */



/* COLOR */
html
{ background-color: #383333; }

a, a:visited, a:hover, a:active
{ color: #7256b9; text-decoration: none; }

div#branding h1
{ background: url(images/header.png) no-repeat 0 0; }

ul#nav a, ul#nav a:visited
{ color: #736a64; }
ul#nav a:hover, ul#nav a:active, ul#nav li.current_page_item a, ul#nav a em, ul#nav a:visited em
{ color: #7256b9; }
ul#nav a:hover em, ul#nav a:active em, ul#nav li.current_page_item a em
{ color: #736a64; }
.current_page_item a
{ background: url(images/current-page.png) repeat-x 0 0; color: #7256b9; }
ul#nav span
{ color: #000; }

.inner
{ color: #16162d; }
.inner a, .inner a:visited
{ color: #4f3494; }
.inner ul, .inner ol
{ color: #16162d; }
.inner label
{ color: #16162d; }



li#showing a
{ background: url(images/showing.png) no-repeat 0 0; }
li#tickets a
{ background: url(images/tickets.png) no-repeat 0 0; }
li#dvd a
{ background: url(images/dvd.png) no-repeat 0 0; }

#page-wrap
{ background: url(images/page-bg3.png) repeat-y 0 0; }

#footer
{ background: url(images/page-bot.png) no-repeat 0 0; }
#footer a, #footer a:visited
{ color: #736a64; text-decoration: underline; }
#footer a:hover, #footer a:active
{ color: #7256b9; }

form#commentform input#submit
{ background-color: #808080; color: #16162d; cursor: hand; cursor: pointer; }

div#page-wrap, div#branding h1, ul#nav li a, div#footer
{ behavior: url(http://www.themodiaries.com/iepngfix.htc) }



/* TYPOGRAPHY */
body
{ font: 66% "Trebuchet", "Trebuchet MS", "Gill Sans", "Calibri", sans-serif; color: #736a64; }

h3.widget-title, .page h2, p#tagline, .page-item-11 span
{ display: none; }

div .category-content h2, div .blog h2
{ font-size: 13px; font-weight: normal; }

.page .inner h2
{ display: block; }

ul#nav li
{ font-size: 13px; text-transform: lowercase; }

div#ext-links
{ font-size: 13px; }

.inner
{ font-size: 13px; line-height: 21px; }

.inner h1 { font-size: 20px; }
div .post .inner h2
{ font-size: 18px; padding: 0; }
.inner h3 { font-size: 16px; }
.inner h4 { font-size: 14px; }
.inner h5 { font-size: 12px; }
.inner h6 { font-size: 10px; }

.inner blockquote p
{ font-style: italic; }
.inner strong
{ font-weight: bold; }
.inner em
{ font-style: italic; }

.inner .aligncenter { text-align: center; }
.inner .alignright  { text-align: right; }
.inner .alignleft   { text-align: left; }

.inner .aligncenter p.wp-caption-text { text-align: center; }
.inner .alignright p.wp-caption-text  { text-align: right; }
.inner .alignleft p.wp-caption-text   { text-align: left; }

.inner .wp-caption-text
{ font-size: 11px; }


.inner ul, .inner ol
{ line-height: 21px; }
.inner ul li
{ list-style-type: disc; }
.inner ol li
{ list-style-type: decimal; }

#comments, #respond
{ font-size: 13px; font-weight: lighter; margin-bottom: 12px; }

ol#comment-list
{ font-size: 12px; }

div.comment-body
{ text-align: left; }

div.comment-body p, div.comment-body blockquote
{ text-align: left !important; }

form#commentform input, form#commentform textarea
{ border: 2px solid #736a63; color: #736a64; background-color: #000; }

form#commentform input, form#commentform textarea
{ font: 13px "Trebuchet", "Trebuchet MS", "Gill Sans", "Calibri"; }