/*
Theme Name: AudieMagic
Theme URI: http://www.audraesch.com/
Description: Audra Esch portfolio
Version: 1.0
Author: Audra Esch
Author URI: http://audraesch.com/
*/
	
*
{
  padding: 0;
  margin: 0;
} 

body
{font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif;
  font-size: 76%;
background: white URL(http://www.audraesch.com/images/Logoweb.jpg) -80px -70px no-repeat;
} 

#page {
	background-color: white;
	margin: 30px 175px;
	padding: 10px;
	width: 1000px;
	border: px solid #959596;
        height: 810px;
}

#sidebar
{
  float: fixed;
  width: 28%;
  margin-left: 70%;
  font: 1em 'Trebuchet MS', Verdana, Arial, Sans-Serif ;
}

#footer
{ 
  clear: both;
}

#footer p {
	text-align: center;
        left: -130px;
        font-size: .75em;
}

#header {border: 0px solid;
         margin-top: 70px;
         margin-bottom: 20px;
         height: 100px;
}

#headerimg
{
  font-size: 1.2em;
  height: 5.5em;
  color: white;
  padding-left: 3.5%;
}

#header h1 {
        text-align: left;
        top: px;
        left: px;
	height: 50px;
	width: 0px;
	background-color:  ;
        position: relative ;
	font-size: em;
}


#menu ul li {
             top: 20px;
             margin: 0px; 
             padding: 0px; 
	     list-style-type: none; 
             list-style-image: none; 
             display: inline; 
             height: 175px;
}

#menu a {text-decoration:none; padding: 10px 25px 10px 25px;
color: black; 
}
#menu a:hover {color: black; border-bottom: 2px solid black;
}

#content{
  font-size: 1.0em;
  width: 65%;
  float: left;
}

#wrapper
{
  margin: 0 auto;
  width: 700px;
  width: expression(document.body.clientWidth < 605 ? "600px" : "85%" );
}
 
div>#wrapper
{
  margin: 0 auto;
  min-width: 400px;
  width: 85%;
}

hr
{
  display: none;
}

#container b {font-weight:normal; width:700px; text-align:center; position:absolute; bottom:300px; left: 0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

#container { background: white url(http://www.audraesch.com/aelogos/Logogrey.jpg) 209px 24px no-repeat;
	    position: relative; 
	    width:600px; 
	    height:550px; 
	    margin: 20px auto 20 auto; 
	    border: 0px solid #aaa; 
	    } 

#container ul { 
            padding:0px; 
	    margin:0; 
	    list-style-type:none; 
}   

#container ul { 
	    width:130px; 
	    height:300px;
	    } 
	
#container li { 
	    float:right; 
	    } 

#container ul {
            margin: 20px -150px auto;
	    float:left; 
	    } 

a.gallery, a.gallery:visited {
        display:inline;  
        color:#000000; 
        text-decoration:none; 
        border:1px solid #000; 
        width:25px; 
        height:25px; 
        float:left; 
        margin:1px 1px 1px 1px; 
        position:relative; 
        cursor:default;
}

