* {
margin:0;
padding:0;
list-style:none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial Verdana, sans-serif;
}
body {
font-size:62.5%;
min-width:750px;
background-color:#ECDAF1;
padding-bottom:3em;
}
#container {
width:750px;
position:relative;
left:50%;
margin-left:-375px;
background-color:#BEC5E1;
}

#branding {
background:url(stat/bg-header.jpg) no-repeat;
height:202px;
}
#branding h1,
#branding h2 {
display:none;
}

#holder {
position:relative;
width:750px;
padding-bottom:21px;
}
#navigation {
position:absolute;
top:26px;
left:17px;
}
#navigation li {
clear:left;
height:20px;
}
#navigation li a {
float:left;
display:block;
width:16px;
height:16px;
text-indent:-3000px;
overflow:hidden;
}
#navigation li#home a {
background:url(stat/btn_homepage.gif);
}
#navigation li#email a {
background:url(stat/btn_email.gif);
}
#content {
float:left;
display: inline;
margin:21px 0 21px 42px;
background-color:#FFF;
border:1px solid #9FABD3;
width:420px;
padding:14px 20px;
}
/*----- STORY -------------------*/
.story {
margin-top:2.1em;
position:relative;
padding-top:2.9em;
font-size:1.1em;
line-height:1.4em;
border-top:1px dotted #CCC;
}
.topstory {
margin-top:0;
padding-top:2.1em;
border-top:none;
}
.story small.published {
position:absolute;
left:0;
top:1em;
color:#666666;
font-size:1em;
}
.topstory small.published {
top:0;
}
div.story h1 {
padding-bottom:0.3em;
margin-bottom:0;
}
div.story h2 {
padding-bottom:0.7em;
margin-bottom:0;
color:#ccc;
}
.story h1 a {
color:#9FABD3;
text-decoration:none;
border-bottom:none;
}
.story h1 a:hover {
color:#3D60A0;
text-decoration:none;
border-bottom:1px solid #738CBA;
}
.story img {
border:0;
}
.storyintro img,
.storybody img {
float:right;
margin-left:8px;
margin-bottom:8px;
}
.storyintro,
.storyimage,
.stortybody {
margin-bottom:1em;
}

h1 {
font-size:1.8em;
line-height:1em;
color:#9FABD3;
}
h2 {
font-size:1.5em;
color:#CCCCCC;
}
h3 {
font-size:1.3em;
color:#CCCCCC;
}
h4 {
font-size:1.2em;
color:#CCCCCC;
}
h5 {
font-size:1.1em;
color:#CCCCCC;
}
.story h1,
.story h2,
.story h3,
.story h4,
.story h5 {
margin-bottom:0.6em;
line-height:1em;
}
.story div,
.story p,
.story blockquote,
.story ul,
.story ol {
margin-bottom:1em;
color:#666;
}

.story p a,
#storycmts a,
#archive a {
color:#738CBA;
text-decoration:none;
border-bottom:1px dotted #BEC5E1;
}
.story p a:hover,
#storycmts a:hover,
#archive a:hover {
color:#3D60A0;
text-decoration:none;
border-bottom:1px solid #738CBA;
}

p.comments {
display:inline;
height:2em;
background:url(stat/btn_comments.gif) left center no-repeat;
padding-left:20px;
}

#storycmts {
padding-top:0.5em;
}

#storycmts h3 {
font-size:1.5em;
color:#9FABD3;
background:url(stat/btn_comments.gif) left center no-repeat;
padding-left:20px;
}

div.storycmt {
border-top:1px dotted #ccc;
width:100%;
padding:1em 0;
margin:0;
}
div.topcmt {
border-top:none;
width:100%;
padding:0 0 1em 0;
margin:0;
}
.storycmt p {
padding:0;
margin:0;
}
.storycmt h4 {
margin-bottom:0.4em;
font-size:1.1em;
}
.storycmt h4 em {
font-weight:normal;
font-style:normal;
font-size:0.8em;
}

fieldset {
border:1px dotted #ccc;
padding:0 14px 14px 14px;
margin-top:2em;
}
legend {
background:#fff;
padding:4px 8px;
margin:0;
font-weight:bold;
font-size:1.2em;
}
label {
display:block;
width:88px;
float:left;
margin-top:14px;
font-weight:bold;
}
input.text {
border:1px solid #999;
display:block;
width:200px;
float:left;
margin-right:40px;
margin-top:16px;
padding:0 4px 2px 4px;
font-size:1.1em;
color:#666;
}
textarea {
width:290px;
border:1px solid #999;
margin-bottom:10px;
float:left;
margin-top:16px;
padding:0 4px 2px 4px;
height:6em;
font-size:1.0em;
color:#666;
}
.btnsubmit {
margin-left:88px;
padding:1px 6px;
font-weight:bold;
}

/*----- ARCHIVE -------------------*/
#archive {
margin-top:1em;
}
#archive li {
font-size:1.1em;
color:#666;
margin-bottom:1em;
}

/*----- ARCHIVE -------------------*/
ul#gallerylist li {
float:left;
margin:0 8px 8px 0;
}
ul#gallerylist li img {
border:none;
float:left;
}


#features {
float:right;
display: inline;
margin:21px 21px 21px 0;
background-color:#FFF;
border:1px solid #9FABD3;
width:170px;
padding:14px 20px;
}

#features ul {
width:165px;
}
#features ul li {
margin-bottom:1em;
font-size:1.1em;
padding-left:5px;
}
#features ul li a {
color:#9FABD3;
}

#recent {
margin-bottom:3em;
}
#recent h3 {
height:36px;
text-indent:-3000px;
background:url(/stat/bg-recent.gif) no-repeat;
}
#recent p {
margin-bottom:1em;
font-size:1.1em;
padding-left:5px;
}
#recent p a {
color:#9FABD3;
text-transform:uppercase;
font-weight:bold;
}
#downloads {
margin-bottom:3em;
}
#downloads h3 {
height:36px;
text-indent:-3000px;
background:url(/stat/bg-downloads.gif) no-repeat;
}
#galleries h3 {
height:36px;
text-indent:-3000px;
background:url(/stat/bg-galleries.gif) no-repeat;
}

#footer {
clear:both;
background-color:#ECDAF1;
font-size:1.1em;
color:#738CBA;
}
#copyright {
float:left;
padding:0.4em ;
}
#site {
float:right;
padding:0.4em ;
}
#site a {
color:#738CBA;
}
#site a:hover {
color:#3D60A0;
}


/*--- CLEARFIX  ----------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */