/*  
Theme Name: Distracted Muse
Author URI: http://meiseldesigns.com
Version: 1
Author: Keith Meisel
Description: A custom theme to match the parent page, distractedmuse.com
*/

*{margin:0; padding:0}
body{font-size:medium; font-family:Georgia, "Times New Roman", Times, serif; color:black; text-align:center; line-height:1.75em; background:#f57c36;}
body.home{background:white;}

h1{margin:1.5em 0 .25em; font-family:Arial, Helvetica, sans-serif; font-size:1.25em;}
h2{margin:1.25em 0 .25em; font-family:Arial, Helvetica, sans-serif; font-size:1.125em;}
h3{margin:1em 0 .25em; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
p{margin:.5em 0;.875em}
ol, ul{margin:.5em 0 .5em 1.5em; font-size:.75em}
blockquote{margin:.5em 2em; font-size:.875em}

a{color:#426f78;}
a:hover, a:visited{color:#8f481f;}

a img{border-width:0;}

img{margin:1.5em 2em;}
img.left{margin-left:0;}
img.right{margin-right:0;}

#container{position:relative; margin:0 auto; text-align:left; width:816px; background:white; padding:0 1em;}

#header h1{margin:0; padding-top:1.5em}
#header h1 a{display:block; height:60px; width:inherit; background:url(./images/sm_header.gif) no-repeat center center;}

#content{position:relative;}
#mainContent{padding:0 2em 2em;}

#l_sidebar{float:left; width:10em; text-align:left;}
#l_sidebar ul{margin-left:.5em;}
#l_sidebar li{list-style-type:none; line-height:1.25em; padding-bottom:.5em;}
#rightColumn{float:right; width:34.875em; border-left:1px solid black; padding-left:1.5em;}

#nav{position:relative; height:86px; background:url(./images/sm_nav.gif) no-repeat center center; margin:0 0 1em;}
#nav ul{margin:0;}
#nav li{list-style-type:none;}
#nav li a{display:block; float:left; height:76px; width:79px;}
#about a{position:absolute; left:160px; top:0px; background:url(./images/sm_about_up.gif) no-repeat center center;}
#about a:hover{background:url(./images/sm_about_over.gif) no-repeat center center;}
#gallery a{position:absolute; left:346px; top:0px; background:url(./images/sm_gallery_up.gif) no-repeat center center;}
#gallery a:hover{background:url(./images/sm_gallery_over.gif) no-repeat center center;}
#blog a{position:absolute; left:486px; top:0px; background:url(./images/sm_blog_up.gif) no-repeat center center;}
#blog a:hover{background:url(./images/sm_blog_over.gif) no-repeat center center;}

/* Special home page styles... */
.home #header h1{margin:5em 0 1em;}
.home #header h1 a{height:83px; background:url(./images/header.gif) no-repeat center center;}

.home #nav{height:118px; background:url(./images/nav.gif) no-repeat center center; position:relative;}
.home #nav li a{height:104px; width:108px;}
.home #about a{left:74px; top:0px; background:url(./images/about_up.gif) no-repeat center center;}
.home #about a:hover{background:url(./images/about_over.gif) no-repeat center center;}
.home #gallery a{left:327px; top:0px; background:url(./images/gallery_up.gif) no-repeat center center;}
.home #gallery a:hover{background:url(./images/gallery_over.gif) no-repeat center center;}
.home #blog a{left:513px; top:0px; background:url(./images/blog_up.gif) no-repeat center center;}
.home #blog a:hover{background:url(./images/blog_over.gif) no-repeat center center;}

#s{width:126px;}

#footer{clear:both; padding:.675em 0; margin:.5em 0 0; text-align:center; border-top:1px solid black;}

.hidden{position:absolute; margin-left:-1000em;}
.left{float:left;}