/*
Theme Name: Great Ten
Theme URI: http://wordpress.org/
Description:
Version: 1.1
*/

* {
    margin:0;
    padding:0;
}

body {
    background:#E1E1E1 url(/images/core/background.gif) repeat-x scroll left top;
    color:#333333;
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    padding-bottom:20px;
    text-align:center;
}



/* begin box top navigation */
#box-top-nav {
    margin:0 auto;
    padding:15px 10px 0;
    width:900px;
    overflow:hidden;
}

#box-top-nav .left {
    margin-bottom:3px;
    float:left;
}

#box-top-nav .right {
    float:right;
    margin:0 5px 0 0;
}

#box-top-nav .left ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#box-top-nav .left li {
    display:inline;
    margin:0;
    padding:0;
}

#box-top-nav .left a {
    display:block;
    float:left;
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:16px;
    padding:0 3px 0 9px;
    text-decoration:none;
    
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
    font-weight: normal;
    display: block;
    line-height: 34px;
    padding: 0 9px;
    font-size: 14px;
    color: #666;
    text-shadow: #eee 0px 1px 0px;
}

#box-top-nav .left a span {
    float:none;
    color:#828283;
    display:block;
    float:left;
    padding:2px 9px 2px 0;
}

#box-top-nav .left #upgrade a span {
    color: red;
}

#box-top-nav .left #active a span {
    background: transparent url(/images/core/nav_right.gif) no-repeat scroll right top;
    color:#333333;
    padding-bottom:8px;
}

#box-top-nav .left #active a {
    background:transparent url(/images/core/nav_left.gif) no-repeat scroll left top;
    border-width:0;
}

/* end box top navigation */




.wrapper {
    width: 660px;
    margin: 0 auto;
    clear: both;
}


#header {
    height: 88px;
    min-width: 660px;
    border: 1px solid black;
}

#header h1 a {
    display: block;
    background: url(http://s.wordpress.org/style/images/wp3-logo.png) center left no-repeat;
    width: 301px;
    height: 88px;
    text-indent: -9999px;
    float: left;
}

#header ul {
    margin-right: 14px;
    float: right;
    list-style: none;
}

#header ul li {
    float: left;
    position:relative;
}

#header ul li a {
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
    font-weight: normal;
    display: block;
    line-height: 34px;
    padding: 0 9px;
    font-size: 14px;
    color: #666;
    text-shadow: #eee 0px 1px 0px;
}

#header ul li a:hover {
    color: #d54e21;
}

#header ul li a.current {
    color: #555;
    background: #f7f7f7;
    border: 1px solid #c6c6c6;
    border-bottom:none;
    margin-top:-1px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    text-shadow: #c6d9e9 1px 1px 1px;
}


/*----------------------------------------------------------------------
.header
----------------------------------------------------------------------*/

div.header{
    background-image: url( ../img/main.jpg );
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    width: 960px;
    height: 500px;
    overflow:hidden;
    border: 1px solid black;
}
.header h2{
    text-indent:-999px;font-size:1px;
    overflow:hidden;
}

.header .navigation a,   .header .logo a  {
    display:block;
    width:100px;height:100px;
    position:absolute;
    text-indent:-999px;font-size:1px;
    overflow:hidden;
}

.header .logo a{
    left:6px;top:34px;
    width:176px;height:60px;
}
.header .what_navi  a{  left:376px; top:34px;   width:132px;    height:60px;}
.header .download   a{  left:528px; top:34px;   width:132px;    height:60px;}
.header .howto      a{  left:673px; top:34px;   width:132px;    height:60px;}
.header .buy        a{  left:844px; top:20px;   width: 84px;    height:84px;}