/* RESET */
:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; width: 95%}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/* Start */
body { margin: 0px; background: #F6F1ED url(/bg.gif) top repeat-x; padding: 0; text-align: center; color: #666; font-family: "Avenir", "Avenir Next", "Helvetica Neue", "HelveticaNeue", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue Lt Std", "HelveticaNeueLtStd", "HelveticaNeueLT", "HelveticaNeue Lt Pro", "Hiragino Kaku Gothic Pro", "Kozuka Gothic Pro", "Kozuka Gothic", "Bitstream Vera Sans", "Lucida Grande", Helvetica, Arial, Sans-serif; font-size: 16px }
a, a:visited { color: #009FC6; text-decoration: none; }
a:hover { color: #1D393F; }
a, a:active, a:focus { outline:none !important; }
.clr { clear: both; height: 1px}

img { border: 0px }
table { border: 0px; border-top: 1px solid #ccc;}
td { border-bottom: 1px solid #ccc; padding: 3px }
.vamoos, hr { display: none }

#wrap { margin: 1em auto; width: 90%; max-width: 55em; }
#wrap {  text-align: left; }

#top1 {  float: left; width: 35% }
#top2 {  float: left; width: 60%; text-align: right; text-indent: -10000% !important; }

#header {  height: 70px; width: 100%; padding: 0.2em  0 0 0; }
#header span { visibility: hidden; height: 1px; }
#header h1 a { width: 242px; height: 60px ; display: block; background: url(/utils.jpg) top left no-repeat; }

#left { float: left; display: block ; width: 19%;  margin-top: -1.5em  }
#right { float: left; display: block ; width: 73%; padding-left: 7% ; margin-top: -1.5em }

#mast  { background: url(/utils.jpg) no-repeat; display: block; background-position: 0 -200px ; width: 496px; height: 130px; text-align: left; }
#mast span { text-indent: -10000%; display: block; height: 130px }

#footer { background: url(/utils.jpg) top center no-repeat; background-position: 0 -578px ; width: 100%; clear: both;  border-top: 1px solid #ccc; margin: 3em 0}
#footer span { text-indent: -10000%; background: url(/utils.jpg) no-repeat; display: block; background-position: 0 -594px ; width: 312px; height: 25px; }
#footer span, a#rss { margin-top: 12px }

/* TEXT REPLACEMENTS */
a#blogs, a#contact, a#lang, a#eng, a#rss { 
  display: block; float: right; text-indent: -10000%; background: url(/utils.jpg) no-repeat; 
}

a#blogs { background-position: 0 -90px ; width: 56px; height: 20px; }
a#blogs:hover { background-position: 0px -110px ; }

a#contact { background-position: -63px -90px ; width: 72px; height: 20px; }
a#contact:hover { background-position: -63px -110px ; }

a#lang { background-position: -153px -90px ; width: 42px; height: 20px; }
a#lang:hover { background-position: -153px -110px ; }

a#eng { background-position: -203px -90px ; width: 42px; height: 20px; }
a#eng:hover { background-position: -203px -110px ; }

a#rss { background-position: 0 -156px ; width: 30px; height: 20px; }
a#rss:hover { background-position: -30px -156px ; }

/* CONTENT STUFF */
.col { float: left; width: 48%; }
#wn, #av  { margin-top: 0; }
#wn h2, #av h2 { text-indent: -10000%; background: url(/utils.jpg) top left no-repeat; width: 125px; height: 29px; }
#wn h2 { background-position: -494px -91px ; } 
#av h2 { background-position: -494px -128px; } 

a.more { clear: left; margin: 0.2em 0 2em 1.2em; float: left; text-indent: -10000%; background: url(/utils.jpg) no-repeat; display: block; background-position: 0 -134px ; width: 60px; height: 20px; }
a.more:hover { background-position: -60px -134px ; }

dl { padding-left: 1.2em; width: 90% }
dt { font-size: 11px; text-transform: uppercase; color: #999; padding-top: 0.5em; }
dd { padding: 0.2em 0 0.5em 0; margin-left: 0; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; }

.col a.i { padding: 0.2em 0 0.2em 0.6em; display: block; float: left; }
.col a.i img { border: 2px #ccc solid; padding: 6px; background: #fff }
.col a.i:hover img { border: 2px #009FC6 solid; }

/*-- NAVIGATION --*/
ul#nav { padding: 0 2em 0 1em; display: block }
ul#nav li { background: transparent; margin:0; padding:0; height: 30px; list-style:none; width: 132px; display: block; border-bottom: 1px #ccc solid  }
ul#nav li a { background: url(/utils.jpg) no-repeat; width: 129px; display: block; height: 30px; text-align: left; text-indent: -10000%; margin: 0 }

a#wel { background-position: 0 -340px !important; }
a#wel:hover, a#wel:active { background-position: -129px -340px !important;}
li.curr a#wel, li.curr a#wel:hover { background-position: -258px -340px !important; }

a#who { background-position: 0 -370px !important; }
a#who:hover, a#who:active { background-position: -129px -370px !important;}
li.curr a#who, li.curr a#who:hover { background-position: -258px -370px !important; }

a#what { background-position: 0 -400px !important; }
a#what:hover, a#what:active { background-position: -129px -400px !important;}
li.curr a#what, li.curr a#what:hover { background-position: -258px -400px !important; }

a#how { background-position: 0 -430px !important; }
a#how:hover, a#how:active { background-position: -129px -430px !important;}
li.curr a#how, li.curr a#how:hover { background-position: -258px -430px !important; }

a#down { background-position: 0 -460px !important; }
a#down:hover, a#down:active { background-position: -129px -460px !important;}
li.curr a#down, li.curr a#down:hover { background-position: -258px -460px !important; }

a#phot { background-position: 0 -490px !important; }
a#phot:hover, a#phot:active { background-position: -129px -490px !important;}
li.curr a#phot, li.curr a#phot:hover { background-position: -258px -490px !important; }

a#vid { background-position: 0 -520px !important; }
a#vid:hover, a#vid:active { background-position: -129px -520px !important;}
li.curr a#vid, li.curr a#vid:hover { background-position: -258px -520px !important; }

b { color: #333 }
input[type=submit],input[type=button] { background: #eee url(/bg_switcher.png) repeat-x left bottom !important; margin-right:1px; border:solid 1px #bbb ; cursor:pointer; color:#424242; padding: 0.3em 0.5em !important }
input[type=submit]:hover,input[type=button]:hover { background-image: none !important; border: solid 1px #aaa !important; color:#333 !important }

/* COMMENT FORM */
#wpcf label { clear: both; margin-top: 0.5em; display: block;	float: left; width: 35%; }
#wpcf input { float: left; margin-top: 0.5em; width: 50%; padding: 1px; margin: 2px 5px 2px 0; }
#wpcf textarea { width: 350px; height: 100px; padding: 1px;	margin: 0 5px 10px 0; }
#wpcf #contactsubmit { margin: 1em 0 2em 250px; padding: 0.25em 0.5em; }
.err, #err { color: #c00; font-weight: bold }

/* MAIN SECTIONS */
#writeup h2 { font-size: 22px; color: #515151; margin: 0.6em 0 1.5em 0;font-weight: normal }
#writeup h3 { font-size: 18px; color: #515151; margin: 1.8em 0; border-top: 3px #557177 solid; padding: 0.15em 0 0 0.05em; text-transform: uppercase; font-weight: bold }
#writeup h3 span { float: right; font-size: 12px; text-transform: uppercase; color: #787878; font-weight: normal } 
#writeup ul, #writeup table, #writeup p, #writeup form { margin-left: 1.5em }
#writeup .d { font-size: 11px; text-transform: uppercase; color: #999; float: right; padding: 0 0 2em 0; display: block; margin-bottom: 2em }
#writeup a img, #writeup a object  { border: 2px #ccc solid; padding: 10px; background: #fff }
#writeup a:hover img, #writeup a:hover object { border: 2px #009FC6 solid }
#writeup a img.non { border: 0;  background: transparent; padding: 0 0 0 10px; }
.exp  { padding: 0 0 0 30px; margin: 12px 0; width: 420px }

span.click { margin-top: 1em; }
span.click a { background: #779298; color: #fff; padding: 2px 3px 1px 3px; border: 5px solid #fff }
span.click a:hover { background: #00A0C7; color: #fff; }
.ri { text-align: center; width: 100%; margin: 1em 0 1em 1em; padding: 7px }

.ads, .ads script, .ads span, .ads div { background: #F6F1ED !important; font-size: 11px !important; font-family: Arial, sans-serif !important; margin: 2em 0 !important }

/* Downloads */
.dn { display: block; clear: right }
.dn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.dn dt { float: left; width: 10%; min-width: 90px; clear: left; } 
.dn dd { border: 0; font-weight: normal; float: left ; width: 80%}