/* HTML ELEMENTS */

/*
Note: avoid using ligns in all italic in 100% width css boxes or else the css layout breaks with IE
http://www.positioniseverything.net/explorer/italicbug-ie.html
*/

body {
margin: 0px;
padding: 0px;
background-color: #4f4f4d;
text-align: center;
background-image: url('/images/bg.jpg');
background-position: top;
background-repeat: repeat-y;
}

body, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3;
}

img {
border: 0px;
}

form {
margin: 0px;
padding: 0px;
}

.floatleft {
float: left;
margin: 0px;
padding: 0px;
border: none;
background-color: transparent;
}



h1.section, .section  {
color: black;
font-size: 12px;
font-weight: bold;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 15px;
background-image: url('/images/title1.gif');
background-position: left;
background-repeat: no-repeat;
letter-spacing: 1px;
}

h1.storytitle {
color: black;
font-size: 16px;
letter-spacing: 3px;
text-align: center;
font-family: "Trebuchet MS", "Times New Roman", Times, serif;
margin: 30px 0px 40px 0px;
padding: 0px 20px 0px 20px;
}

h2 {
color: black;
font-size: 13px;
font-weight: bold;
margin: 30px 0px 20px 0px;
}

h3 {
color: black;
font-size: 12px;
font-weight: bold;
}

.productsTitle {
color: black;
font-size: 12px;
font-weight: bold;
margin: 4px 0px 0px 0px;
background-color: #cdb89a;
padding: 5px;
border-left: 10px solid #694f2a;
}

a {
color: #663c00;
text-decoration: underline;
}

a:visited {
color: black;
text-decoration: underline;
}

a:hover {
color: black;
text-decoration: none;
}

cite {
font-size: 11px;
}

.separator {
border: none;
height: 8px;
margin: 30px 0px 30px 0px;
padding: 0px;
background-image: url('/images/separator.gif');
background-position: center;
background-repeat: no-repeat;
}

.path {
font-size: 10px;
padding: 0px;
margin: 0px 0px 10px 0px;
}

