/*
Theme Name: Manic Mazz
Theme URI: http://maniasarcania.com/
Description: A two-column fixed-width theme graced by original art of Mazzranache. Based loosely on the WordPress Classic theme at some point in the far past. Intended for my use on Mania's Arcania only. 
Version: 0.1
Author: Mania
*/



/* COLOR KEY */
/*
  #303030   Dark grey
  #a0a0a0   Light grey
  #f5a0a0   Pink
*/



/* STRUCTURE */

/* The body uses a background to set up the fading borders and dark page background. 
   The wrapper sets the actual width (which had better match the body's background) as well as the big translucent flamingo.
   The header contains the small solid flamingo, which is offset a bit to hang down over the sidebar.
   The content and sidebar float side-by-side within the wrapper, followed by the footer in normal flow. 
   */

body 
{
  background: #303030 url(images/background_960.png) center top repeat-y fixed; /* Firefox centering hack */
  font-family: Verdana, sans-serif;
  color: black;
  margin: 0;
  padding: 0;
}


#wrapper
{
  width: 960px;
  margin: 0 auto;
  background: white url(images/logo_trans.png) center top no-repeat fixed;
  border: 1px solid black; /* Firefox margin hack */
}


/* The header is relatively positioned so that the logo, which it contains and 
   which is absolutely positioned, will place correctly in IE.
   */
   
#header
{
  position: relative;
}


#content
{
  float: left;
  width: 685px;
  margin: 0;
  padding: 25px;
  /* Total width: 735px */
}


/* The top margin leaves space for the flamingo graphic, which sits slightly 
   outside the header and hangs down over the sidebar. 
   */
   
#sidebar 
{
  float: right;
  width: 175px;
  margin: 0;
  margin-top: 175px;
  padding: 15px;
  /* Total width: 205px */
}


/* The right margin for the footer needs to match the right margin of the 
   menu bar at the top of the page. 
   */

#footer
{
  clear: both;
  margin: 0;
  margin-right: 200px; 
  padding: 0;
}





/* HEADER & FOOTER */

#header h1 
{
  font: normal 325% 'Times New Roman', Times, serif;
  margin: 0 0 0 20px;
  padding: 0;
}

#header p
{
  font-size: large;
  margin: 0 0 0 20px;
  padding: 0;
}

/* The logo is positioned absolutely and, as it happens, sticks out of the header div proper. */

#header .logo
{
  position: absolute;
  top: 5px;
  right: 5px;
}

/* The right margin leaves room for the flamingo logo while fitting somewhat within it. */

#header ul 
{
  margin: 15px 200px 0 0; 
  padding: 0; 
  background: black;
  text-align: left;
}

#header ul li 
{ 
  display: inline; 
  list-style-type: none; 
  list-style-image: none; 
  margin: 0; 
  padding: 0 15px;
  text-transform: lowercase;
}

#header ul a { text-decoration: none; }
#header ul a:link, #header ul a:visited { color: white; }
#header ul a:hover, #header ul a:active { color: #f5a0a0; } /* pink */



/* The footer text has to be within a div so that we can set the text size small 
   without interfering with the margin set in ems. 
   A right margin for the sidebar is set on the div, above. */
   
#footer p
{
  font-size: x-small;
  text-align: center;
  margin: 0;
  padding: 3px 25px;
}

#footer p.bar
{
  background: black;
  color: white;
}

#footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active
{ 
  text-decoration: none;
  font-weight: bold;
}

#footer p a:link, #footer p a:visited { color: white; }
#footer p a:hover, #footer p a:active { color: #f5a0a0; } /* pink */





/* SIDEBAR */

/* All of the 'headings' in the sidebar look alike. This class is applied to a variety of data structures, 
   some of which are block level and some of which aren't. Note that the margin and padding mean nothing on the inline elements. */
   
#sidebar .heading
{
  margin: 0;
  padding: 0;
  text-transform: lowercase;
  font-size: 90%; 
}


/* Neither the search form nor the subscribe link are part of the menu list, but they are carefully lined up to look like they are. */

#sidebar .search
{
  margin: 0 0 15px 0;
  padding: 0;
}

#sidebar .search form 
{
  margin: 0;
  padding: 0;
}

#sidebar .search div
{
  padding-left: 15px;
}

