/* General Styling */
body {
 background: #141414;
 color: #fff;
 font: normal 80%/1.15em georgia, garamond serif;
 margin: 0 auto;
}
a, a:visited, a:active {
 color: #fff;
}
a:hover {
 color: #000;
}
br.clear {
 clear: both;
}
img {
 border: 0;
}
#wrapper {
 border-top: 7px #333 solid;
 text-align: center;
}
h2 {
 color: #3a3a3a;
 font-size: 130%;
 letter-spacing: 0.15em;
 text-transform: uppercase; 
}
/* Main Content Styling */
#content {
 padding: 30px 0;
}
#contentInfoWrapper {
 background: #333 url('http://media.vividry.com/templates/sleek/contentInfo_bg.gif') repeat-x top;
 margin: 0 auto;
 text-align: center;
 width: 100%;
}
#contentInfo {
 padding: 15px 0 25px 0;
 margin: 0 auto;
 width: 850px;
}
div.imageNav {
 font-size: 80%;
 text-transform: uppercase;
}
div.imageNav a {
 padding: 0 3px;
 text-decoration: none;
}
div.entryNav {
 text-align: left;
}
div.entryNav a {
 display: block;
 font-size: 80%;
 padding: 3px 0;
 text-transform: uppercase;
 text-decoration: none;
}
#entryText {
 border-bottom: 1px #242424 solid;
 border-top: 1px #242424 solid;
 color: #000;
 font-size: 90%;
 display: none;
 padding: 10px;
 margin: 0 0 10px 0;
}
#entryText h3 {
 margin: 0;
 padding: 0;
}
#entryText a {
 color: #ccc;
}
#entryText p.date {
 margin-top: 0;
 padding-top: 0;
 font-size: 80%;
 text-transform: uppercase;
}



/* Subpage Content Styling */
#sub {
 margin: 30px auto;
 width: 850px;
}
#contentsub {
 float: left;
 padding: 20px 30px 20px 0;
 text-align: left;
 width: 500px;
}
#contentsub p {
 font-size: 85%;
 line-height: 170%;
}
#contentsubLinks {
 float: left;
 padding-top: 20px;
 margin-left: 30px;
 text-align: left;
 width: 280px;
}
#contentsubLinks a {
 display: block;
 border-bottom: 1px #282828 solid;
 font-size: 85%;
 padding: 5px;
 text-decoration: none;
 width: 280px;
}
#contentsubLinks a:hover {
 background: #282828;
 color: #ccc;
}

/* Thumbnail Styling */
#thumbnailsWrapper {
 margin: 30px auto;
 width: 850px;
}
#thumbnails {
 float: left;
 width: 690px;
}
#thumbnailLinks {
 float: left;
 text-align: left;
 width: 150px;
}
#thumbnailLinks a {
 display: block;
 border-bottom: 1px #282828 solid;
 font-size: 85%;
 padding: 5px;
 text-decoration: none;
 width: 150px;
}
#thumbnailLinks a:hover {
 color: #ccc;
 background: #282828;
}
#thumbnails h2 {
 text-align: left;
 margin-left: 20px;
 padding-bottom: 10px;
}
#thumbnails div.thumbnail {
 float: left;
 font-size: 85%;
 margin: 0 0 20px 0;
 width: 150px;
}
#thumbnails div.thumbnail img {
 border: 4px #282828 solid;
}
#thumbnails p {
 margin: 0;
 padding: 0;
}

/* Archives Styling */
#archiveLists {
 margin: 0 auto;
 padding: 30px 0;
 width: 850px;
}
#archiveLists a {
 display: block;
 border-bottom: 1px #282828 solid;
 font-size: 85%;
 padding: 5px;
 text-decoration: none;
}
#archiveLists a:hover {
 color: #ccc;
 background: #282828;
 width: 340px;
}
#monthLinks,
#galleryLinks {
 float: left;
 margin-top: 10px;
 text-align: left;
 width: 350px;
}
#monthLinks {
 margin-right: 100px;
}
#carousel {
 margin-top: 30px;
}
#carousel h2 {
 padding-bottom: 15px;
}

/* Comments Styling */
#commentsWrapper {
 margin: 0 auto;
 padding: 30px 0;
 text-align: center;
 width: 850px;
}
#commentInfo {
 float: left;
 text-align: left;
 width: 300px;
}


#comments {
 border-bottom: 0;
 float: left;
 text-align: left;
 width: 550px;
}
#comments a:hover {
 color: #999;
}
#comments div.commentHead {
 font-size: 85%;
 padding: 0 0 8px 0;
}
#comments div.commentHead a {
 font-weight: bold;
 text-decoration: none;
}
div.commentBody {
 padding: 10px;
}
#comments div.commentBody p {
 padding: 0 10px 0 15px;
 margin: 0;
}
div.comment0,
div.comment1 {
 background-color: #141414;
 border-bottom: 1px #333 solid;
 padding: 15px 5px;
}
#commentsForm {
 margin: 10px 0;
 padding: 0;
}
#commentsForm p {
 margin: 0;
 padding: 5px 0;
}
#commentsForm input.text {
 background: #333;
 border: 1px #282828 solid;
 display: block;
 float: left;
 padding: 2px;
 width: 470px;
}
#commentsForm input.text:hover,
#commentsForm textarea:hover {
 background-color: #ccc;
}
#commentsForm textarea:focus,
#commentsForm input.text:focus {
 background-color: #fff;
}
#commentsForm label {
 float: left;
 text-align: right;
 margin-right: 5px;
 padding-top: 5px;
 width: 65px;
}
#commentsForm textarea {
 background: #333;
 border: 1px #282828 solid;
 height: 200px;
 width: 480px;
}
#commentTextField {
 float: right;
}
#commentsForm input.submit {
 background-color: #282828;
 border: 1px #282828 solid;
 color: #ccc;
 padding: 5px 10px;
}
p.submitButton {
 text-align: right;
}
/* spam prevention */
#commentsForm #spamPrevention {
 float: none;
 text-align: right;
}
#commentsForm #spamAnswer {
 display: inline;
 float: none;
 width: 30px;
}


/* Footer Styling */
#footer {
 color: #999;
 font-size: 80%;
 padding: 20px 0;
 margin: 0 auto;
 text-align: right;
 width: 850px;
}
#footer a {
 color: #999;
 text-decoration: none;
 text-transform: uppercase;
}
#footer a:hover {
 color: #fff;
}
#footer div.mainNav a {
 display: block;
 float: right;
 padding: 0;
 margin: 0 7px;
}
#footer div.mainNav a.endCap {
 margin-right: 0;
}
#footer h1 {
 color: #333;
 font-weight: normal;
 font-size: 220%;
 letter-spacing: 0.15em;
 margin: 3px 0;
 padding: 3px 0;
 text-transform: uppercase; 
}
#footer p.copyright {
 color: #333;
 margin-top: 50px;
 text-align: center;
 text-transform: uppercase;
}