ul {
margin: 10px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

ul li {
list-style-type: square;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;
}


ul.liststories, ul.listresults {
margin: 10px 10px 10px 15px;
padding: 0px 0px 0px 0px;
}

ul.liststories li,  ul.listresults li {
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
}

ul.liststories li {
list-style-image: url('/images/stories-bullet.gif');
}

ul.listresults li {
list-style-image: url('/images/countries-bullet.gif');
}

ul.listresults a, ul.listresults a:visited {
text-decoration: none;
}

ul.listresults a:hover {
text-decoration: underline;
}


ul.rssnews {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

ul.rssnews li {
list-style-type: square;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;
font-size: 11px;
}

dl {
font-size: 12px;
}

dl dt, dl dd {
font-size: 12px;
}

dl dt {
font-weight: bold;
}

dl dd {
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}

label {
font-size: 11px;
font-weight: bold;
display: block;
}

select {
font-size: 11px;
}

.body-content-publication-text {
text-align: left;
margin: 0px;
padding: 5px 20px 5px 15px;
font-size: 12px;
overflow: hidden;
}

body, div, .body-content-publication-text {
color: #361700;
}

.body-content-column-text {
text-align: left;
margin: 0px;
padding: 5px 5px 0px 5px;
color: #d3c0a4;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
word-wrap: break-word; /* non standard explorer fix */
}

.body-content-column-text div {
font-size: 11px;
color: #d3c0a4;
}

.body-content-column-text p {
margin: 0px;
}

.body-content-column-text strong {
color: white;
}

.body-content-column-text a {
color: #fcefdc;
text-decoration: none;
}

.body-content-column-text a:visited {
color: #dfccb0;
text-decoration: none;
}

.body-content-column-text a:hover {
color: white;
text-decoration: underline;
}

.externallinks {
font-size: 11px;
margin: 30px 0px 0px 0px;
padding: 5px;
background-color: #e7ddcf;
text-align: left;
}

.externallinks, .externallinks a, .externallinks a:visited {
color: #81653b;
}

.firstLetter {
display: block;
text-align: center;
float: left;
font-size: 30px;
padding: 0px;
margin: 2px 3px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #e1d1ba;
color: #361700;
width: 34px;
border: 1px solid #907e64;
}

.endofcontent {
text-align: center;
margin: 20px 0px 0px 0px;
}

.presentationboxes1 {
margin: 0px;
padding: 0px;
}

.presentationboxes2a, .presentationboxes2b, .presentationboxes3a, .presentationboxes3b  {
float: left; 
width: 220px;
border: 1px solid #000000;
padding: 5px 5px 0px 5px;
height: 140px;
font-size: 11px;
}

.presentationboxes2a:hover, .presentationboxes2b:hover, .presentationboxes3a:hover, .presentationboxes3b:hover  {
background-color: #FFFFFF;
}

.presentationboxes2a, .presentationboxes2b {
margin: 5px 5px 5px 0px;
}

.presentationboxes3a, .presentationboxes3b {
margin: 5px 0px 5px 5px;
}

.presentationboxes2a p, .presentationboxes3a p, .presentationboxes2b p, .presentationboxes3b p {
margin-top: 0px;
}

.pictureboxes1 {
margin: 0px;
padding: 0px;
}

.pictureboxes2, .pictureboxes3, .pictureboxes4, .pictureboxes5  {
float: left; 
width: 145px;
font-size: 11px;
text-align: center;
padding: 5px;
height: 140px;
}

.column_layout {
margin: 0px;
padding: 0px;
}

.four_column_layout_col {
float: left; 
width: 25%;
}

.three_column_layout_col {
float: left; 
width: 33%;
}

.two_column_layout_col {
float: left; 
width: 50%;
}


.rowlight, .rowdark {
font-size: 11px;
padding: 5px;
border-bottom: 1px solid black;
}

.rowlight p, .rowdark p {
margin: 3px 0px 3px 0px;
}


.inward {
border-left: 1px solid #957a55;
border-top: 1px solid #957a55;
border-right: 1px solid #fff5e7;
border-bottom: 1px solid #fff5e7;
background-color: #d1bda1;
color: #361700;
}

.outward {
border: 1px solid #957a55;
background-color: #f0e4d4;
font-size: 11px;
color: #361700;
}

.formfieldtitle {
border-top: 1px solid #957a55;
border-left: 1px solid #957a55;
border-right: 1px solid #957a55;
background-color: #f0e4d4;
padding: 2px 2px 2px 4px;
margin: 10px 0px 0px 0px;
font-size: 10px;
width: 170px;
}

.comment, .commentNew {
border: 1px solid #947953;
font-size: 10px;
padding: 1px;
margin-bottom: 16px;
}

.commentTop {
padding: 4px;
font-size: 11px;
background-color: #dbcab3;
overflow: hidden;
word-wrap: break-word; /* non standard explorer fix */
}

.commentTopDate {
width: auto;
text-align: right;
color: #947953;
font-size: 10px;
}

.commentTopName {
width: auto;
float: left;
font-size: 11px;
}

.commentTopName a, .commentTopName a:visited {
font-weight: bold;
text-decoration: none;
}

.commentTopName a:hover {
}

.commentText {
padding: 4px;
font-size: 11px;
background-color: #e8dac5;
overflow: hidden;
word-wrap: break-word; /* non standard explorer fix */
}

.commentNew .commentTop {
background-color: #eee0cb;
}

.commentNew .commentText {
background-color: #f9f1e5;
}


img.media-item {
margin-right: 8px;
margin-bottom: 4px;
float: left;
}


a.imageHighlight:hover, .body-content-publication-text a.imageHighlight:hover {
background: transparent;
}

a.imageHighlight img {
border: 2px solid #361700;
padding: 2px;
}

.body-content-publication-text a.imageHighlight img {
border: 2px solid #361700;
padding: 2px;
}

a.imageHighlight:visited img {
border: 2px solid #361700;
}  

a.imageHighlight:hover img,
a.imageHighlight:active img {
border: 2px solid white;
}

.body-content-publication-text a.imageHighlight:hover img,
.body-content-publication-text a.imageHighlight:active img {
border: 2px solid white;
}

.productsrowlight, .productsrowdark {
padding: 10px;
font-size: 11px;
border-bottom: 1px solid black;
margin: 0px 0px 10px 0px;
}

.presentationboxes2a, .presentationboxes3a, .rowlight, .productsrowlight {
background-color: #f0e4d4;
}

.presentationboxes2b, .presentationboxes3b, .rowdark, .productsrowdark {
background-color: #dac8ae;
}

.pictureDescription {
border-top: 4px solid #c0a985;
border-bottom: 4px solid #c0a985;
margin: 10px 0px 10px 0px;
padding: 10px 0px 10px 0px;
}

.videolink {
text-align: center;
font-size: 11px;
}

.submenu {
text-align: center;
margin: 30px 0px 30px 0px;
}

.submenu a, .submenu a:visited {
padding: 3px;
margin: 5px 5px 5px 5px;
border-bottom: 3px solid #694f2a;
font-size: 11px;
text-decoration: none;
color: #000000;
}

.submenu .currentSubmenu, .submenu .currentSubmenu:visited {
color: #836439;
border-bottom: 3px solid #b59b77;
}

.submenu a:hover {
border-bottom: 3px solid white;
}

.storyinfo {
font-size: 11px;
}

.alphabetical {
text-align: center;
margin: 10px 0px 10px 0px;
}

.alphabetical a {
border: 1px solid #957a55;
background-color: #f0e4d4;
color: #361700;
padding: 2px;
margin: 0px 1px 0px 0px;
text-decoration: none;
}

.alphabetical a:hover {
background-color: white;
text-decoration: none;
}

.alphabetical a:visited {
text-decoration: none;
}

.pagination {
margin: 20px 0px 20px 0px;
font-size: 11px;
text-align: center;
}

.user-fonts {
color: white;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.user-fonts a, .user-fonts a:visited {
color: white;
text-decoration: none;
}

.user-fonts a:hover {
color: white;
text-decoration: underline;
}

.login-field {
color: #e3cfbc;
font-size: 9px;
border: 1px solid black;
background-color: #503307;
margin: 0px;
}

.login-submit {
color: black;
font-size: 9px;
margin: 13px 0px 0px 0px;
border: 1px solid black;
background-color: #9e8763;
}

.comments-username, .user-field {
margin-top: 0px;
padding: 4px;
border: 1px solid #957a55;
}

.comments-username {
width: 200px;
}

.user-field {
font-size: 11px;
overflow: hidden;
word-wrap: break-word; /* non standard explorer fix */
line-height: 1.2; /* fix IE 6.0 bug http://www.positioniseverything.net/explorer/peekaboo.html */
margin-bottom: 5px;
background-color: #d9c8b1; /* seems to fix bug with disappearing border in IE */
}

input.invisible, textarea.invisible {
background-color: #e0d0b9;
border: 1px solid #e0d0b9;
font-size: 11px;
font-weight: bold;
}

#bad-email-content {
margin: 30px 0px 30px 0px;
text-align: center;
}

.bad-email-content-text {
font-size: 10px;
font-style: italic;
color: #86674f;
width: 90%;
}

.copyright {
font-size: 9px;
color: #86674f;
}

#quote, #quote-author, #quote-title {
background-color: #493820;
}

#quote-title {
text-align: center;
margin: 30px 0px 0px 0px;
font-weight: bold;
color: #897251;
font-size: 11px;
padding: 6px 6px 3px 6px;
}

