/*
Theme Name: Christine Shanks
*/

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-weight: normal;
list-style: none;
}

html {
overflow-y: scroll;
}

body {
background-color: #111;
color: #222;
font-family: Georgia, Garamond, Times, serif;
font-size: 11pt;
}

a, a:visited {
color: #666;
}

h3 a, h3 a:visited {
color: #222;
}

#page-navigation, #page-navigation a, #page-navigation a:visited {
color: #fff;
}

a:hover, a:active, #page-navigation a:hover, #page-navigation a:active, #gallerydrop:hover, #statementbutton:hover {
color: #0bb7ef;
}

h2 {
font-size: 150%;
letter-spacing: .1em;
color: #222;
}

h3 {
font-size: 120%;
}

h4, h5 {
font-size: 100%;
}

div#front {
color: #ccc;
text-transform: uppercase;
font-size: 85%;
letter-spacing: .1em;
}

ul#page-navigation {
font-size: 90%;
letter-spacing: 1px;
}

div#content {
font-size: 90%;
}

ul#resume h4 {
font-weight: bold;
color: #333;
}

ul#resume a {
text-decoration: underline;
}

#content h2, #content h3 {
letter-spacing: .1em;
}

#content p {
color: #333;
}

.entry p, #gallerystatement p {
text-indent: 30px;
}

#content small, .postmetadata {
font-size: 90%;
color: #444;
}

#statementbutton {
font-size: 75%;
letter-spacing: 3pt;
text-transform: uppercase;
text-decoration: underline;
}

span#gallerymedia {
color: #eee;
font-size: 90%;
}

div#footer {
font-size: 80%;
color: #444;
}

#footer a {
text-decoration: underline;
}

.smalltext {
font-size: 80%;
text-transform: uppercase;
font-family: Verdana, sans-serif;
}

.center {
text-align: center;
}






div#page-wrap {
position: relative;
width: 675px;
margin: 5px auto 15px auto;
background-color: #fff;
border-left: solid 1px #444;
border-right: solid 1px #444;
border-bottom: solid 1px #444;
}

div#front {
text-align: center;
margin: 150px 0 15px 0;
}

div#front img {
display: inline-block;
margin: 0 auto 10px auto;
border: solid 1px #222;
}

div#header {
margin: 0 0 12px 0;
}

h1 {
text-indent: -9999px;
}

h1 a {
display: block;
height: 70px;
width: 100%;
background: url(images/h1bgtall2.jpg) no-repeat;
}

ul#page-navigation {
padding-left: 13px;
border-top: solid 1px #111;
border-bottom: solid 1px #111;
height: 20px;
background-color: #222;
}

ul#page-navigation li {
float: left;
list-style: none;
margin-right: 13px;
line-height: 20px;
}

ul#page-navigation li ul {
clear: both;
display: none;
position: absolute;
z-index: 1;
top: 92px;
background-color: #222;
border-left: solid 1px #333;
border-right: solid 1px #333;
}

ul#page-navigation li ul li {
float: none;
clear: both;
padding: 0 0 0 5px;
margin: 0;
min-width: 200px;
letter-spacing: 0;
border-bottom: solid 1px #333;
}

ul#page-navigation li ul li a {
display: block;
padding: 3px 0 3px 0;
}

span#gallerydrop {
display: block;
background: url(images/downbutton.png) top right no-repeat;
padding: 0 20px 0 0;
margin: 0 10px 0 0;
}

span#gallerydrop:hover {
background: url(images/downbutton.png) 110% right no-repeat;
}

div#content {
clear: both;
margin: 0 0 50px 0;
padding: 0 13px 0 13px;
min-height: 550px;
}

#content h2 {
margin: 0 0 25px -1px;
}

#content p {
margin: 0 0 12px 0;
}

ul#links {
padding: 0 0 0 0;
}

ul#links li {
margin-bottom: 12px;
}

ul#links li ul {
padding: 5px 0 0 25px;
}

ul#links li ul li {
margin-bottom: 2px;
}

ul#resume {
padding: 15px 0 0 0;
}

ul#resume li {
border-top: solid 1px #ccc;
padding: 5px 0 10px 0;
position: relative;
}

ul#resume li ul {
padding: 0 0 0 130px;
}

ul#resume li ul li {
border: 0;
padding: 0;
margin: 0 0 8px 0;
}

ul#resume li h4 {
position: absolute;
width: 100px;
top: 5px;
left: 0;
}

div#gallery {
position: relative;
width: 650px;
border: solid 1px #555;
min-height: 550px;
margin: 0 auto auto auto;
background: url(images/gallerybg.jpg) top left repeat-y;
overflow: hidden;
clear: both;
}

span#statementbutton {
display: inline-block;
margin: 0 0 15px 0;
}

div#gallerystatement {
display: none;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
padding: 8px;
margin: 0 0 10px 0;
}

div#gallerystatement img, div#gallerystatement ul {
margin: 0 0 12px 0;
display: block;
}

div#galleryimage img {
display: block;
margin: 35px auto auto auto;
border: solid 1px #222;
}

span#gallerymedia {
position: absolute;
top: 425px;
left: 60px;
}

div#gallerythumbnails {
clear: both;
position: absolute;
width: 100%;
min-height: 100px;
background: url(images/thumbnailsbg.png) top left repeat-x;
left: 0;
top: 450px;
overflow: hidden;
padding: 15px 0 0 47px;
border-top: solid 1px #444;
}

div#gallerythumbnails ul {
width: 90%;
margin: 0 0 15px 0;
}

div#gallerythumbnails ul li {
display: block;
float: left;
width: 45px;
height: 30px;
border: solid 1px #444;
margin: 0px 4px 5px 4px;
}

div#gallerythumbnails ul li:hover {
border: solid 1px #999;
}

div#footer {
clear: both;
text-align: center;
margin: 0 0 25px 0;
}

div#footer p:first-child {
margin: 0 0 20px 0;
}

/*		Blog		*/
ul.blog-navigation {
overflow: hidden;
clear: both;
width: 200px;
margin: 0 auto auto auto;
}

ul.blog-navigation li:first-child {
float: left;
}

ul.blog-navigation li {
float: right;
}

div.post {
clear: both;
margin: 0 0 40px 0;
}

.post small {
padding: 0 0 0 0;
}

div.entry {
clear: both;
padding: 10px 0 0 0;
border-top: solid 1px #ccc;
}

.post .postmetadata {
padding: 6px 0 12px 0;
text-indent: 0px;
}
/*		End Blog		*/
		


a img {
border: 0;
outline: 0;
}

.cursorhover:hover {
cursor: hand;
cursor: pointer;
}