html, body {
height:100%;
background:transparent url(img/darkdirt.jpg) repeat 35% 35%;
}
body {
color:#706761;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:175%;
}
a, a:visited, a:active {
color:#2C4BBE;
text-decoration:none;
border-bottom:1px dotted #2C4BBE;
}
a:hover {
color:#1D7B0D;
border-bottom:1px dashed #1D7B0D;
}
hr {
margin:0 0 5px;
padding:5px 0 0;
border:0;
color:#fff;
background:#fff;
border-bottom:1px solid #ccc;
}
strong {
font-weight:600;
}
#wrapper {
width:900px;
margin:0 auto;
}
.mainbox {
width:900px !important ;
height:100%;
margin:0 auto;
background:transparent url(img/whitetransparent.png) repeat;
overflow:hidden;
}
.clear {
clear:both;
}
em {
font-style:italic;
}

.article img.aligncenter, .article img.alignright,.article img.alignleft {
border:1px solid #ccc;
}

.article img.aligncenter {
margin:0 auto;
}

.article img.alignright {
float:right;
margin-left:5px;
}

.article img.alignleft {
float:left;
margin-right:5px;
}

/* sprite */

#header .mainbox .aboutgazelle, #header .mainbox .aboutgazelle .bottom li, #header .mainbox .aboutgazelle .bottom .wp, #header .mainbox .aboutgazelle .bottom .info, #header .mainbox .aboutgazelle .bottom .cart, #showcase .mainbox .featuredbox .themewide{
background:transparent url(img/sprite.png) no-repeat 0px 0px;
}
#header, #header ul li a:hover, #header .mainbox , #showcase .mainbox, #body .content, #body .sidebar, #footer .mainbox{
background:transparent url(img/bgsprite.png) repeat-x 0px 0px;
}
#header {
height:306px;
background-position:0px 0px;
overflow:hidden;
}
.small-header{
background-position:0 -45px !important;
height:80px !important;
}
#header .headermainbox {
width:900px !important ;
height:80px;
margin:0 auto;
}
#header ul {
float:right;
height:80px;
border-right:1px solid #4764ce;
border-left:1px solid #1434a9;
}
#header ul li {
display:inline;
height:80px;
float:left;
text-align:left;
border-left:1px solid #4764ce;
border-right:1px solid #1434a9;
overflow:hidden;
}
#header ul li a:hover {
background-position:0px -331px;
}
#header ul li a {
padding:27px 10px 0;
color:#fff;
text-decoration:none;
font-weight:600;
font-size:16px;
display:block;
height:80px;
border:0;
}
#header a {
border:0;
}
#header .mainbox {
height:230px;
background-position:0px -689px;
border:1px solid #c3c8da;
border-bottom:0;
}
#header .mainbox .aboutgazelle {
width:872px;
height:216px;
background-position:0px 0px;
margin:0 0 0 19px;
}
#header .mainbox .aboutgazelle .inside {
width:500px;
height:158px;
padding:9px 9px 0;
}
#header .mainbox .aboutgazelle .inside p.big {
text-align:justify;
font-size:17px;
border-bottom:1px solid #c3c8da;
padding:7px 0;
font-weight:600;
color:#6f655e;
}
#header .mainbox .aboutgazelle .inside p.notsobig {
font-size:12px;
padding:2px 0;
}
#header .mainbox .aboutgazelle .bottom {
width:862px;
height:50px;
}
#header .mainbox .aboutgazelle .bottom ul {
float:none;
border:0;
margin:0 auto;
}
#header .mainbox .aboutgazelle .bottom li {
background-position:-161px -421px;
margin:7px 0 7px 92px;
height:35px;
font-weight:600;
border:0;
}
#header .mainbox .aboutgazelle .bottom .wp{
background-position:-322px -421px;
}
#header .mainbox .aboutgazelle .bottom .info{
background-position:-483px -421px;
}
#header .mainbox .aboutgazelle .bottom .cart{
background-position:0px -421px;
}
#header .mainbox .aboutgazelle .bottom a {
padding:6px 0 6px 36px;
text-align:left;
width:125px;
height:33px;
font-weight:600;
font-size:15px;
*font-size:14px;
color:#fff;
}
#header .mainbox .aboutgazelle .bottom a:hover {
background:transparent;
}


#showcase {
height:224px;
background:transparent url(img/grasssky.jpg) repeat-x bottom left;
}
#showcase .mainbox {
background-position:0px -414px;
border:1px solid #b5c6b1;
border-top:0;
}
#showcase .mainbox .featuredbox {
height:100%;
}
#showcase .mainbox .featuredbox .themewide {
background-position:0px -216px;
float:left;
height:205px;
width:862px;
margin:10px 0 0 19px;
}
#showcase .mainbox .featuredbox .themewide .featureright {
width:360px;
height:100%;
float:left;
}
#showcase .mainbox .featuredbox .themewide .featureright .featureheading {
background:transparent url(img/featuredtheme.png) no-repeat top left;
height:58px;
width:317px;
margin:8px 0 12px 10px;
overflow:hidden;
}

#showcase .mainbox .featuredbox .themes {
background:transparent url(img/featuredboxes.png) no-repeat top left;
float:left;
height:205px;
width:275px;
margin:10px 0 0 19px;
}
#showcase .mainbox .featuredbox .themes a {
border:0;
}
#showcase .mainbox .featuredbox .themes a:hover {
border:0;
}
#showcase .mainbox .featuredbox .themes img {
float:left;
clear:both;
margin:0 28px;
}


