body
{
padding: 0;
margin: 0;
text-align: center;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
table, td
{
border-width:0px;
border-spacing: 0px;
border-collapse: collapse;
padding:0;
vertical-align: top;
}
#page
{
position: relative;
text-align: left;
margin: 0 auto 0 auto;
height:100%;
}
img { border: none; }

#header
{
width: 705px; /* default only - must be defined inline based on user settings */
margin: 0 15px 0 15px;
/*background-color: #EEE;
border: 1px solid #000;*/
}
#headerImg
{
background-color:#BBB;
}
#pageTitle
{
font-size: 2.5em;
color: #888;
margin: 0;
padding: 12px 0 0 0;
}
#nav
{
margin: 70px 0 0 0;
font-size: 1em;
float:right;
color: #888;
}
#nav a, #nav a:visited, #nav a:active
{
color: #CCC;
text-decoration: none;
margin:0;
}
#nav a:hover
{
color: #888;
text-decoration: none;
}

#nav .index { width:50px;}
#nav .previous { width:12px; padding: 0 3px 0 0;}
#nav .previous a { background: url("../img/previous.gif") no-repeat center 3px; }
#nav .previous a:hover { background: url("../img/previous_active.gif") no-repeat center 3px;}
#nav .pageNumber { padding:0 7px 0 2px; }
#nav .pagnation { padding: 0 7px 0 2px; }
#nav .next { width: 10px; padding: 0 0 0 3px;}
#nav .next a { background: url("../img/next.gif") no-repeat right 3px; }
#nav .next a:hover { background: url("../img/next_active.gif") no-repeat right 3px;}

#content
{
width: 705px; /* default only - must be defined inline based on user settings */
margin: 10px 15px 15px 15px;
padding: 0px;
}

.imgRow
{
margin: 0 0 30px 0;
padding: 0;
}
.imgInfo
{
font-size: 0.8em;
color: #888;
margin: 8px 0px 0px 0px;
}
.imgMargin
{
width:15px;
}
.imgBkg td
{
background-color:#EEE;
width:225px; /* default only - must be defined inline based on user settings */
height:225px; /* default only - must be defined inline based on user settings */
text-align: left;
vertical-align: middle;
}
.journalText
{
width:592px;
margin: 0px 0px 30px 0px;
}
.journalText .title
{
font-size:2em;
color:#BBB;
margin: 0;
padding: 0;
}
.journalText .copy
{
font-size:1em;
color:#BBB;
margin: 0;
padding: 0;
}
.thumbnail
{
background-color: #BBB;
}
#footer
{
height:50px;
vertical-align: bottom;
}
.footerCopy
{
font-size:0.8em;
color:#BBB;
margin:15px;
}

/* ------------------- CLEARFIX HACK - special ------------------ */

/* invisible to IE-mac :after psuedoclass */
.clearfix:after
{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

/* IE-mac fix - visible by all browsers */
.clearfix
{
clear: both;
}

/* hidden from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clearfix
{

}