/*  
Description: DeNA Global, web design by btrax, Inc.
Author: btrax,Inc.
Author URI: http://www.btrax.com
*/

* {margin:0; padding:0;}

Body {background-color:#58585a;
      color:#333;
      font-family:"Arial", Helvetica, Verdana, sans-serif;
      font-size:12px;
      line-height:15px;
	  padding:0px 0px 0px 0px;
	  margin:50px 0 0 0;
      text-align:center;/* for IE*/				
}

p {margin: 0px 0px 15px;}
img {border: none;}
ul {margin: 0px;}
ul li {margin: 0px;}
ol {margin: 5px 0px 15px; padding-left: 15px;}


a{text-decoration:none; color:#083f88;} 
a:visited {text-decoration:none; color:#083f88;}
a:hover {text-decoration:underline;}

h1,h2,h3,h4,h5 {font: Arial, sans-serif,Helvetica;padding:0px 0 0 0px; margin:0;}
h2 {font-size:18px; font-weight:normal;}

h3{font-size:15px; font-weight:bold;}
h4{font-size: 20px; font-weight: normal;}
.fs9{ font-size:9px;}
.fs10{ font-size:10px;}
.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}

p {padding:0px 0px 15px 0px; margin:0;}
img { border:none;}
.clr{ clear:both;}

#container { width:1020px; height:auto; padding:0; margin:0px auto; text-align: left; background:url(images/bg.gif) 0 0 repeat-x #bdbec0; position:relative;}
.box { width:auto; height:auto; margin:0; padding:0;}

/*------------------ header ---------------------*/
#header { width:860px; height:87px; position:relative; padding:20px 80px 20px 80px;}
.logo {position:absolute; left:80px; top:45px; width:138px; height:33px;}

.nav { position:absolute; top: 45px; right:80px; height:50px;  list-style:none; font-size:15px; text-align:right; }
.nav li {float:left; width:auto; }
.nav li a {display:block; height:30px; padding:0 10px; font-size:15px; color:#333333; line-height:30px; text-decoration:none; border-right:1px #333333 solid;}
.nav li a:hover { color:#000099;}
.nav li {display:block; height:30px; padding:0 10px; font-size:15px; color:#333333; line-height:30px; text-decoration:none; border-right:1px #333333 solid;}


.no_border{ border:none !important; padding-right:0px !important;}

/*------------------ content ---------------------*/
#contentContainer{ width:860px; height:auto; padding:0px 80px 20px 80px;}
/*----------- content: left sidebar ------------*/
.sidebar { width:250px; height:auto; padding:0; float:left;}
.sidebarBox {width:248px; height:auto; border:1px solid #CCCCCC; background-color:#f7f8f8;}
.sidebarHeadtext{border-bottom:1px dotted #b2b2b4; font-size:15px; font-weight:bold; color:#222; padding-bottom:7px;}
.sidebarHead { padding:18px 18px 10px 18px; }
.sidebarBody { padding:0px 18px 18px 18px;}
.sidebarBody ul {list-style:none;}
.sidebarBody ul li { padding:0px 0px 6px 15px; background:url(images/orange_blog_bullet.gif) 0px 5px no-repeat; line-height:14px;}
.sidebarBody ul li a {text-decoration:none; color:#083f88;}
.sidebarBody ul li a:hover {text-decoration:underline;}

.sidebarBody ul .login { padding:0px 0px 6px 15px; background:url(images/login_bullet.gif) 0px 2px no-repeat; line-height:14px;}
.sidebarBody ul .rss { padding:0px 0px 6px 15px; background:url(images/rss_bullet.gif) 0px 2px no-repeat; line-height:14px;}
.sidebarBody ul .wordpress { padding:0px 0px 6px 15px; background:url(images/wordpress_bullet.gif) 0px 3px no-repeat; line-height:14px;}

.avatarSpace {width:290px; height:100; padding:0; float:left;}
.avatarIndent { text-indent:-999%;}
.avatar{ z-index:1; position:absolute; top:127px; left:15px; background:url(images/avatar/1.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar2{ z-index:2; position:absolute; top:127px; left:15px; background:url(images/avatar/2.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar3{ z-index:3; position:absolute; top:127px; left:15px; background:url(images/avatar/3.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar4{ z-index:4; position:absolute; top:127px; left:15px; background:url(images/avatar/4.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar5{ z-index:5; position:absolute; top:127px; left:15px; background:url(images/avatar/5.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar6{ z-index:6; position:absolute; top:127px; left:15px; background:url(images/avatar/6.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar7{ z-index:7; position:absolute; top:127px; left:15px; background:url(images/avatar/7.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}
.avatar8{ z-index:8; position:absolute; top:127px; left:15px; background:url(images/avatar/8.png); width:400px; height:500px; behavior:url(images/iepngfix.htc);}


/*----------- content: right content -----------*/
.rgtContent {width:490px; height:auto; padding: 0px 0px 20px 80px; float:left;}
.contentBox { width: 490px; height:auto; padding:0px 0px 20px 0px; }
.rgtHead {width:490px; height:auto; border-bottom:1px dotted #777777;}
.rgtIcon {width: 30px; height:30px; padding-right:5px; float:left;}
.rgtTopic {width:455px; height:auto; padding:5px 0px 15px 0px; line-height:19px; float:left;}
.rgtTopic a { color:#083f88;}
.rgtTopic a:visited {text-decoration:none; color:#083f88;}
.rgtTopic a:hover {text-decoration:underline;}


.topicSub, .comments {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:12px; padding-bottom:2px;  }
.topicSub { float:left;}
.comments { float:right; background: url(images/comments.gif) no-repeat; padding-left: 22px;}
.rgtBody {width:455px; height: auto; padding: 12px 0px 20px 35px;}
.rgtBody ul{ list-style:inside;}
.rgtBody ul li { list-style-image:url(images/blue_blog_bullet.gif); padding:0px 0px 2px 0px; }

.contact {float:left; width:auto; height:auto; padding-right:70px;}

.robot_icon{background: url(images/robot_icon.png) no-repeat; behavior:url(images/iepngfix.htc);}
.crab_icon{background: url(images/crab_icon.png) no-repeat; behavior:url(images/iepngfix.htc);}
.hellobear_icon{background: url(images/hellobear_icon.png) no-repeat; behavior:url(images/iepngfix.htc);}

/*------------------ bottom nav ---------------*/
.page_nav {width: 470px; padding:3px 10px 5px 10px; color:#FFFFFF; line-height:14px; font-size:12px;background: url(images/nav_bg.gif) no-repeat left top;height: 20px;}
.page_nav .page_previous { float:left; background: url(images/nav_left.gif) no-repeat left center; padding-left:10px;}
.page_nav .page_next { float:right; background: url(images/nav_right.gif) no-repeat right center; padding-right:10px;}
.page_nav a, .page_nav a:visited  { color:#FFFFFF; text-decoration:none;}
.page_nav a:hover { color:#000;}

.single_nav {width: 490px; height:20px; padding:3px 0px 5px 0px; color:#58585a; line-height:20px; font-size:12px;}
.single_nav a, .single_nav a:visited  { color:#58585a; text-decoration:none;}
.single_nav a:hover { color:#000;}
.single_nav .previous a {float: left; padding-left: 20px; background: url(images/single_nav_left.gif) no-repeat left 3px;}
.single_nav .next a {float: right; padding-right: 20px; text-align: right;background: url(images/single_nav_right.gif) no-repeat right 3px;}


/*------------------- footer -----------------------*/
#footer{ height:30px; width:1020px; padding: 10px 0px 20px 0px; position: relative; margin:0px auto;}
.footertext { font-size:11px; color:#818285; position:absolute; top:12px; right:0px; width:auto;}
.footertext a { color:#818285; text-decoration:none;}
.footertext a:hover {text-decoration:underline;}



/*------------------- space --------------------------*/
.padTop5 {padding-top:5px;}
.padTop8 {padding-top:8px;}
.padTop10 {padding-top:10px;}
.padTop12 {padding-top:12px;}
.padTop15 {padding-top:15px;}
.padTop20 {padding-top:20px;}
.padTop25 {padding-top:25px;}
.padTop30 {padding-top:30px;}
.padTop35 {padding-top:35px;}
.padTop40 {padding-top:40px;}