a.slidea {background:url(http://www.audraesch.com/artoil/debbiethumb.jpg);
left: 0px; top: 0px;}
a.slideb {background:url(http://www.audraesch.com/artoil/naomithumb.jpg);
left: px; top: 0px;}
a.slidec {background:url(http://www.audraesch.com/artoil/LaMonicathumb.jpg);
left: 0px; top: 0px;}
a.slided {background:url(http://www.audraesch.com/artoil/OldFashionedthumb.jpg);
left: 0px; top: 0px;}
a.slidee {background:url(http://www.audraesch.com/artoil/mimithumb.jpg);
left: 0px; top: 0px;}
a.slidef {background:url(http://www.audraesch.com/artoil/Heidithumb.jpg); 
left: 0px; top: 0px;}
a.slideg {background:url(http://www.audraesch.com/artoil/Daskothumb.jpg);
left: 0px; top: 0px;}
a.slideh {background:url(http://www.audraesch.com/artoil/Eileithyiathumb.jpg);}
a.slidei {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidej {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidek {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidel {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidem {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.sliden {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slideo {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidep {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slideq {background:url(http://www.audraesch.com/artwatercolor/Ellethumb.jpg);}
a.slider {background:url(http://www.audraesch.com/artwatercolor/summerbeckoningthumb.jpg);}
a.slides {background:url(http://www.audraesch.com/artwatercolor/SpringPersonifiedthumb.jpg);}
a.slidet {background:url(http://www.audraesch.com/artwatercolor/Powerthumb.jpg);}
a.slideu {background:url(http://www.audraesch.com/artwatercolor/swanthumb.jpg);}
a.slidev {background:url(http://www.audraesch.com/artwatercolor/dragonfairythumb.jpg);}
a.slidew {background:url(http://www.audraesch.com/artwatercolor/growththumb.jpg);}
a.slidex {background:url(http://www.audraesch.com/artwatercolor/underwaterthumb.jpg);}
a.slidey {background:url(http://www.audraesch.com/artwatercolor/Papergirlthumb.jpg);}
a.slidez {background:url(http://www.audraesch.com/artwatercolor/Daphnethumb.jpg);}
a.slideaa {background:url(http://www.audraesch.com/artwatercolor/yodathumb.jpg);}
a.slidebb {background:url(http://www.audraesch.com/artwatercolor/stretchthumb.jpg);}
a.slidecc {background:url(http://www.audraesch.com/artwatercolor/Issunthumb.jpg);
left: 0px; top: 0px;}
a.slidedd {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);
left: 0px; top: 0px;}
a.slideee {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);
left: 0px; top: 0px;}
a.slideff {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg); 
left: 0px; top: 0px;}
a.slidegg {background:url(http://www.audraesch.com/artdigital/dragonflythumb.jpg);}
a.slidehh {background:url(http://www.audraesch.com/artdigital/Tatethumb.jpg);}
a.slideii {background:url(http://www.audraesch.com/artdigital/Rickthumb.jpg);}
a.slidejj {background:url(http://www.audraesch.com/artdigital/portraitstudythumb.jpg);}
a.slidekk {background:url(http://www.audraesch.com/artdigital/hotchicksthumb.jpg);}
a.slidell {background:url(http://www.audraesch.com/artdigital/fancyladythumb.jpg);}
a.slidemm {background:url(http://www.audraesch.com/artdigital/fairytiptoethumb.jpg);}
a.slidenn {background:url(http://www.audraesch.com/artdigital/Henchmanthumb.jpg);}
a.slideoo {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidepp {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slideqq {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.sliderr {background:url(http://www.audraesch.com/aelogos/Logothumb.jpg);}
a.slidess {background:url(http://www.audraesch.com/artdigital/stanleythumb.jpg);}
a.slidett {background:url(http://www.audraesch.com/artdigital/stewartthumb.jpg);}
a.slideuu {background:url(http://www.audraesch.com/artdigital/sammythumb.jpg);}
a.slidevv {background:url(http://www.audraesch.com/artpencil/Lexusthumb.jpg);}
a.slideww {background:url(http://www.audraesch.com/artpencil/305thumb.jpg);}
a.slidexx {background:url(http://www.audraesch.com/artpencil/EMSthumb.jpg);}
a.slideyy {background:url(http://www.audraesch.com/artpencil/Audithumb.jpg);}
a.slidezz {background:url(http://www.audraesch.com/artpencil/dinithumb.jpg);}
a.slideaaa {background:url(http://www.audraesch.com/artpencil/horsesthumb.jpg);}
a.slidebbb {background:url(http://www.audraesch.com/artpencil/lilythumb.jpg);}
a.slideccc {background:url(http://www.audraesch.com/artpencil/womanthumb.jpg);}
a.slideddd {background:url(http://www.audraesch.com/artpencil/gatoradethumb.jpg);}
a.slideeee {background:url(http://www.audraesch.com/artpencil/boredomthumb.jpg);}
a.slidefff {background:url(http://www.audraesch.com/artpencil/Flannelsthumb1.jpg); 
left: 0px; top: 0px;}
a.slideggg {background:url(http://www.audraesch.com/artpencil/Sprite1thumb.jpg);}
a.slidehhh {background:url(http://www.audraesch.com/artpencil/guccithumb.jpg);}
a.slideiii {background:url(http://www.audraesch.com/artpencil/MEthumb.jpg);}
a.slidejjj {background:url(http://www.audraesch.com/artpencil/RRthumb.jpg);}
a.slidekkk {background:url(http://www.audraesch.com/artpencil/Sprite2thumb.jpg);}
a.slidelll {background:url(http://www.audraesch.com/artpencil/Cinderellathumb.jpg);}

a.gallery span {visibility:hidden; 
       display:inline; 
       position:absolute; 
       width:600px; 
       height:530px; 
       top:189px; 
       left:-20px; 
       color:#000; 
       background:white; 
       text-align:center; 
       border:1px solid #fff; 
       font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
       letter-spacing:1px; 
       cursor:default;
     
}

a.slidea span {left: 130px; top: -10px;}
a.slideb span {left: 159px; top: -10px;}
a.slidec span {left: 188px; top: -10px;}
a.slided span {left: 217px; top: -10px;}
a.slidee span {left: 120px; top: -39px;}
a.slidef span {left: 150px; top: -39px;}
a.slideg span {left: 188px; top: -39px;}
a.slideh span {left: 217px; top: -39px;}
a.slidei span {left: 130px; top: -68px;}
a.slidej span {left: 159px; top: -68px;}
a.slidek span {left: 188px; top: -68px;}
a.slidel span {left: 217px; top: -68px;}
a.slidem span {left: 130px; top: -97px;}
a.sliden span {left: 159px; top: -97px;}
a.slideo span {left: 188px; top: -97px;}
a.slidep span {left: 217px; top: -97px;}
a.slideq span {left: 120px; top: -126px;}
a.slider span {left: 158px; top: -126px;}
a.slides span {left: 188px; top: -126px;}
a.slidet span {left: 217px; top: -126px;}
a.slideu span {left: 130px; top: -155px;}
a.slidev span {left: 159px; top: -155px;}
a.slidew span {left: 188px; top: -155px;}
a.slidex span {left: 217px; top: -155px;}
a.slidey span {left: 130px; top: -184px;}
a.slidez span {left: 159px; top: -184px;}
a.slideaa span {left: 188px; top:-184px;}
a.slidebb span {left: 217px; top:-184px;}
a.slidecc span {left: 130px; top:-213px;}
a.slidedd span {left: 159px; top:-213px;}
a.slideee span {left: 188px; top:-213px;}
a.slideff span {left: 217px; top:-213px;}
a.slidegg span {left: 130px; top:-242px;}
a.slidehh span {left: 159px; top:-242px;}
a.slideii span {left: 175px; top:-242px;}
a.slidejj span {left: 217px; top:-242px;}
a.slidekk span {left: 130px; top:-271px;}
a.slidell span {left: 159px; top:-271px;}
a.slidemm span {left: 188px; top:-271px;}
a.slidenn span {left: 217px; top: -271px;}
a.slideoo span {left: 130px; top: -300px;}
a.slidepp span {left: 159px; top: -300px;}
a.slideqq span {left: 188px; top: -300px;}
a.sliderr span {left: 217px; top: -300px;}
a.slidess span {left: 130px; top: -329px;}
a.slidett span {left: 159px; top: -329px;}
a.slideuu span {left: 188px; top: -329px;}
a.slidevv span {left: 217px; top: -329px;}
a.slideww span {left: 100px; top: -358px;}
a.slidexx span {left: 112px; top: -358px;}
a.slideyy span {left: 188px; top: -358px;}
a.slidezz span {left: 217px; top: -358px;}
a.slideaaa span {left: 130px; top:-387px;}
a.slidebbb span {left: 159px; top:-387px;}
a.slideccc span {left: 188px; top:-387px;}
a.slideddd span {left: 217px; top:-387px;}
a.slideeee span {left: 130px; top:-416px;}
a.slidefff span {left: 159px; top:-416px;}
a.slideggg span {left: 188px; top:-416px;}
a.slidehhh span {left: 217px; top:-416px;}
a.slideiii span {left: 130px; top:-445px;}
a.slidejjj span {left: 159px; top:-445px;}
a.slidekkk span {left: 188px; top:-445px;}
a.slidelll span {left: 217px; top:-445px;}

a.gallery:hover span img {margin:10px; border:1px solid #ccc; position:relative; z-index:100;}

a.gallery:hover {
        white-space:normal; 
        border:1px solid #fff; 
        z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}
        

a.gallery:active, a.gallery:focus {border:1px solid #ccc; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #ccc; position:relative; margin:10px; z-index:10;}