/* UNIVERSAL Style Definitions */
body, p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
}

.thumbnail {padding:8px;}

a:link, a:visited {text-decoration: underline; color: #000;}
a.hover {text-decoration: none; color: #000;}
a:active {text-decoration: underline; color: #000;}

#headerimgntagline {
    width: 800px;
    border-bottom: solid 1px #CCCCCC;
    margin: 3px 0px 0px 3px;
}

.stateofcreationtop {
    font: 12px Arial, Helvetica, sans-serif;
    color: #b93054;
    text-align: right;
}

.subhead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #b93054;
}

div.copywrite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
    text-align: right;
    background-position: right;
    line-height: 12px;
}

#content {
    position:absolute;
    width:588px;
    z-index:20;
    left: 220px;
    top: 82px;
}

.colorthetext {color: #b93054;}
.colorednolink {color: #b93054;}
.coloreddashes {color: #b93054;}

a.coloredlinkunderlined {
	text-decoration: underline;
	color: #b93054;
}

#wanttoreadtherest {margin-bottom:75px;}

/* Current Issue Style Definitions */
.imgissue {
    border: 4px double #999999;
}

/* Article Style Definitions */

.headline {
    font: 16px Arial, Helvetica, sans-serif;
    color: #333333;
}

.headlineissuecolor {
    font: 16px Arial, Helvetica, sans-serif;
    color: #b93054;
    text-align: left;
    vertical-align: top;
}

.indent {margin-left:15px;}
.articlesubscript {font:11px Arial, Helvetica, sans-serif; color: #333333; line-height: 18px;}
.articleauthor {font: 16px Arial, Helvetica, sans-serif; color:#b93054;}
.articllargeletter {font-size: 28px; font-weight: bold; color:#b93054;}

/* lightbox css */

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%
    }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }

a.navs,a.navs:visited,a.navs:link {color: #000;}
a.navselected,a.navselected:visited,a.navselected:link {font-weight: bold;color: #b93054;}

#Layer1 {
    position:absolute;
    width:196px;
    height:25px;
    z-index:10;
    left: 379px;
    top: 170px;
}

#sidenav {
    position:absolute;
    width:170px;
    z-index:10;
    top: 106px;
    height: 800px;
    overflow: hidden;
    visibility: visible;
    left: 0px;
}


.modal-overlay
{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#fff;
    opacity:.75;
    filter: alpha(opacity=50);
    -moz-opacity: 0.75;
    z-index:101;
}
* html .modal-overlay
{   
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.modal-window
{
    position:fixed;
    top:50%;
    left:50%;
    margin:0;
    padding:0;
    z-index:102;
    border: 1px solid #000;
}
* html .modal-window
{
    position:absolute;
}
    
.close-window
{
    position:absolute;
    width:32px;
    height:32px;
    right:8px;
    top:8px;
    background:transparent url('../images/close.gif') no-repeat scroll right top;
    text-indent:-99999px;
    overflow:hidden;
    cursor:pointer;
    opacity:.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
.close-window:hover
{
    opacity:.99;
    filter: alpha(opacity=99);
    -moz-opacity: 0.99;
}

#thumb-caption{
	float: right; 
	font-size:9px;
}

.error {
	border-right: 1px solid red;
    border-bottom: 1px solid red;
}


#comment_form_error {
	color: red;
}

.comment_item {
	margin: 0 0 15px;
}

#paging {
    margin: 0 0 15px;
}

#comment_form_comment {
	width: 550px; 
	height: 100px;
}