* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.5em 0; font: 100%/125% "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif; font-weight: bold; }
h1, h2 { font-size: 126%; }
h3 { font-size: 126%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
p, pre, label, fieldset, address, hr { margin: 0.5em 0; }
blockquote { margin: 0.5em 0 0.5em 1.5em; padding: 0.5em 1em; }
ul, ol, dl { margin: 0.5em 0; }
li, dd { margin-left: 1.5em; }
dd { margin: 0.5em 0 1.5em 1.5em; }
dd+dt { margin-top: 1.5em; }
dt+dt { margin-top: 10.5em; }
ol li  { margin-left: 2.5em; }
ul ol, ol ul, ul ul, ol ol { margin-left: 1.5em; }
fieldset { padding: 0; }
a img { border: 0; }
td>img { display: block; }

table, tr, th, td, input, textarea { font: 100%/150% Verdana, Geneva, Arial, Helvetica, sans-serif; }
input, textarea { padding: 1px; }

html { width: 100%; }
body { width: 100%; font: 100%/150% "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif; }

.cleaner { margin: 0; padding: 0; clear: both; font-size: 1px; height: 1px; line-height: 1px; background: none transparent scroll repeat 0% 0%; border: none; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; margin-left: auto; margin-right: auto; width: 100%; overflow: hidden; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
li .c { padding-right: 1.5em; }


/* color */
body { color: #222222; background: #EEEEEE; }
a         { color: #009adb; text-decoration: underline; } 
a:hover   { color: #a7a900; text-decoration: none; } 

h1, h2, h3, h4, h5, h6 { color: #04384e;}
h1 a, h1 a:hover, h2 a, h2 a:hover { color: #1e4164;   }
h1, h2 { font-weight: bold; }


/* position */
#header { position: absolute; top: 20px; left: 0; width: 100%; height: 240px; }

div#container   { width: 980px; margin: 340px auto 0 auto; }
div#wrapper       { float: left; width: 680px; }
div#navigation { float: right; width: 280px; }
div#extra          { float: right; clear: right; width: 280px; }

div#wrapper       .in { margin: 0 0 2em 20px; }
div#wrapper h1, div#wrapper h2, div#wrapper h3 { margin-left: -20px;}
div#navigation .in, { margin: 0 0 2em 10px; } 

#footer { clear: both; height: 60px; width: 100%; }
#footer .in { margin: 0 auto; width: 960px; border-top: 4px solid rgb(66,120,176); }



/* stick footer */
html, body { height: 100%; }
#container { min-height: 100%; height: auto !important; height: 100%; }
#footer { position: relative; margin-top: -61px; }
* html #content { padding-bottom: 60px; }


#header h2 {	display: block; width: 960px; margin: 0 auto 5px auto; }
#header h2 a { outline: 0; display: block; height: 243px; text-indent: -1983em; background: url(/assets/templates/as/images/hbg.png) no-repeat 50% 50%; }

#footer p { margin: 0; font-size: 10px; line-height: 1.5; }
#counters { float: right; }


#video  {
	text-align: center;
	margin-bottom: 30px;
}
#gallery {
	overflow: hidden;
	width: 100%; 
	margin: 0; 
}
#gallery ul { margin: 0; padding: 0; } 
#gallery li {
	list-style-type: none;
	float: left;
	margin: 0 0px 10px 0; 
	padding: 0;
}

.highslide { display: block; margin: 1em auto; z-index: 100; }
td.highslide, th.highslide { display: table-cell; }
a.highslide { outline: none; text-decoration: none; }
.highslide-img  { display: block; margin: 3px 3px 0 3px; border: 2px solid #1e4164; border-bottom: 10px solid #1e4164; background: #FFFFFF; padding: 3px; text-align: center; vertical-align: middle; z-index: 120; }
.highslide-text { display: block; text-align: center; font-size: 85%; margin: 0 auto; padding: 3px 0; color: #6B6B6B; z-index: 120; }
.highslide-imgbox { margin: 0 auto; z-index: 110; }
.highslide.notext .highslide-text { display: none; }
a.highslide:hover .highslide-img { border-color: #FFFF21;  }

.image.center { clear: both; margin: 0.5em auto; }
.image.left, .highslide.left, .highslide.justifyleft { float: left; clear: left; margin: 0 1em 0.5em 0; }
.image.right, .highslide.right, .highslide.justifyright { float: right; clear: right; margin: 0 0 0.5em 1em; }
.images { width: 100%; overflow: hidden; }
.images .highslide { float: left; margin: 1em 5px; padding: 0 3px; }
.c .highslide { float: left; margin: 1em 5px; padding: 0 3px; }
#gallery .highslide { margin: 0; }

table.images { border: 0; margin: 0 auto; text-align: center; }
table.images .highslide { float: none; margin: 1em 5px; padding: 0 3px; }

td .highslide { margin: 0; }
td .highslide img { margin: 0; }

#achiev, #achiev li.element {
	margin: 0;
	padding: 0;
}
#achiev {
	overflow: hidden;
	width: 100%;
	font-size:12px;
}
#achiev a {
	color: #222222;
	text-decoration: none;
	}
#achiev li.element {
	display:block;
	float:left;
	line-height:1;
	list-style-type:none;
	margin: 0 1% 5px 0;
	overflow:hidden;
	vertical-align:middle;
	width:48%;
	background-color:#ccc;
	padding:2px;
}
#achiev li.element:hover {
	background-color:#fff;
}
#achiev img {
	float: left;
	margin-right:5px;
	border: 1px solid #000;
}
#achiev strong {
	font-size:14px;
	display: block;
}


#introtext {
	border-left: 2px #A5AA00 solid; 
	padding: 0.1em 0.5em;
	margin: 0 0 1em 0; 
	}

