@charset "UTF-8";
/* CSS Document */
body{
	background: #e1dad2 url(../images/background2.jpg) repeat-y top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#393939;
	font-weight:normal;
	margin:0;
	padding:0;
        behavior: url("http://www.lukedangler.com/css/csshover3.htc");
}
#body2 {
        background: url(../images/background_bottom2.jpg) no-repeat bottom center;
        margin:0;
	padding:0;
}

.hiddenPic {display:none;}

a {
        text-decoration:none;
        color:#435266;
        font-weight:bold;
}
a:hover {
        color:#900223;
}
a:visited {
}
a img {border: none; }

h1 {
        font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin-top: 0;
	font-size:1.2em;
	color:#065a96;
}
#container {
	position:relative;
	top:0px;
        width:1000px;
        margin:auto;
        background: url() repeat-y top center;
	z-index:3;
}
#bg_bottom {
        position:absolute;
        left:;
        bottom:0px;
        width:1000px;
        height:503px
        z-index:2;
}
#stuff {
	position:relative;
	border-style:solid;
	border-width:1px;
	border-top-width:0px;
	top:0px;
	width:798px;
	left:100px;
        margin-top:0px;
	background:#fff url(../images/stuff_top.jpg) no-repeat top center;
        font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
        z-index:4;
}
#stuffB {
	position:relative;
	border-style:solid;
	border-width:1px;
	border-top-width:0px;
	top:0px;
	width:798px;
	left:100px;
        margin-top:0px;
	background:#fff url(../images/stuff_top2.jpg) no-repeat top center;
        font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
        z-index:4;
}
#stuff_container{
        position:relative;
	top:0px;
	width:778px;
        margin-top:0px;
	padding:10px;
	background: url(../images/stuff_bottom.jpg) no-repeat bottom center;
        z-index:4;
}
#stuff_bottom {
        position:absolute;
        bottom:0px;
        width:798px;
        height:141px;
        z-index:5;
}

#header {
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	height:134px;
	background: #dcd5cd url(../images/header5_short.jpg) no-repeat center;
	z-index:2;
}

#header_over:hover {
	width:802px;
	position:absolute;
	top:0px;
	left:99px;
	height:94px;
	background:#000 url(../images/header_over5.jpg) no-repeat center;
        z-index:50;
}
#facebook {
        position:relative;
        width:52px;
        height:52px;
        background:#000 url(../images/facebook_down.jpg) no-repeat center;
}
#facebook:hover {
        position:relative;
        width:52px;
        height:52px;
        background:#000 url(../images/facebook_over.jpg) no-repeat center;
}
#youtube {
        position:relative;
        width:138px;
        height:52px;
        background:#000 url(../images/youtube_down.jpg) no-repeat center;
}
#youtube:hover {
        position:relative;
        width:138px;
        height:52px;
        background:#000 url(../images/youtube_over.jpg) no-repeat center;
}
#myspace {
        position:relative;
        width:52px;
        height:51px;
        background:#000 url(../images/myspace_down.jpg) no-repeat center;
}
#myspace:hover {
        position:relative;
        width:52px;
        height:51px;
        background:#000 url(../images/myspace_over.jpg) no-repeat center;
}
#musicbox{
        border-style:solid;
	border-width:1px;
	border-color:#dddddd;
	padding:2px;

}
#sideL{
        position:absolute;
	width:100px;
	top:125px;
	left:0px;
	height:400px;
	background: #dcd5cd url(../images/sideL_short.jpg) no-repeat center;
	z-index:1;
}
#sideR {
        position:absolute;
	width:100px;
	top:125px;
	right:0;
	height:400px;
	background: #dcd5cd url(../images/sideR_short.jpg) no-repeat center;
	z-index:1;
}
#sideR_music {
        position:absolute;
	width:100px;
	top:125px;
	right:0;
	height:400px;
	background: #dcd5cd url(../images/sideR_short_music.jpg) no-repeat center;
	z-index:1;
}
#footer {
        position:relative;
        border:1px solid #000;
	height:142px;
        width:788px;
	left:100px;
	padding:5px;
        background: url(../images/footer_bottom.jpg);
	z-index:100;
}
.bottom_shadow {
	position:relative;
	width:800px;
	left:100px;
	height:12px;
	background:#fff url(../images/bottom_shadow2.jpg);
}
#welcome {
        padding-left:5px;
}
#website{
        border:1px solid #000;
        width:468px;
}
#picture {
        position:absolute;
	width:220px;
	top:130px;
	left:69px;
	height:247px;
	background: url(../images/mini_me3.jpg);
	z-index:100;
}
/*
#random {
	position:absolute;
	top:40px;
	left:0px;
	width:103px;
	height:90px;
	z-index:50;
}
*/
#random {
	position:relative;
	top:0px;
	left:0px;
	width:221px;
	height:220px;
	z-index:50;
} 
.fade {
        position: relative;
        bottom: 0px;
        left: 0px;
        voice-family:"\"}\"";
        voice-family:inherit;
        color:grey;\
        color:black;
        [color:black;
        bottom:3px;]
        }

}
.fade div {
        position: absolute;
        top: 0px;
        left: 0px;
        display: none;
}
#ad {
        width:100%;
        height:130px;
}
#update_box_about {
        position:absolute;
	width:205px;
	right:41px;
        top:16px;
	height:600px;
	padding:0px;
}
#update_box_music {
        position:absolute;
	width:205px;
	right:110px;
        top:7px;
	height:600px;
	padding:0px;
}
#update_box_contact {
        position:absolute;
	width:205px;
	right:210px;
        top:7px;
	height:600px;
	padding:0px;
}
/*WORDPRESS*/
#wordpress{
        font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:0.9em;
	color:#393939;

}
h3 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin-top: 0;
	font-size:1.2em;
	color:#900223;
}
h2 {    border-bottom: 1px dotted #eee;
        font-size:0.9em;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;;
	color:#ddd;
        margin-top: 0;

}
.meta {
	font-size: .75em;
}
.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}
.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
	font-size: .7em;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/* MENU */