#quote {
text-align: left;
margin: 0px;
font-size: 9px;
color: #b5a692;
padding: 3px 6px 3px 6px;
}

#quote-author {
text-align: right;
font-weight: bold;
margin: 0px;
font-size: 9px;
color: #b5a692;
padding: 3px 6px 6px 6px;
}

#quote-author a, #quote-author a:visited {
font-size: 9px;
color: #b5a692;
}

#quote-author a:hover {
font-size: 9px;
color: #b5a692;
text-decoration: underline;
}

.user_comments_stats {
color: #947953;
font-size: 9px;
}

.user_comments_stats .user_status {
color: #361700;
}

.permalink {
font-size: 9px;
}

.more {
font-size: 10px;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

.more a, .more a:visited {
color: #d3c0a4;
}

.code {
margin: 10px 0px 10px 0px;
padding: 10px;
border-left: 1px solid #957a55;
border-top: 1px solid #957a55;
border-right: 1px solid #fff5e7;
border-bottom: 1px solid #fff5e7;
background-color: #d1bda1;
color: #361700;
font-size: 10px;
}

/* Share page */

#share {
margin: 10px 0px 10px 0px;
}

#share-box {
text-align: center;
width: 120px;
border: 1px solid #947953;
padding: 3px;
margin: 0px 0px 0px auto;
}


