* {margin: 0; padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; letter-spacing:.09em; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: .8em; font-weight:normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; list-style:none!important; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* TYPE */
sub, sup {line-height:0; font-size:.75em;display:-moz-inline-box; display:inline-block; padding: 0; margin:0;}
sub { vertical-align: bottom;}
sup { vertical-align: super;}
a { color:#666; text-decoration:none; outline:none; font-weight:bold; }
a:hover {color:#333; text-decoration:none}
#message a:hover{text-decoration:underline;}
.small {line-height:1em; font-size:.75em; vertical-align: text-bottom; display:-moz-inline-box; display:inline-block; padding:.05em;}
b i { text-transform:lowercase; letter-spacing:.05em; }
.left {float:left;}
.right {float:right;}
p { margin-bottom: 10px; line-height:1.5em; font-size:.8em; }
h1 { font-size: 1.3em; line-height: 26px; margin-bottom: 18px; color:#666; }
h2 {font-size: 1.15em; line-height: 20px; margin-bottom: 8px; color: #666; }
h3 { font-size: .895em; line-height: 1.4em; color: #666}
h4 {font-size: .7; line-height: .9em; color: #666 }
ul { margin:0 4em 18px; list-style: square outside; color:#666; font-size:.75em;list-style-position:inside }
ol { margin:0 4em 18px; font-size:.75em; line-height:2em; list-style: decimal; margin-left: 2.2em; color:#1D225A; list-style-position:inside }
dl { margin-bottom: 18px; margin-left: .5em; color:#666; font-size:.75em; }
ol sub, ol sup {display:inline; line-height:2em;}
html {overflow: -moz-scrollbars-vertical;}
html, body {
font: .95em/1.3em "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
background: #FFF;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center;
color: #555;
height:100%;
}
.container {
width: 850px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
position:relative;
height: auto !important;
margin: 0 auto;
z-index:1;
padding:0;
overflow:hidden;
}
#right {
width: 390px;
height: auto;
float: right;
padding:0 0 25px;
border-left:#808080 1px solid;
margin-left: -1px;
}
#right div.topic {
}
#thumbs {
float: left;
clear:both;
padding: 3px 15px;
}
#thumbs img {
float:left;
clear:none;
margin: 5px;
border: #707070 2px solid;
cursor:pointer;
}
#thumbs img.hover {
border-color:#333333;
}
#thumbs img:hover, #thumbs img.open, .mainPic {
border: #484C55 2px solid;
}
#right div.news {
padding: 5px 20px;
font-size: .8em;
border-top: #808080 1px solid;
}
#right .news h2.ne {
border-bottom: #808080 1px solid;
background: #C0D3E8;
font-weight:bold;
text-decoration:none;
}
#right .news h2 {
text-decoration:underline;
}
#right #rightMain .topic {
display: block;
border-top:#808080 1px solid;
padding: .6em 1.3em;
border-collapse:collapse;
clear: both;
}
#right #nav {
width:100%;
overflow:hidden;
border-bottom: #C0D3E8 1px solid;
margin-bottom: 5px;
}
#right #nav div.sub {
display:none;
position: absolute;
top:0;
left:0;
}
#right #nav a.mainNav {
display: block;
float:left;
padding: 41px 20px 6px;
font-weight:normal;
border-right: #F1F4F4 1px solid;
font-size: 14px;
}
#right #nav a.mainNav:hover {
background: url(../images/nav_span.jpg) 0px 0px repeat-x;
border-right: #C0D3E8 1px solid;
}
#right div#footer {
font-size: 9px;
padding: 5px 20px;
border-top: #808080 2px solid;
color:#999999;
}
#left {
width: 459px;
height: auto;
float: left;
border-right:#808080 1px solid;
border-bottom:#808080 2px solid;
padding:0 0 25px;
}
#left div#logo {
height:auto; width:auto;
border-bottom:#808080 1px solid;
margin-bottom:25px;
display:block;
}
#left h1 {
display:none!important;
}
a.boardNav {
line-height: 30px;
display: block;
clear: both;
margin:10px 0;
}
a.boardNav:hover {
background: url(../images/nav_span.jpg) 0px 0px repeat-x;
}
a.boardNav img {
float: left;
margin-right: 10px;
}
/* ##### Header ##### */
#left .textPlace {
padding-right: 15px;
}
#left .textPlace ul {
margin: 3px 10px 5px 8em;
}
#left .textPlace ul li {
margin: 3px 0 5px;
}
#left .textPlace dl dt {
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
text-align:right;
line-height:1.6em;
width:6em;
margin-right:1em;
padding-right:1em;
border-right:#CCCCCC 1px solid;
}
#left .textPlace dl dd {
padding-left:8em;
margin-bottom:1em;
line-height:1.6em;
}
#left .textPlace dl dd span.im {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
letter-spacing:.1em;
}
#left .textPlace dl dd dl{font-size:1em;}
#left .textPlace dl dd dl dt {
font-weight:bold;
font-style:normal;
font: "Century Gothic","Futura","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif!important;
}
hr {color:#666; background-color: #666; border-top: #808080 1px solid; border-bottom: #FFF 1px solid; margin: .75em 1em;}
blockquote {
font-size:.75em;
padding:5px 20px;
margin:10px 3px;
float:left;
background:url(../images/quote.jpg) top left no-repeat;
}
blockquote span.title {
float: right;
text-align:right;
font-weight:bold;
font: "Century Gothic","Futura","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif!important;
}
/* ##### end header ##### */
/* ##### main Navigation ##### */
/* ##### END main Navigation ##### */
/* ##### main Content ##### */