#body {
background:transparent url(img/dirt.jpg) repeat 35% 35%;
}
.single-body {
background:#896e55 url(img/full-background.jpg) repeat-x 0 0 !important;
}
#body .mainbox {
height:auto;
overflow:auto;
border-left:1px solid #b0a49c;
border-right:1px solid #b0a49c;
padding-bottom:10px;
}
#body .mainbox p, #body .mainbox h1, #body .mainbox h2, #body .mainbox h3, #body .mainbox h4, #body .mainbox blockquote, #body .mainbox span, #body .mainbox cite, #body .mainbox address, #body .mainbox small {
margin:5px 0;
}
#body .mainbox small {
line-height:1.5em;
}
#body .mainbox h1, #body .mainbox h2, #body .mainbox h3, #body .mainbox h4 {
color:#2C4BBE;
font-weight:700;
}
#body .mainbox h1 a {
font-weight:600;
line-height:1.2em;
}
#body .mainbox h2 {
color:#1D7B0D;
}
#body .mainbox h3 {
color:#957256;
}
#body .mainbox h4 {
color:#955659;
}

#body .mainbox h1{font-size:1.6em;line-height:1;margin:0.25em 0 .5em}
#body .mainbox h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}
#body .mainbox h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}
#body .mainbox h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}
#body .mainbox h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}
#body .mainbox h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}

.notopmargin {margin-top:0.25em !important}

#body .mainbox ul, #body .mainbox ol {
padding:5px 15px;
}

#body .content {
width:577px;
float:left;
padding:9px 4px 0 19px;
}
#body .wider {
padding:9px 19px 0 !important;
width:862px !important;
}
#body .content, #body .sidebar  {
background:transparent url(img/browntransparent.png) repeat-x top left;
}
.single-body .content, .single-body .sidebar  {
background:transparent url(img/bluetransparent.png) repeat-x top left !important;
}
#body .content .article {
padding:5px 10px;
background:#fff;
border:1px solid #cfcbc8;
overflow:hidden;
}
#body .content .article  .noborderleft, #body .content .article  .noborderleft:hover{
border:0;
float:left;
}
#body .content .article  .noborderleft img{
border:1px solid #666;
margin-left:12px;
}
#body .content .article  .buylinks {
text-align:left;
padding-left:60px;
}
#body .content .article ul{
margin:5px 0 5px 25px;
}
#body .content .article ul li{
list-style-type:circle;
}
#body .content .article ol{
margin:5px 0 5px 25px;
}
#body .content .article ol li{
list-style-type:decimal;
}
#body .content .break {
margin:0 0 8px 0;
clear:both;
}
#body .content .imageblock {
background-color:#ECE5DF;
border:1px solid #E3D7CE;
display:inline;
float:left;
margin:0 10px 10px 0;
text-align:center;
padding:5px;
}
#body .content .imageblock img{
border:1px solid #C6B19F;
}
#body .content .imageblock span{
font-size:15px;
}
#body .content .article .readmore{
text-align:right;
}
#body .sidebar {
float:right;
font-size:12px;
width:277px;
padding:9px 19px 0 4px;
min-height:200px;
}
#body .sidebar  h2 {
font-size:13px;
font-style:normal;
color:#000;
padding:5px 0;
margin:0;
border:0;
}
#body .sidebar .block {
padding:0 5px;
margin:0 0 8px 0;
background:#fff;
border:1px solid #ccc;
overflow:hidden;
}
#body .sidebar .block ul {
margin:0;
padding:0;
}
#body .sidebar .block ul li {
background:transparent url(img/bullet_box.gif) no-repeat scroll 1px 50%;
margin:0;
padding:5px 0 5px 8px;
border-top:1px solid #dfdfdf;
}
#body .sidebar .block ul li a {
border:0;
}
#body .sidebar .block ul li a:hover {
color:#1D7B0D;
border-bottom:1px solid #1D7B0D;
}


#footer {
clear:both;
height:40px;
background:transparent url(img/darkdirt.jpg) repeat 35% 35%;
border-top:0 solid #000;
text-align:center;
}
#footer a{
color:#706761;
border-color:#706761;
}
#footer .mainbox {
background-position:0px -1159px;
border-left:1px solid #b4aba9;
border-right:1px solid #b4aba9;
padding:10px 0 0;
height:30px;
}
#theToolTip{
position: absolute;
left: -300px;
width: 210px;
border: 2px solid #CAD2F2;
padding: 6px 6px 6px 10px;
background-color: #F2F4FC;
visibility: hidden;
z-index: 100;
}
#theToolTip p{
font-size: 1.1em;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}
#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
margin-right:10px;
}
#thumbBox{
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: pointer;
}
#thumbBox .footerbar{
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{
background-color: white;
}
#thumbLoading{
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.article h2, .article h3, .article h4 {margin-top:1em !important; margin-bottom:.5em !important;}

@media screen and (-webkit-min-device-pixel-ratio:0){
#header .mainbox .aboutgazelle .inside p.notsobig, #showcase .mainbox .featuredbox .themewide .featureright p { font-size: 11px; }
#header .mainbox .aboutgazelle .bottom a { font-size:14px; }
}