body {
margin: 0;
padding: 0;
font-family: "Times New Roman", Times, serif;
background-color: #009cd3;
}

a {
color: red;
}

a:hover {
text-decoration: none;
}

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

#container {
background-color: #fcfcf5;
}

.inner {
width: 990px;
display: block;
margin: 0px auto;
padding-top: 5px;
padding-bottom: 10px;
}

#cborder {
height: 5px;
margin: 0;
padding:0;
background: #00bdff;
clear: both;
}

#header {
height: 90px;
background: url(bg-top.gif) repeat-x white;
font-family: Georgia, "Times New Roman", Times, serif;
color:  #f00;
}

#logoDiv {
float: left;
background-image: url(logo.png);
background-repeat: no-repeat;
margin-top: 8px;
}

#logoDiv img {
width: 300px;
height: 80px;
border: 0px;
}

#topBanner {
width: 680px;
float: right;
height: 80px;
vertical-align: center;
text-align: right;
}

#homeLink {
text-decoration: none;
}

#topNav {
background-image: url(bg-nav.gif);
height: 39px;
font-family: sans-serif;
font-size: 0.8em;
font-weight: bold;
color: white;
margin-top: 1px;
margin-bottom: 1px;
}

#topNav ul {
list-style: none; 
height: 35px; 
margin: 0;
padding: 0;
float: left;
}

#topNav ul li {
float: left;
padding: 7px 15px 5px;
background: url(bg-nav-sep.gif) no-repeat;
}

#topNav ul li a {
float: left; 
color: white;
text-decoration: none;
}

#topNav ul li a:hover {
text-decoration: underline;
}

#topNav input {
margin-top: -3px;
}

#content {
clear: both;
width: 100%;
background-color: #fcfcf5;
overflow: none;
}

#content h1 {
color: #009cd3;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
font-size: 2.5em;
margin: 0;
padding: 0;
#padding-bottom: 0.3em;
padding-top: 5px;
}

#content h2 {
color: #009cd3;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

#content p {

}

#content a {
/* color: #56c1e0; */
}

#content h2 a {
color: #56c1e0;
font-family: Georgia, "Times New Roman", Times, serif;

}

#content h3 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0.5em 0 0.5em 0;
font-style: italic;
font-weight: normal;
font-size: 1.7em;
color: #009cd3;
}

#content h3 a {
/* color: #56c1e0; */
}

#leftColumn {
width: 740px;
float: left;
}

#verticalNavigation {
width: 240px;
padding: 0;
margin: 0;
min-height: 400px;
height: 100%;
float: right;
}

#verticalNavigation h3 {
margin: 0;
padding: 0;
}

#verticalNavigation div {
margin-bottom: 15px;
padding: 10px;
padding-top: 0;
background-color: white;
}

#verticalNavigation ul {
margin: 0;
padding: 0;
padding-bottom: 10px;
padding-left: 10px;
list-style-type: none;
}

#picColumn {
float: left;
width: 250px;
min-height: 500px;
margin: 0;
}

#picColumn div {
margin-bottom: 15px;
padding: 10px;
padding-top: 0;
background-color: white;
width: 220px;
}

.itemIcons {
border: 0;
padding-right: 10px;
}

.textIcons {
border: 0;
}

#SB {
margin: 0;
padding: 0;
}

#SB img {
margin: 0;
padding: 0;
margin-top: 5px;
}

.smallImages {
float: left;
margin: 10px 15px;
height: 200px;
width: 150px;
border: 1px solid #009cd3;
background-repeat: no-repeat;
background-position: top;
background-color: #000125;
text-align: center;
}

.smallImages:hover {
border: 1px solid yellow;
}

.smallImages img {
border: 0;
width: 100%;
height: 200px;
#height: 200px;
padding:0;
margin:0;
}

.smallImages a {
color: white;
text-decoration: none;
#text-decoration: underline;
}

.smallImages.cats {
border: 1px solid red;
background-color: #001135;
}

.smallImages.cats:hover {
border: 1px solid lightgreen;
}

.images {
width: 100%;
text-align: center;
margin-top: 15px;
margin-bottom: 35px;
overflow: none;
}

.images .mainImg {
margin-top:20px;
margin-bottom:20px;
padding: 2px;
border: 1px gray solid;
}

#mainPic {
padding: 0px 5px;
text-align: center;
float: left;
width: 450px;
}

#mainPic a {
color: #56c1e0;
}

