@charset "utf-8";
/* <copyright>

Author:
   Rio Purnomo
   http://www.icreativelabs.com/
Role:
   Image Slice, xHTML and CSS Design, Cross Browser
Client:
   GM Eternal

</copyright> */

/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, u5, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
 margin:0;
 padding:0;
}/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var {
 font-style:normal;
 font-weight:normal;
}
li { list-style:none; }
caption, th { text-align:left; }
h1, u5, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
 border:0;
 font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}
legend { color:#111; }
/*font*/body { font:9pt/1.231 "Trebuchet MS", Arial, Helvetica, sans-serif }
table {
 font-size:inherit;
 font:100%;
}
pre, code, kbd, samp, tt {
 font-family:monospace;
 line-height:100%;
}
/*base*/h1 { font-size:138.5%; }
/*base*/u5 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1, u5, h2, h3, h4, h5, h6, strong { font-weight:bold; }
abbr, acronym {
 border-bottom:1px dotted #000;
 cursor:help;
}
em { font-style:italic; }
blockquote, ul, ol, dl { margin:1em; }
ol, ul, dl { margin-left:2em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th, td {
 padding:.5em;
 text-align:center
}
th { font-weight:bold }
caption {
 margin-bottom:.5em;
 text-align:center;
}
p, fieldset, table, pre { margin-bottom:1em; }
input[type=text], input[type=password], textarea { width:12.25em }
/*form*/select, input, button, textarea {
 font:9pt arial, helvetica, sans-serif;
 border:0;
 line-height:normal
}
/*more*/body { line-height:1 }
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
textarea { overflow:auto }
/*specific*/
.cb {
 clear:both;
 line-height:0;
}
.fa { font-family:arial, helvetica, sans-serif }
.po { position:relative }
.ab { position:absolute }
.bb { border-bottom:1px dotted #636f79 }
div.bb {
 margin-bottom:20px;
 padding-top:10px
}
.dn, .bb hr { display:none }
p.btn a, .login .btn, .forms .btn {
 background:#5C6A75;
 color:#fff;
 cursor:pointer;
 font:bold 10px/21pt Georgia, "Times New Roman", Times, serif;
 padding:3px 5px;
 text-decoration:none
}
p.btn a:hover, .cleft .box .btn a:hover {
 background:#fff;
 color:#5C6A75;
 text-decoration:none
}
/*layout*/
body {
 background:#069 url(../images/_bg_wide.png) center top repeat-x;
 font:12px/12pt Arial, Helvetica, sans-serif;
 color:#fff;
}
a {
 color:#333;
 text-decoration:none
}
a:hover, a:focus { text-decoration:underline }
p.right { text-align:right }
p.center { text-align:center }
img.left {
 float:left;
 padding:2px 10px 0 0
}
#top {
 background:url(../images/_bg_head.png) center top no-repeat;
 margin:0 auto;
 width:994px;
 position:relative
}
/*logo*/
.logo {
 position:relative;
 left:7px
}
.logo, .logo a {
 background:url(../images/logo15.png) no-repeat;
 display:block;
 margin:0;
 height:81px;
 outline:none;
 text-indent:-9999px;
 width:600px
}
/*time*/
.time {
 background:url(../images/time.png) no-repeat;
 font:italic 12px/21pt Georgia, "Times New Roman", Times, serif;
 position:absolute;
 top:0;
 right:5px;
 text-align:center;
 height:36px;
 width:203px
}
/*navigation*/
#nav {
 font:14px/normal Georgia, "Times New Roman", Times, serif;
 position:absolute;
 top:47px;
 right:0
}
#nav ul, #nav li {
 margin:0;
 padding:0
}
#nav ul {
 margin:0 auto;
 width:828px;
 height:39px;
 line-height:39px
}
#nav li {
 display:block;
 float:left;
 position:relative
}
#nav li a {
 background:url(../images/menu.png) 0 50px no-repeat;
 color:#fff;
 display:block;
 float:left;
 height:39px;
 line-height:27px;
 padding:0 10px
}
#nav li a:hover, #nav li.on a {
 background:url(../images/menu.png) bottom center no-repeat;
 color:#000;
 text-decoration:none
}
/*dashboard*/
.dashboard {
 position:absolute;
 top:135px;
 left:3px
}
.dashboard h2 {
 font:italic 26px/normal Georgia, "Times New Roman", Times, serif;
 padding:15px 0
}
.dashboard p {
 font:14px/normal Georgia, "Times New Roman", Times, serif;
 padding:0 5px
}
.dashboard img {
 background:url(../images/imgbig.png);
 padding:15px 14px 22px 14px;
}
.dashboard img.left { margin-right:10px }
.dashboard a.more {
 background:url(../images/morebig.png) no-repeat;
 color:#fff;
 display:inline-block;
 font-style:italic;
 font-weight:bold;
 height:40px;
 line-height:37px;
 text-align:center;
 text-decoration:none;
 width:150px
}
/*content*/
#content {
 background:url(../images/_bg_top.png) center top no-repeat;
 color:#000;
 margin:398px auto 0;
 padding:10px 0 0;
 min-height:262px;
 width:994px
}
.content_wrap {
 background:url(../images/_bg_body.png) center repeat-y;
 padding:15px 0
}
.content {
 margin:0 30px;
 overflow:auto
}
.content h2 {
 color:#002B5C;
 font:italic 30px/normal Georgia, "Times New Roman", Times, serif;
 padding-bottom:15px;
}
.content .entry {
 float:left;
 width:650px
}
.sidebar {
 float:right;
 width:264px
}
.widget {
 background:url(../images/widget_foot.jpg) bottom no-repeat;
 margin-bottom:7px;
 padding-bottom:11px
}
.widget h2 {
 background:url(../images/widget_head.jpg) no-repeat;
 height:44px;
 line-height:44px;
 font-size:20px;
 font-weight:normal;
 padding:0 10px;
 width:244px
}
.widget p {
 clear:both;
 margin:0;
 padding-bottom:10px
}
.widget strong a, .widget strong a:visited, .widget strong a:hover, .widget strong a:focus {
 color:#000;
 font-size:11px;
 font-weight:normal
}
.widget small { color:#666 }
.widget a, .widget a:visited {
 color:#06c;
 text-decoration:none
}
.widget a:hover, .widget a:focus { text-decoration:underline }
.widget a.more {
 background:url(../images/more.png) no-repeat;
 color:#fff;
 display:block;
 font:italic bold 12px/normal Georgia, "Times New Roman", Times, serif;
 text-align:center;
 text-decoration:none;
 height:24px;
 line-height:19px;
 width:104px
}
.widget img {
 background:url(../images/img.gif) no-repeat;
 padding:5px 5px 11px
}
.widget img.left {
 float:left;
 margin:0 5px 5px 0
}
.widget-entry {
 background:url(../images/widget_body.jpg) center repeat-y;
 display:inline-block;
 padding:10px 10px 0;
 width:244px;
}
/*inside content*/
#top.inside { background:url(../images/_bg_head2.png) center top no-repeat; }
.inside #content {
 background:url(../images/_bg_body.png) center repeat-y;
 margin-top:62px
}
.inside #content h2 { font-size:20px; }
.page {
 border-top:5px solid #B2D1E0;
 clear:both;
 color:#002B5C;
 font-weight:bold;
 padding:10px 0
}
.page a {
 color:#598CBA;
 display:inline-block;
 padding:0 3px
}
.page span {
 color:#598CBA;
 display:inline-block;
 margin-left:30px
}
/*item*/
.items { margin:25px 0 0 }
.item, .items li {
 display:inline-block;
 float:left;
 margin-bottom:35px;
 width:232px
}
.items li {
 text-align:center;
 width:150px;
 margin-right:20px
}
.items li strong { font-size:14px }
.items li small { color:#999 }
.item p { margin-bottom:3px }
.item p span {
 display:inline-block;
 width:90px
}
.members .items {
 position:relative;
 left:-60px
}
.item {
 margin-left:60px;
 width:173px
}
/*footer*/
.footer {
 background:url(../images/_bg_foot.png) center top no-repeat;
 color:#fff;
 font:italic 12px/normal Georgia, "Times New Roman", Times, serif;
 margin:0 auto;
 padding:35px 0 25px;
 text-align:center
}
/*slideshow*/
#slideshow1 img { display:none; }
#slideshow1 img.active { display:block; }
#slideshow1 img.last-active { display:none; }