#header_over {
        position:absolute;
	width:802px;
	left:99px;
	top:0px;
	height:94px;
	z-index:10;
}
#about {
        position:absolute;
	width:139px;
        height:40px;
	left:189px;
        top:94px;
        z-index:10;
}
#web {
        position:absolute;
	width:146px;
	left:328px;
        top:94px;
	height:40px;
	z-index:10;
}
#art {
        position:absolute;
	width:95px;
	left:474px;
        top:94px;
	height:40px;
	z-index:10;
}
#music {
        position:absolute;
	width:81px;
	left:569px;
	top:94px;
	height:40px;
	z-index:10;
}
#contact {
        position:absolute;
	width:164px;
	left:649px;
	top:94px;
	height:40px;
	z-index:10;
}


/* CONTENT */
#update_box {
        position:absolute;
	border:1px solid #eee;
	width:221px;
	right:21px;
        top:16px;
	height:220px;
	padding:2px;
}
/* ART MENU */
#painting {
        position:absolute;
        border: 0px solid #000;
        width:163;
        height:34;
        top:184px;
        left:4px;
        z-index:75;
}
#photography {
        position:absolute;
        border: 0px solid #000;
        width:163;
        height:34;
        top:218px;
        left:4px;
        z-index:75;
}
#graphic {
        position:absolute;
        border: 0px solid #000;
        width:163;
        height:34;
        top:252px;
        left:4px;
        z-index:75;
}
#illustration {
        position:absolute;
        border: 0px solid #000;
        width:163;
        height:34;
        top:286px;
        left:4px;
        z-index:75;
}
#painting_over {
        position:absolute;
        border: 0px solid #000;
        width:168;
        height:47;
        top:176px;
        left:0px;
        z-index:100;
}
#photography_over {
        position:absolute;
        border: 0px solid #000;
        width:168;
        height:47;
        top:212px;
        left:0px;
        z-index:100;
}
#graphic_over {
        position:absolute;
        border: 0px solid #000;
        width:168;
        height:47;
        top:246px;
        left:0px;
        z-index:100;
}
#illustration_over {
        position:absolute;
        border: 0px solid #000;
        width:168;
        height:47;
        top:280px;
        left:0px;
        z-index:100;
}
#viewcart {
        position:absolute;
        border: 0px solid #000;
        width:95;
        height:25;
        top:20px;
        right:11px;
        z-index:75;
}