#mainPic #mainImg {
margin-top:0px;
margin-bottom:0px;
border: 1px solid gray;
padding: 2px;
}

#mainPics {
padding: 0px 5px;
text-align: center;
float: left;
width: 740px;
}

#picTexts {
float: left;
text-align: left;
width: 260px;
#width: 280px;
padding: 5px;
}

#picTexts p {
margin-top: 0;
padding-top: 0;
}

#picAds {
float: left;
padding: 5px;
margin:0;
visibility: hidden;
display: none;
}

#picAdsRelated {
margin: 5px;
width: 100%;
clear: both;
text-align: center;
}

#picAdsList {
visibility: hidden;
display: none;
}

#fotoformr {
height: 20px;
font-weight: 600;
color: red;
}

#fotoformr img {
margin: 0;
padding: 0;
}

#newCover {
float: left;
text-align: center;
}

#coverTop {
background-repeat: no-repeat;
width: 300px;
height: 400px;
position: absolute;
margin: 0px;
padding: 0px;
z-index: 10;
}

#cover {
float: left;
position: relative;
width: 300px;
height: 400px;
margin-right: 3em;
}

#previewCover {
position: absolute;
margin: 0px;
padding: 0px;
z-index: 1;
overflow: hidden;
width: 300px;
height: 400px;
background-color: gray;
}

.formData {
width: 20%;
float: left;
weight: 600;
}

.formData p {

}

#scenarioSelection {
float: right;
margin-right: 1em;
}

#results {
visibility: hidden;
display: none;
}

#photoFolder {
text-align: center;
clear: both;
}

.covers {
cursor: pointer;
}

.stepcarousel {
position: relative; /*leave this value alone*/
/* border: 10px solid black; */
overflow: scroll; /*leave this value alone*/
width: 620px; /*Width of Carousel Viewer itself*/
height: 410px; /*Height should enough to fit largest content's height*/
margin: 0;
padding: 0;
}

.stepcarousel .belt {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
}

.stepcarousel .panels {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 420px;
margin: 0;
padding: 0;
}

#divWildfirePost {
float: right;
}

#coverResults {
float: right;
width: 500px;
}

#profiles .profile {
width: 220px;
height: 220px;
float: left;
position: relative;
margin: 3px;
}

#profiles .profileText {
width: 215px;
position: absolute;
bottom: 0px;
text-align: center;
}

.profilePic {
border: 1px dashed gray;
}

#myProfile1 {
/* border: 1px dashed yellow; */
/* background: url(error.png) no-repeat top left; */
}

#myProfile10 {
/* background: background: url(error.png) no-repeat top left; */
}

#myProfile {
/* background: url(logo32.png) no-repeat top left; */
}

.magCovers {
float: left;
margin: 5px;
text-align: center;
}

.magCoversImg {
border: 1px #666 solid;
}

.startImages {
border: 1px #666 solid;
padding: 3px;
}

#related {
clear: both;
#position: relative;
}

.relatedPics {
float: left;
margin: 10px 0 0 25px;
height: 200px;
#height:200px;
width:150px;
border: 1px solid gray;
background-position: top;
background-repeat: no-repeat;
text-align: center;
}

.relatedPics a {
text-decoration: none;
}

.relatedPics a:hover {
#text-decoration: underline;
}

.relatedPics img {
width: 100%;
height: 100%;
border:0;
}

#relatedPics {
clear: both;
}

#comments {
clear: left;
float: left;

overflow: hidden;
}

#relatedComments {
float: right;
width: 300px;
}

#commentForm {
clear: left;
float: left;
width: 400px;
overflow: hidden;
#position: relative;
}

#commentForm a {
/* color: #56c1e0; */
}

.horizontalAds {
width: 100%;
margin: 5px;
text-align: center;
clear: both;
}

#footer {
clear: both;
color: white;
background-color: #009cd3;
}

#fborder {
height: 10px;
background: white url(bg-bottom.gif) repeat-x;
}

#footer h3 {
margin: 0;
padding:0;
font-style: italic;
font-weight: normal;
font-size: 1.7em;
color: #ffffaa;
}

.footerTexts {
float: left;
width: 32%;
padding-left: 10px;
}

.footerTexts h4 {
clear: both;
margin: 0;
padding: 0;
padding-top: 10px;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
color: white;
}

.footerTexts ul {
margin: 0;
padding: 0;
margin-left: 1em;
}

#footer a {
color: white;
}