#sidebar .search input#s 
{
  width: 90%;
  border: 1px solid black;
}

#sidebar .rss
{
  margin: 15px 0;
  padding: 0;
}

#sidebar .rss img
{
  vertical-align: middle;
}


#sidebar .menu ul 
{
  list-style-type: none;
  margin: 15px 0;
  padding: 0;
}

#sidebar .menu ul ul 
{
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
}

#sidebar .menu ul ul li 
{
  margin: 3px 0;
  padding: 0;
  padding-left: 15px;
  text-transform: none;
  font-size: small;
}


#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar a img { border: 0; }




/* NEWSFEED */

.newsfeed
{
  border: 3px double #303030;
  padding: 1em;
  margin-bottom: 2em;
}

.newsfeed h2
{
  margin: 0;
  font-size: 110%;
}

.newsfeed h2 span
{
  font-size: 65%;
}

.newsfeed h2 span a img
{
  border: 0;
}

.newsfeed #newsfeed_posts
{
  list-style-type: none;
  margin: 0.5em 0 0 0;
  padding: 0 1.5em;
}





/* ADS */


.ads_sidebar
{
  margin: 0;
}

.ads_btwposts
{
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
}

.ads_footer
{
  margin: 0 0 3px 25px;
}






/* POSTS */


.post
{
  width: 665px;
}

h2.post_title
{
  border-bottom: dotted 1px black;
  font-size: x-large;
  margin: 0;
  padding: 0;
}
h2.post_title a { text-decoration: none; }


.post_meta
{
  font-size: 75%;
  line-height: 125%;
}


.feedback 
{
  font-size: 75%;
  text-align: right;
  clear: both;
}


blockquote 
{
  border-left: 3px solid #f5a0a0; /* pink */  
  margin-left: 25px;
  padding-left: 10px;
}


table.data, .data th, .data td 
{
  border: 1px  solid #f5a0a0; /* pink */ 
  border-collapse: collapse;
  margin: 15px 0;
  padding: 7px;
}


#content p, #content li, #content th, #content td
{
  font-size: 90%;
  line-height: 175%;
}


/* The page nav is the "Older" and "Newer" links on the bottom of multi-page posts. */

.page_nav
{
  padding-top: 15px;
}





/* SINGLE POST STUFF */


.sharethis 
{
  font-size: 75%;
  clear: left;
}


.series .toc
{
  border-bottom: 1px dotted black;
  font-size: medium;
  margin: 30px 0 0 0;
  padding: 0;
} 


.old_post_alert 
{
  color: black; 
  border: 1px solid #f5a0a0; /* pink */ 
  text-align: center;
  padding: 7px;
}





/* COMMENTS */


.comments
{
  font-size: 90%;
}

.comments h3 
{
  border-top: 1px dotted black;
  padding: 3px 0;
  font-size: medium;
}

.comments_list li 
{
  margin: 0;
  margin-bottom: 20px;
  padding: 0 15px;
}

.comments_list li p
{
  margin: 15px 0;
  padding: 0;
}

.comments_meta
{
  margin: 0;
  padding: 0;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment 
{
  border: 1px solid gray;
}

#commentform #comment 
{
  width: 100%;
  height: 150px;
}


.comments_password {}
.comments_closed {}
.comments_moderated {}
.comments_registration {}
.comments_loggedin {}
.comments_allowed {}


.comments_alt
{
  border: 1px solid #f5a0a0; /* pink */ 
  background: white; 
}









/* PAGES */

#blog_roll_27454 ul 
{
  list-style-type: none;
  margin-left: 15px;
}

.smart_archives h2
{
  font-size: medium;
}





/* GENERAL */

h1, h2, h3
{
  font-family: "Times New Roman", Times, serif;
}


a:link, a:visited { color: black; }
a:hover, a:active { color: #f5a0a0; /* pink */ }
a:link img, a:visited img { border: 1px solid black; }
a:hover img, a:active img { border: 1px solid #f5a0a0; /* pink */ }

.left 
{
  float: left;
  margin: 0 15px 7px 0;
}

.right 
{
  float: right;
  margin: 0 0 7px 15px;
}


.petpic 
{
  border: 2px solid black;
}

ul.walloftext li
{
  margin: 1em 0;
}