#navigation h2 { font-size: 110%; color: #1e4164; border: 1px #A5AA00 solid; border-width: 0 1px 1px 0; background: #FFFF21; letter-spacing: 2px; padding: 1px 0.3em; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
#navigation h2 { background: #F0F1C8; border-color: #D5DD00; }
#navigation .block { margin: 20px 0; }
#navigation .block ul { list-style: none; margin: 0; }
#navigation .block ul li { margin: 0 0.5em 0.3em 0.5em; }
#navigation .block li.active a { color: #00384A; font-weight: bold; text-decoration: none; }



/* ########## POST ########## */
.post { margin: 0 0 2em 0; }
div#wrapper .post h2.title { margin-top: 0; }
div#wrapper .post div.sub { margin: -10px 0 10px 0; font-size: 12px; font-weight: normal; }
.post strong { font-weight: bold; color: #1e4164; }
.post .text { display: table; _height: 0; zoom: 1; }
.post .r { margin: 1em 0 0 0; }


dl { margin: 0.5em 0; overflow: hidden; width: 100%; }
dl dt { clear: left; font-size: 125%; font-weight: bold; }
dl dd.img { float: left; margin-right: 1em; }
dl dd.img a { border-bottom: none; }
dl dd.img a:hover { border-bottom: none; }
dl dd.text { display: table; _height: 0; zoom: 1; }



#cb { font-size: 0.6em; margin: 0 auto; width:400px; text-align: center; }
#cb a { display: block; color: #1e4164; font-size: 2em; letter-spacing: 2px; te0xt-decoration: none; padding: 1px 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; background: #FFFF21; }
#cb a:hover { color: #083C42; background: #E7E300; }


#mainmenu { width: 100%; background: url(/assets/templates/as/images/mbg.png) repeat-x 50% 50% #515151; height: 3.1em; overflow: hidden; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#mainmenu ul { font-size: 1.7em; width: 960px; display: block; margin: 0.1em auto; padding: 10px 0; list-style-type: none; }
#mainmenu ul li { margin: 0 0.6em 0 -0.3em; text-indent: 0; display: inline; }
#mainmenu ul li a { letter-spacing: 2px; text-decoration: none; color: #1e4164; color: #DDDDDD; padding: 1px 0.3em; }
#mainmenu ul li a { outline: 0; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
#mainmenu ul li.active a { color: #1e4164; background: #FFFF21; }
#mainmenu ul li a:hover { color: #fff; background: #a7a900; }

/* top box */
#topbox, #topbox * { vertical-align: middle; margin: 0; padding: 0; }
#topbox { position: absolute; top: 0; left: 0; width: 100%; height: 19px; background: #04384e /*#10556B*/; color: #ffffff; overflow: visible; font-size: 12px; line-height: 17px; }
#topmenu { position: absolute; left: 50%; margin-left: -480px; width: 960px; }

#topmenu a { color: #D6D6D6; display: block; text-decoration: none; border-bottom: none; font-weight: bold; padding: 0 10px 0px 10px; background: transparent; font-size: 12px;}
#topmenu a:hover { color: #083C42; background: #FFFF21; text-decoration: none; }
#topmenu img { display: none; }
#topmenu { display: block; list-style: none; }
#topmenu ul { float: right; }
#topmenu li { float: left; height: 19px; border-left: 1px solid #888; }
#topmenu li ul { position: absolute; z-index: 1000; position: absolute; left: -9000em; margin-left: -1px; padding: 2px 0.5em 1px; border: 1px #888 solid; list-style: none; background: #083C42; }
#topmenu li li { clear: left; height: auto; border: 0; width: 100%; }
#topmenu li li a { padding: 2px 4px; display: block; width: auto; white-space: nowrap; }
#topmenu li li a:hover { color: #083C42; background: #FFFF21; }
#topmenu li:hover ul, #topmenu li.over ul { left: auto; }
#topbox li, #topbox a { width: auto; }

.fl { float: left; }
.fr { float: right; }
.over { width: 100%; overflow: hidden; }
img.fl, a.fl img { margin: 0 1em 0.5em 0; }
img.fr, a.fr img { margin: 0 0 0.5em 1em; }


.highlighting { padding: 0 0.1em; border-bottom: 1px #A0A0A0 solid; } 
.text .highlighting { background: #2C3643; color: #A0A0A0; }
a:hover .highlighting { border-bottom: 0; }

.addthis { width: 100%; overflow: hidden; margin: 0.2em 0; padding: 2px 0.2em; }
.addbookmark { width: 100%; overflow: hidden; margin: 0.2em 0; padding: 0 10px 10px 10px; }
.addthis a { display: block; margin: 3px; padding: 2px; float: left; border: 1px transparent solid; }
.addthis a:hover { border: 1px #999 solid; }
.addbookmark a { display: block; margin: 3px; float: left; }



/* ########## COOL FORM ########## */

form.cool { margin: 1em 0; } 

form.cool label {
        color: #1e4164;
        display: block;
        float: left; clear: left;
        width: 130px;
        margin: 0px 5px 0 0;
        text-align: right;
        }
form.cool input.text, form.cool input.date, form.cool textarea, form.cool select, form.cool span.input {
		font-size: 125%; 
        margin: 0 0 0 10px;
        width: 465px;
        border-top: 1px solid #2C3643;
        border-left: 1px solid #2C3643;
        border-bottom: 1px solid #1F262F;
        border-right: 1px solid #1F262F;
        padding: 1px;
        color: #1e4164;
	background: #DFDFDF;
        }
form.cool select { padding: 1px 0.5em; }
form.cool span.input {
        margin: 0  0 0 150px;
        width: 435px;
        display: block;
        }
form.cool div.input {
        margin: 0 0 0 150px;
        width: 435px;
        }
form.cool .input h1 { margin: 0; display: inline; }

form.cool textarea {
        overflow: auto;
        }
form.cool input.date, form.cool input.code, form.cool .short {
        width: 240px;
        }
form.cool input.submit {
        width: auto;
        margin: 5px 0;
        border: 2px solid #1F262F;
        padding: 1px 0.5em;
        background: #DFDFDF;
        color: #1e4164;
        cursor: pointer; cursor: hand;
        }
form.cool input.submit { margin: 1em 0 0 145px; width: 470px; }

form.cool select {
        padding: 1px;
}
form.cool input:focus, form.cool textarea:focus {
        background: #efefef;
        color: #000;
}
form.cool small {
        display: block;
        margin: 0 0 5px 143px;
        padding: 1px 3px;
        font-size: 88%;
        width: 435px;
        }
form.cool label small {
        width: auto;
        display: block;
        font-style: italic;
        font-weight: normal;
        margin: 0.3em 0 0 0;
        padding: 0;
        }
form.cool div.req, form.cool div.opt {
        clear: left;
        }

form.cool div.req label {
        color: #1e4164;
        font-weight: bold;
        }
fieldset div.opt {
        display: block;
        }
form.cool fieldset {
        margin: 0.5em 0;
        border: none;
        border-top: 1px solid #313131;
        }
form.cool legend {
        margin: 0.1em 0;
        padding: 0.5em 0.5em;
        text-align: right;
        color: #313131;
        background: transparent;
        font-size: 1.3em;
        font-weight: bold;
        }
form.cool .info {
		margin: 0 0 1em 0; 
        padding: 2px 0.5em;
        border: 1px solid #1F262F;
        background-color: #2C3643;
        font-size: 88%;
        }
form.cool .info.att {
        border: 1px solid #95BA2E;
        }
form.cool .captcha a {
	float: right;
	margin-right: 152px;
	}        

.alert { 
	margin: 0.5em 0 1.5em 0; 
	padding: 2px 0.5em;
	border: 1px solid #1F262F;
	background-color: #2C3643;
	}  
	
	
	
/* ########## JOT ########## */

.jot-row { position: relative; margin: 1em 0 1em 60px; background: #DFDFDF; padding: 4px 10px; border-left: 4px #EFEFEF solid; }
.jot-row-alt { background-color: #E5E5E5; }
.jot-row-up  { background-color: #FFDFDF; }
.jot-row-ban { border-left: 4px #AA6666 solid; padding: 4px 7px;  }
.jot-row-up.jot-row-ban { border-left: 4px #AA0000 solid; }
.jot-row-me  { }
.jot-row-new { }

.jot-number { position: absolute; right: 885px; top: 0; font-size: 200%; text-decoration: none; } 
.jot-number span { font-size: 50%; vertical-align: super; } 

.jot-user    { float: left; text-align: left; padding: 3px 10px 3px 20px; font-size: 120%; background: url(../jot/jot_user.png) no-repeat 0; }
.jot-creator { font-weight: bold; }
.jot-email   { float: left; text-align: left; padding: 3px 10px 3px 20px; font-size: 120%; background: url(../jot/jot_email.png) no-repeat 0; }
.jot-poster  { float: right; text-align: right; padding: 3px 10px 3px 0; }

.jot-content { clear: both; padding: 0.2em 0 0 0; margin: 0; }

.jot-product { padding: 3px 0 3px 20px; background: url(../jot/jot_product.png) no-repeat 0 50%; }
.jot-message { padding: 0.2em 0 0 20px; background: url(../jot/jot.png) no-repeat 0 0.2em; }
.jot-row-new .jot-message { background-image: url(../jot/jot_new.png); }

.jot-extra { margin: 1em 10px 3px 30px; text-align: right; }
.jot-extra * { vertical-align: bottom; }



/* ########## PAGER ########## */

.pager { border-top: 1px solid #293541; margin: 10px 0; padding: 5px 0; width: 100%; overflow: hidden; text-align: right; }
.pager.top { border-top: none; border-bottom: 1px solid #293541; }
.ditto_currentpage, .pip_currentpage { margin: 0 0.1em; font-size: 130%; font-weight: bold; }
.ditto_page, .pip_page { margin: 0 0.1em; }
.prevnext { font-size: 85%; text-align: right; }
.prevnext #prevlink { margin-right: 0.5em; }
.prevnext #nextlink { margin-left: 0.5em; }
.prevnext span { color: #999; }
.prevnext a { color: #999; text-decoration: none; }
.prevnext a span { color: #7EBCFF; text-decoration: underline; }
.prevnext a:hover span { color: #7EBCFF; }


var { font-weight: bold; color: #04384e; }


#wrapper .tagcloud { line-height: 1.4em; margin: 1em 0 2em 0; font-weight: normal; text-align: center; }
#wrapper .tagcloud a { margin: 0 0.2em; white-space: nowrap; text-decoration: none; color: #7EBCFF; }
#wrapper .tagcloud .s1 { font-size: 100%; } 
#wrapper .tagcloud .s2 { font-size: 108%; }
#wrapper .tagcloud .s3 { font-size: 116%; }
#wrapper .tagcloud .s4 { font-size: 125%; }
#wrapper .tagcloud .s5 { font-size: 136%; }
#wrapper .tagcloud a span.count { vertical-align: super; font-size: 70%; text-decoration: none; color: #19343D; font-weight: normal; }
#wrapper .tagcloud a.s1 span.count { font-size: 75%; } 
#wrapper .tagcloud a.s2 span.count { font-size: 70%; }
#wrapper .tagcloud a.s3 span.count { font-size: 65%; }
#wrapper .tagcloud a.s4 span.count { font-size: 60%; }
#wrapper .tagcloud a.s5 span.count { font-size: 55%; }

#wrapper .tagcloud span.cur a { font-size: 136%; color: #083C42; }
#wrapper .tagcloud span.cur a span { text-decoration: underline; }
#wrapper .tagcloud span.cur a span.count { text-decoration: none; font-size: 50%; }
#wrapper .tagcloud a:hover { text-decoration: none; }
#wrapper .tagcloud a:hover span { text-decoration: underline; }
#wrapper .tagcloud a:hover span.count { text-decoration: none; }

#navigation .tagcloud { line-height: 1.4em; font-weight: normal; }
#navigation .tagcloud a { margin: 0 0.1em; white-space: nowrap; text-decoration: none; color: #7EBCFF; }
#navigation .tagcloud .s1 { font-size: 100%; } 
#navigation .tagcloud .s2 { font-size: 100%; }
#navigation .tagcloud .s3 { font-size: 100%; }
#navigation .tagcloud .s4 { font-size: 100%; }
#navigation .tagcloud .s5 { font-size: 100%; }
#navigation .tagcloud a span.count { vertical-align: super; font-size: 70%; text-decoration: none; color: #19343D; font-weight: normal; }
#navigation .tagcloud a.s1 span.count { font-size: 60%; } 
#navigation .tagcloud a.s2 span.count { font-size: 60%; }
#navigation .tagcloud a.s3 span.count { font-size: 60%; }
#navigation .tagcloud a.s4 span.count { font-size: 60%; }
#navigation .tagcloud a.s5 span.count { font-size: 60%; }

#navigation .tagcloud span.cur a { font-size: 100%; color: #083C42; }
#navigation .tagcloud span.cur a span { text-decoration: underline; }
#navigation .tagcloud span.cur a span.count { text-decoration: none; font-size: 60%; }
#navigation .tagcloud a:hover { text-decoration: none; }
#navigation .tagcloud a:hover span { text-decoration: underline; }
#navigation .tagcloud a:hover span.count { text-decoration: none; }

.post img { max-width: 100%; }
.w100 { max-width: 100%; width: 100%; outline: 1px solid rgba(255,255,255,.1); }
.w100nb { outline: 0; }

.video { position: relative; }
.video iframe { border: none; }
.video iframe, .video object, .video embed, .video .youtube5container, .video .youtube5player { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.video_type_youtube { padding-top: 25px; }
.video_ratio_43 { padding-bottom: 75%; }
.video_ratio_169 { padding-bottom: 56.25%; }

.recaptcha .g-recaptcha {
	margin: 0 0 0px 145px;
}

.list {margin-left: 40px;}
.w100 {width: 100%; max-width:100%;}
li { margin-bottom: 0.8em; }
h2 { font-size: 110%; }
.post dt { font-size: 110%; }