#footer p {
margin-bottom: 0;
padding-bottom: 0;
}

#footer li {
margin-bottom:10px;
}

.dottedWhite {
margin: 0;
padding: 0;
clear: both;
border:0px;
border-top: 1px dotted #ffffff;
height:0px;
}

#copyrights {
text-align: center;
}

/* FORMS */
#addPicRules {
width: 600px;
margin-top: 15px;
float: left;
clear: left;
}

#addPic {
width: 400px;
float: left;
}

#addPic h3 {
clear: both;
}

#addPic label {
clear: both;
float:left;
margin-top:19px;
white-space: nowrap;
}

#addPic input {
float:right;
width:250px;
margin-top:17px;
}

#addPic select {
float:right;
width:250px;
margin-top:17px;
}

#addPic textarea {
float:right;
width:250px;
height:100px;
margin-top:17px;
}

#addPic .formSubmit {
float: right;
width: 150px;
float:right;
margin-top:17px;
}

.formSubmit {
background-color: #dfddab;
color: black;
cursor:pointer;
background:url(submit.gif) repeat-x left top;
}

#commentForm {
float: left;
clear: left;
width: 400px;
/* font-style: italic; */
margin-bottom:15px;
}

#commentForm label {
clear: both;
float:left;
margin-top:19px;
white-space: nowrap;
}

#commentForm input {
float:right;
width:250px;
margin-top:17px;
}

#commentForm textarea {
float:right;
width:250px;
height: 100px;
margin-top:17px;
}

#commentForm .formSubmit {
float: right;
width: 150px;
}

#commentLogin {
float:right;
width:250px;
margin-top:20px;
}

/* VARIOUS STYLES */
.error {
/* background: url(error.png) no-repeat 0 0; */
padding: 5px 0 0 50px;
height: 40px;
color: red;
}

.red {
color: red;
}

#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #000119;
padding: 5px;
opacity: 0.85;
color: white;
}
#tooltip h3, #tooltip div { margin: 0; }

.pluspictures {
width: 100px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color: green;
font-weight:bold;
padding: 5px 2px;
padding-left: 10px;
background:url(submit-plus.png) no-repeat left 5px;
}

.minuspictures {
width: 100px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:red;
font-weight:bold;
padding: 5px 2px;
padding-left: 10px;
background:url(submit-minus.png) no-repeat left 5px;
}

.zapictures {
width: 100px;
cursor:pointer;
border:outset 1px #ccc;
background: #999;
color: gray;
font-weight:bold;
padding: 5px 2px;
background:url(submit-zap.png) repeat-x left 5px;
}

.voted {
font-weight:bold;
}

.pictureserror {
color: red;
}

.karma {
border: 0;
margin: 0;
padding:0;
}

#loading {
position:absolute;
top:0px;
right:0px;
background:#ff0000;
color:#fff;
font-size:14px;
font-familly:Arial;
font-weight: 600;
padding:2px;
display:none;
}

#siteForms {
float: left;
}

#siteFormsText {
width: 400px;
float: right;
}

.search-nav {
height:20px;
margin: 20px;
text-align: center;
font-weight: 600;
clear: left;
}

.search-nav a {
vertical-align:top;
display: inline-block;
margin: -5px 0 0 0;
position:relative;
padding: 3px 7px 3px 7px;
/* background:#73aac7; */
background:black;
border:1px solid #6d8baf;
text-decoration:none;
color:white;
}

.search-nav a:hover, .search-nav a.current{
background: white;
border: 1px solid #8faf0a;
color: #009cd3;
}

/* Tag Cloud */
#tagCloud {
clear: left;
color: red;
visibility: hidden;
display: none;
}
#tagCloud a {
text-decoration: none;
}
#tagCloud a:hover {
text-decoration: underline;
}
.tag0 {
font-size: 80%;
color: #56c1e0;
}
.tag1 {
font-size: 90%;
color: #9966ff;
}
.tag2 {
font-size: 100%;
color: #ff0000;
}
.tag3 {
font-size: 120%;
color: lightgreen;
}
.tag4 {
font-size: 130%;
color: violet;
}
.tag5 {
font-size: 140%;
color: #33ff00;
}
.tag6 {
font-size: 150%;
color: gray;
}
.tag7 {
font-size: 160%;
color: orange;
}
.tag8 {
font-size: 180%;
color: aqua;
}
.tag9 {
font-size: 200%;
color: green;
}
.tag10 {
font-size: 225%;
color: lightgreen;
}