/* @override http://soniagill.com/style.css */

*{margin:0;padding:0;border:0;}

.clear{clear:both; height:0;}

body{
background-color:#222;
color:#AAA;
font-family: Helvetica,Arial,sans-serif;
font-size:12px;
}

#intro a{
display:block;
background-color:#000;
height:100px;
width:100%;
position: fixed;
bottom:0;
left:0;
text-align:center;
line-height: 100px;
background: #000 url("images/banner.gif") center center no-repeat;
text-indent: -9999px;
z-index: 1;
}

#navigation{
background-color:#000;
height:50px;
width:100%;
position:fixed;
top:0;
left:0;
list-style-type: none;
z-index: 1;
}
#navigation li{
float:right;
}
#navigation a{
display:block;
margin:10px 10px 10px 2px;
padding:4px 10px;
line-height:20px;
color:#999;
background-color:#000;
border:1px solid #666;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
#navigation a:hover{
color:#FFF;
background-color: #222;
}

#content{
margin-top:50px;
margin-bottom:100px;
}


			#splash{
				margin:0 auto;
				border-left:15px solid #000;
				border-right:15px solid #000;
			}
			#splashwrap{
				text-align: center;
				position: absolute;
				top:50px;
				width:100%;
				left:0;
			}
			#splash.change{
			border:0;
			border-bottom:15px solid #000;
			border-top:15px solid #000;
			margin-top:20px;
			}

h2{
font-size:14px;
text-transform: uppercase;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
padding:10px;
background-color:#444;
border-bottom:1px solid #000;
color:#FFF;
font-family:Optima,"Lucida Grande",Helvetica,sans-serif;
}

#content a{
color:#8BF;
text-decoration:none;
}
#content a:hover{
color:#FFF;
border-bottom:1px solid #8BF;
}

#contentwrapper{
width:70%;
margin:20px auto;
padding-bottom:10px;
min-width: 850px;
}

#contentwrapper p{
font-size:12px;
margin-top:1.6em;
margin-bottom:1.6em;
line-height:20px
}

.tabs{
font-family:Optima,"Lucida Grande",Helvetica,Arial,sans-serif;
margin:0 !important;
border-bottom:5px solid #000;
text-align:center;
padding-bottom:3px;
font-size:13px !important;
background-color:#222;
}
.tabs b{
font-size:13px;
font-weight:normal;
color:#8BF;
background-color:#000;
padding:10px;
margin:0 5px;
}
.tabs a{
font-size:13px;
padding:10px 10px 6px 10px;
border-bottom:solid 5px #000;
margin:0 5px;
background-color:#444;
}
.tabs a:hover{
color:#ACF !important;
}
#paintings p{
margin-left:10px;
margin-right:10px;
}
#paintings #contentwrapper{
background-color:#333;
}

.paintingwrap{
    background-color:#111;
    padding:10px;
    margin:10px;
    position:relative;
    clear:both;
}

.paintingwrap .image{
    float:left;
    width:150px;
    text-align:center;
    margin-right:10px;
}
.paintingwrap b{
 color:#FFF;
 display:block;
 text-align:right;
}
.paintingwrap td{
    padding:3px;
}
h3{
    height:14px;
    margin-bottom:18px;
    font-family:Optima,"Lucida Grande",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight:normal;
    letter-spacing:2px;
}
.sold{
color:#F22;
font-size:12px;
}

#content a.details{
position:absolute;
top:50%;
right:5%;
margin-top:-2em;
line-height:4em;
text-decoration:none;
width:30%;
text-align:center;
border:3px double #444;
color:#777;
background-color:#111;
font-family:Optima,"Lucida Grande",Helvetica,Arial,sans-serif;
text-transform: uppercase;
letter-spacing:2px;
}
#content a.details:hover{
color:#FFF;
background-color:#333;
border-color:#777;
}

.websitedesign{
border-top:1px dotted #444;
padding:8px;
margin:1.2em 0;
background-color:#111;
color:#777;
clear:both;
}

#resume p{
margin: 0 0 0 42%;
margin-bottom: 20px;
}
#resume h3{
margin: 20px 0;
padding-bottom:4px;
border-bottom:1px dotted #555;
color:#FFF;
}
#resume h4{
font-size:14px;
font-weight:normal;
font-family:Optima,"Lucida Grande",Helvetica,Arial,sans-serif;
text-align:right;
line-height:20px;
padding-right:10px;
float: left;
width: 40%;
color:#FFF;
}

#shows #content ul,#shows #content ol{
	margin:0 20px;
}
#shows #content li{
	margin-top:20px;
}

#bioimg img{
	float:left; margin-right:10px; margin-bottom:5px;background-color:#111;padding:8px;border-top:1px dotted #555;
}

#contentwrapper .contact p{
	font-family:Optima,"Lucida Sans","Lucida Grande",Tahoma,sans-serif;
	font-size:20px;
	line-height:24px;
	text-align:center;
}

#links #contentwrapper ul{
	width:600px;
	margin:0 auto;
}
#links #contentwrapper h3{
	margin-bottom:-10px;
	font-size:20px;
	line-height:24px;
}