/* global */
* *{border:0;margin:0;padding:0}
html{overflow:scroll}
body{color:#333;font:12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;background:#666}
a{text-decoration:none;color:#0095d3}
a:hover{text-decoration:underline;color:#0095d3}
input,select,textarea{border:#cacaca 1px solid;font-size:12px;padding:5px}
h2{color:#000;font:18px Georgia, "Times New Roman", Times, serif;margin:0 0 5px}
li{list-style: none}
h2 a{color: #000}
h3, h4, h5{color: #363636; font-size: 12px; font-weight: bold; margin: 0 0 5px}
.quote{padding:10px;font-family:courier;font-size:12px;background-color:#F9FBFC;border:1px solid #C3CED9;margin-bottom:10px;overflow:auto;text-align:left;}
blockquote{padding:10px;font-family:courier;font-size:12px;background-color:#F9FBFC;border-top:2px solid #C3CED9;border-bottom:2px solid #C3CED9;}
#page{background-color: #F7F7F7;display:block;width:1000px;margin-left:auto;margin-right:auto;}
#content{min-height:400px}
.navigation a {color:#666;font-weight:bold;font-size:14px}

/* header */
.header_top{height:30px;background-color:#000}
.header_img{height: 109px;background-image: url(images/ionic_02.png)}
.header_menu{height:39px;background:url('images/ionic_03.png') no-repeat}
.header_menu li{float:left;width:130px}
.header_menu li a{display: block;width:130px;height: 39px}
#nav,#nav ul{padding: 0;list-style:none}
.btn_home,.btn_down,.btn_tuts,.btn_snip{width:130px;height:39px;background:url('images/navigation.gif')no-repeat}
.btn_down {background-position:-130px 0px;}
.btn_tuts{background-position:-260px 0px}
.btn_snip{background-position:-390px 0px}
.btn_home:hover{background-position:0px -78px}
.btn_down:hover{background-position:-130px -78px}
.btn_tuts:hover{background-position:-260px -78px}
.btn_snip:hover{background-position:-390px -78px}
.rss{position:relative;top:-10px;right:10px;display:inline;float:right}
ul.nav1 {padding:0;margin:0;list-style: none;z-index: 100}
.nav1 a {display: block;padding: 5px 10px 0 15px;z-index: 100;color: #a0a09b}
.nav1 li {float: left}
.current_page_item a {color: #0095d3}

/* content */
.post{background:#FFF url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #DEDBD1;padding:18px;margin:0 0 15px 0;}
.post p{line-height:20px;padding:0 0 10px}
.date-comments{border-bottom:1px solid #cacaca;color:#999;font-size:11px;height:30px;line-height:25px;margin:0 0 10px}
.date-comments a{color:#999}
span.comments{background: url(images/ico-comments.png) no-repeat left;padding: 0 0 11px 30px}
span.continue{background: url(images/ico-continue-trans.png) no-repeat left;padding: 1px 0 1px 20px;line-height:20px}

/* sidebar */
#sidebar{margin-top:10px;margin-left:650px;width:340px}
.widget{background:#FFF url(images/bgr-box-trans.png) repeat-x top left;margin: 0 0 15px 0px;padding:20px;border:1px solid #dedbd1}
#sidebar h3{background:#EBE9E1;font: 12px Arial, Helvetica, sans-serif;color:#363636;font-weight:bold;padding:5px 8px;display: block;margin: 0 0 7px 0;text-align: left;border: 1px solid #DEDBD1;height:16px}
.widget{background: #FFFFFF url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #DEDBD1;margin: 0 0 15px 0px;padding:18px;}

/* comments */
#comments{background:#FFF url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #DEDBD1;padding:18px;margin:0 0 15px 0;}
.gravatar {float:left;border: 1px solid #DEDBD1;margin: 0px 7px 0 0;padding:4px;background:#FFF}
ol.commentlist{margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li.comment{padding: 15px 15px 5px;margin:10px 0;background:#F8F8F4;border:1px solid #DEDBD1}
ol.commentlist li.author_comment{padding: 15px 15px 5px;margin:10px 0;background:#dce9ec;border:1px solid #000}
ol.commentlist p, #respond p{margin-bottom:10px;line-height: 20px}
.commentmetadata a{font-size:11px;color:#333}
#respond{border: 1px solid #999;padding:10px;width:515px;background:#F8F8F4;border:1px solid #DEDBD1}
#respond textarea:hover,#respond input:hover{border:1px solid #0095d3}
#respond textarea:focus,#respond input:focus{border:1px solid #FF95d3}
#respond input{padding:9px 15px;font-size:14px;width:480px}
#respond #comment{font:12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;padding:9px 15px;font-size:14px;width:480px}
#respond input#submit{color:#FFF;background-image:url('images/input-bg.png');width:155px;height:39px;border:0px;border:1px solid #367685}


/* footer */
#footer{clear: both;width:100%;background:#4c4c4c url(images/footer_bg.png) repeat-x;border-top:1px solid #FFF}
.footer-shadow{background-color:transparent;background-image:url(images/footer_shadow_bg.gif);background-repeat:no-repeat;background-attachment: scroll;background-position: center 81px;padding-top:100px}

/* misc */
.narrowcolumn{margin:10px 10px 0 10px;float:left;clear:left;width: 630px}
.widecolumn{margin:10px 10px 0 10px;width: 980px}
.alignleft{display:inline;float:left}
.alignright{display:inline;float:right}
.fl{float:left}
.fr{float:right}
.fix{clear:both;height:1px;margin:0 0 -1px;overflow:hidden}