table,td,tr,th {border: 0;}
td {vertical-align: top; padding: 5px;}
.coding{margin:5px; padding:5px;background:#F6FAFB;border:1px solid #9a8a66}
.coding table{border-collapse:collapse;width:100%;margin:10px}
.coding th,.coding td{padding:0.2em 0.5em;border:1px solid #B3974D}
.coding td:first-child{width:190px}
pre{padding:4px 5px; background:#F6FAFB; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
code{color:#007700}
.paging{float:right}
.paging a{padding:2px 5px;background:#213E4A;color:#fff;text-decoration:none;margin-left:1px;border:1px solid #fff}
.paging a:hover{color:#fff;background:#bb0000;border:1px solid #213E4A}
.breadcrumb{font-size:12px;border-bottom:1px solid #213e4a;color:#009900;font-weight:bold}
.breadcrumb a{text-decoration:none;font-weight:normal;padding:5px;}
.breadcrumb a:hover{background:#cc0000;color:#fff; -moz-border-radius:5px ; -webkit-border-radius:5px; border-radius:5px;}
.breadcrumbf{border-top:1px solid #213e4a}
.tutorialnav{text-align:center;}
.tutorialnavtop{margin-top:10px;}
.tutorialnavtop a{background:#fff}
.tutorialnav a {text-decoration:none;border:1px solid #213E4A;padding:5px; -moz-border-radius:5px ; -webkit-border-radius:5px; border-radius:5px;}

.hmenu a {color:#999;text-decoration:none;padding:10px;background:#182e36}
.hmenu a:hover{background:#cc0000}
.hmenu{margin-left:30px}
.post .entry{float:left;padding:0 5px;margin:0 5px}
.post .entry img {vertical-align:middle}
.post{clear:both;margin-bottom:10px;border-bottom:1px solid #213e4a;padding:10px 0}
/*.post a{text-decoration:none;}*/
.post h2{padding-top:0;margin-top:0}
html,body,div,span,object,iframe,code,abbr,address,cite,del,dfn,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;}
ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,em{border:0}
article,aside,canvas,figure,figureimg,figcaption,hgroup,footer,header,nav,section,audio,video{display: block;}
a img {border: 0;}
figure {position: relative;}
figure img {width: 100%;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a{color:#0066cc}
a:hover{text-decoration: none; color: #0000ff;}
a:hover, a:active {outline: 0;}
.clear:before,.clear:after {content: " "; /* 1 */ display: table; /* 2 */ }
.clear:after {clear: both;}
.clear {*zoom: 1;}
/*img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }*/
.heading1, h1 {font-size: 26px; line-height: 36px;color:#213E4A}
.heading2, h2 {font-size: 21px; line-height: 28px;color:#355664}
.heading3, h3 {font-size: 18px; line-height: 22px;}
.heading1,.heading2,.heading3,h1,h2,h3{font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;}
h2,h3{margin-top:12px}
.small, small {font-size: 13px;} 
/*ul {list-style-position:inside;}*/
body {font: 16px/28px Verdana, Arial, Sans-Serif;background-color:#355664;color:#fcfcfc; width:100%; -webkit-tap-highlight-color: rgb(255,255,0);text-align:center }
#footer,.hmenu,pre{font-size:14px}
#content{font-size:16px}
::selection {background: rgb(255,255,0);}
::-moz-selection {background: rgb(255,255,0);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
#outercontent,#header{background-color:#213E4A;padding:12px;margin:10px 0;position:relative}
#header,#content,#leftcol,#outercontent{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.top_round{-moz-border-radius:10px 10px 0 0 ; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.bot_round{-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
/*#header .search-box-nav{text-align:right;position: absolute; bottom: 12px; right:12px;}*/
#header .search-box-nav{text-align:right;position: absolute; bottom: -30px; right:10px;}
#header .search-box-nav input[name=q]{width:63%}
.search-box-nav{width:100%}
#header{margin-bottom:33px}
.ul2 a, #header,#outercontent{-moz-box-shadow: 2px 2px 2px #213E4A;-webkit-box-shadow: 2px 2px 2px #213E4A;;box-shadow: 2px 2px 2px #213E4A;}
#content{background-color:#fff;color:#000;padding:10px}
#leftcol{width:100%;}
.nav{margin-top:15px}
.nav ul{list-style: none;list-style-type:none;}
.nav .l1{float:left;margin-left:15px; color:#999;font-weight:bold;}
.nav .ul2{margin:0;padding:0}
.nav a,.nav a:visited{font-family: "helvetica neue", helvetica, arial, sans-serif;background:#355664;display:block;padding:4px 18px; margin-bottom:1px; color:#ccc;text-decoration:none;font-weight:normal}
.nav li{_padding:0 0 1px 0}
.nav ul{_margin:0 0 0 2px;_padding:0 0 0 2px}
.nav a:hover{background:#266E8C}
#footer{text-align:center}
#footer a {color:#fff;}
#main_container{text-align:left}

@media (min-width: 925px) {
#leftcol{float:left;width:192px;}
#main_container{width:922px;margin:0 auto}
#content{float:right;width:670px}
.nav, .nav ul, .nav ol, .nav li{margin:0;padding:0}
.nav .l1{float:none;margin:0; color:#999;font-weight:bold;}
.nav .ul2{margin:0 0 15px 0;padding:0}
#header .search-box-nav input[name=q]{width:inherit}
#header .search-box-nav{text-align:right;position: absolute; bottom: 10px; right:10px;}
.search-box-nav{width:inherit}
#header{margin-bottom:0}
.contents {margin:0 auto;}
.contents a {display:block;}
}

.h1_responsive {  width: 320px; height: 100px; }
@media(min-width: 500px) { .h1_responsive { width: 300px; height: 250px; } }
@media(min-width: 800px) { .h1_responsive { width: 336px; height: 280px; } }

.left_ad { display:inline-block;}
@media (max-width: 950px) { .left_ad { display: none; } }
@media (min-width: 1000px) { .left_ad {  width: 180px; height: 600px; } }