/* Exclusive to yourghoststories.com */

.picturesads {
margin: 20px 0px 20px 0px;
text-align: center;
}

a.inline_text_ads, a.inline_text_ads:visited {
color: #361700;
background-color: #d9c8b1;
}

a.inline_text_ads:hover {
background-color: white;
}

/* affiliate content text links and google alternate ads */

.commercial-link-top {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px 0px 2px 0px;
font-size: 10px;
color: #998971;
text-align: left;
}

.commercial-link-body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 10px;
border: 1px solid #998971;
font-size: 11px;
text-align: center;
background-color: #ede1d0;
font-weight: bold;
}

/* LAYOUT */

#main {
margin: 0px auto;
padding: 0px;
width: 720px;
background-color: #b9a88f;
}


#top {
width: 720px;
height: 111px;
margin: 0px;
padding: 0px;
background-color: #996a28;
}

#top1 {
width: 297px;
height: 111px;
float: left;
margin: 0px;
padding: 0px;
}

#top2 {
width: 130px;
height: 111px;
float: left;
margin: 0px;
padding: 0px;
}

#top3 {
width: 73px;
height: 111px;
float: left;
margin: 0px;
padding: 0px;
}

#toplinks {
width: 220px;
height: 111px;
float: left;
margin: 0px;
padding: 0px;
}

#user {
width: 220px;
height: 84px;
margin: 0px;
padding: 0px;
background-image: url('/images/top-graphic4.jpg');
background-color: #996a28;
background-position: top;
background-repeat: no-repeat;
}


#menu {
width: 720px;
height: 40px;
margin: 0px;
padding: 0px;
background-color: #382100;
}


#body, #body2  {
width: 720px;
margin: 0px;
padding: 0px;
background-color: #e0d0ba;
background-position: top;
background-repeat: repeat-y;
}

#body {
background-image: url('/images/body-bg.jpg');
}

#body2 {
background-image: url('/images/body-bg2.jpg');
}

#body-left {
width: 23px;
float: left;
margin: 0px;
padding: 0px;
}

#body-content {
float: left;
width: 671px;
margin: 0px;
padding: 0px;
}


#body-content-column {
float: left;
width: 153px;
margin: 0px 5px 0px 0px;
padding: 0px;
background-color: #694f2a;
}

#body-content-publication {
float: right;
width: 513px;
margin: 0px;
padding: 0px;
background-image: url('/images/content-bg.gif');
background-repeat: no-repeat;
background-position: top right;
}

#body-right {
width: 26px;
float: left;
margin: 0px;
padding: 0px;
}

#bottom {
width: 720px;
height: 44px;
margin: 0px;
padding: 0px;
}

#footer {
font-size: 10px;
padding: 0px 0px 10px 0px;
line-height: 1.2;
}

#footer a, #footer a:visited {
}

#footer a:hover {
}

img[align="middle"], input[align="middle"] {
vertical-align: middle;
}


/*
hack to correct Containing Floats problem 
http://www.complexspiral.com/publications/containing-floats/
*/
div.clearer {
clear: both; 
margin: 0px;
padding: 0px;
height: 0px;
line-height: 0px;
}