/*
Theme Name: Gavamedia
Theme URI: http://www.masto.co.cc/
Description: Maded specially for gavamedia.net
Version: 0.1
Author: Riyanto
Tags: dark , red, book store, wp-ecommerce
*/
body {background-color: black; background: url(images/bckgrd-tile.jpg) repeat;}
a {color: #CEB0B1;}
img {border:0;}

.clear {clear: both;}
.body-wrapper {width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 10px; border: solid 2px gray;min-height: 728px; background-color: #7b2222;margin-bottom: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;}

.background {background: url(images/background.png) no-repeat; position: absolute; z-index: 0; width: 1000px; height: 728px;-moz-border-radius: 10px; -webkit-border-radius: 10px;}

/*GLOBAL*/
.foreground {position: relative;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.header {width: 1000px;}
.body {width: 1000px;}
.footer {width: 1000px;}

/*LOGO*/
.title-wrapper {height: 125px; width: inherit; }
.logo {background: url(images/logo.png) no-repeat; width: 289px; height: 72px;background-position: 20px 20px;padding-bottom: 20px;}

/*TOP MENU*/
.topmenu-wrapper {height: 40px; width: inherit;}
.topmenu-left {background: url(images/topmenu_left.png) no-repeat; float: left; width: 23px; height: 40px;}
.topmenu-mid {background: url(images/topmenu_mid.png) repeat-x; float: left; width: 924px; height: 40px;}
.topmenu-right {background: url(images/topmenu_right.png) no-repeat; float: left; width: 20px; height: 40px;}
.topmenu-home {background: url(images/topmenu_home.png) no-repeat; float: left; width: 33px; height: 40px;}

.ul-top-menu, .ul-top-menu ul {list-style-type: none; padding:0; margin:0; position: relative;list-style-position:outside;z-index: 100;}
.ul-top-menu a { display: block; background: url('images/topmenu_s.png') no-repeat;padding: 9px 9px 9px 12px;color: #E2EBE2;}
.ul-top-menu a:hover {color: #F89C49;}
.ul-top-menu li { position: relative; float: left;padding: 0;}
.ul-top-menu ul {position:absolute; width:12em; top:2.5em; left:0px; background-color: #751E1E;}
.ul-top-menu li ul { width: 14.5em;}
.ul-top-menu li ul a {width:12.8em; height:auto; float:left; border-top: solid 1px #974848;border-bottom: solid 1px #452121;}
.ul-top-menu ul ul {top:auto;}
.ul-top-menu li ul ul {left:75px;top:15px; margin:0 0 0 10px;}
.ul-top-menu li:hover ul ul, .ul-top-menu li:hover ul ul ul, .ul-top-menu li:hover ul ul ul ul {display:none;}
.ul-top-menu li:hover ul, .ul-top-menu li li:hover ul, .ul-top-menu li li li:hover ul, .ul-top-menu li li li li:hover ul {display:block;}
a.a-top-menu {color: white;}
a.a-top-menu:hover {color: #420002;}

/*SLIDE SHOW*/
.slide-wrapper {width: inherit; height: 366px; margin-bottom: 10px;}
.slide-top {background: url(images/slide_top.png) no-repeat; width: 977px; height: 23px;}
.slide-mid {width: 977px; height: 320px; background-color: black;}
.slide-bottom {background: url(images/slide_bottom.png) no-repeat; width: 977px; height: 24px;}
.slide-left {background: url(images/slide_left.png) no-repeat; width: 24px; height: 320px; float: left;}
.slide-midle {width:929px; height: 320px; float: left; overflow:hidden;position:relative;}
.slide-right {background: url(images/slide_right.png) no-repeat; width: 24px; height: 320px; float: left;}
.content-slider {height:415px;width:929px;overflow:hidden;position:absolute;}
ul.slide-list-class {list-style-type:none;padding:0;margin:0;}
#slider {width: 977px;height: 320px;position: relative;overflow: hidden;}
#sliderContent {width: 977px;position: absolute;top: 0;margin-left: 0;}
.sliderImage {float: left;position: relative;display: none;}
.sliderImage span {left:610px; position: absolute;font: 14px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 300px;height: 320px;background-color: #000;filter: alpha(opacity=70);moz-opacity: 0.7;khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;right:0px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}

/*FEATURE*/
.feature-wrapper {position:relative;text-align:left;width:929px;height:320px; overflow:hidden;margin-top:180px;}
.feature-bgtrans {position:absolute;width:929px;height:320px;background-color:black;opacity:0.8;filter:alpha(opacity=80);}
.feature-content {position:relative;}
.feature-half {width: 423px;margin-right:1px; float:left;height:395px;overflow:hidden; padding:20px;}
.feature-pic {width:100px;height:150px;float:left;border:none;}
.feature-desc {float:left; margin-left:10px;width:310px;}

/*FRONT CONTENT*/
.front-content-wrapper {width: inherit;}
.black-top {width: inherit; height: 24px; background-color: black; border-top: solid 1px gray;}
.gray-mid {width: inherit; height: 283px; background-color: #666666;}
.front-content {width: 940px; height: 283px; background: url(images/fc_bg.png) repeat-x;}
.front-line {background: url(images/fc_s.png) no-repeat; width: 2px; height: 283px; float: left;}
.front-book-wrapper { width: 484px; height: inherit; float: left;}
.front-book-title {width: inherit; background-color:#FFCC00; padding: 10px 0;}
.front-contact-wrapper {width: 450px; height: inherit; float: left;}
.the-front-contact {margin: 30px 0 0 30px;}
.bg-front-contact {background: url(images/contact.png) no-repeat; width: 396px; height: 231px;position: absolute;}
.content-front-contact {position: relative;padding: 20px 0 0 80px;}

/*FOOTER*/
.black-foot {width: inherit; height: 34px; background-color: #b91111; border-bottom: solid 1px gray;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;}

/*PAGE*/
.body-page-wrapper {width:inherit;}
.page-wrapper {width: 990px;}
.left-content {float: left; width: 220px;}
.right-content {float: left; width: 770px; overflow: visible;}
.menu-placer {width: inherit; padding-top: 35px;}
.menu-wrapper {width: inherit;}
.top-menu-wrapper {width: inherit; height:35px}
.top-menu-left {background: url(images/menu-top-left.png) no-repeat; width: 20px; height: inherit;float: left;}
.top-menu-mid {background: url(images/menu-top-mid.png) repeat-x; width: 200px; height: inherit;float: left;}
.menu-body {width: 219px; background-color: #e6e6e6; border-left: solid 1px black;}
.bottom-menu-wrapper {width: inherit; height:19px}
.bottom-menu-left {background: url(images/menu-bottom-left.png) no-repeat; width: 20px; height: inherit;float: left;}
.bottom-menu-mid {background: url(images/menu-bottom-mid.png) repeat-x; width: 200px; height: inherit;float: left;}
.menu-name {padding:10px 0;}
.menu-body ul {margin:0px; color:black; font-size:11px;padding-top:8px;padding-bottom:8px; list-style-type:disc;}
.menu-body ul li a {color:black;}
.menu-body ul li a:hover {color:#640C00;text-decoration:underline;}
.menu-body ul ul {padding-left:15px;}


.content-placer {width: 790px; margin-left: -15px;}
.top-content-wrapper {width: inherit; height: 40px;}
.top-content-left {width: 21px; background: url(images/content-top-left.png) no-repeat; height: inherit; float: left;}
.top-content-right {width: 19px; background: url(images/content-top-right.png) no-repeat; height: inherit; float: left;}
.top-content-mid {width: 750px; background: url(images/content-top-mid.png) repeat-x; height: inherit; float: left;}
.content-body {width: inherit; background: url(images/body.png) repeat-y; padding-bottom: 20px;}
.content-separator {width: inherit;background: url(images/separator.png) no-repeat; height: 2px;}
.content-body-under {width: inherit;background: url(images/bottom.png) repeat-y; padding-bottom: 2px;}
.bottom-content-wrapper {width: inherit; height: 23px;}
.bottom-content-left {width: 21px; background: url(images/content-bottom-left.png) no-repeat; height: inherit; float: left;}
.bottom-content-right {width: 19px; background: url(images/content-bottom-right.png) no-repeat; height: inherit; float: left;}
.bottom-content-mid {width: 750px; background: url(images/content-bottom-mid.png) repeat-x; height: inherit; float: left;}

.content-wrapper {border:none; width: 730px; padding-top: 5px; margin-left: 40px;}
.inner-left {float: left;width:450px;min-height: 250px;}
.inner-right {float: right; width: 273px;}
.cart-wrapper {width: inherit;}
.cart-top {width: inherit; height: 60px; background: url(images/keranjang-top.png) no-repeat;}
.cart-mid {width: inherit; background: url(images/keranjang-mid2.png) repeat-y;}
.cart-bottom {width: inherit; height: 24px; background: url(images/keranjang-bottom.png) no-repeat;}
.cart-item {width: 230px;padding-left:12px;}

.fb {background: url(images/facebook.png) no-repeat; width:90px; height:30px; margin: 2px 30px 0 0; float: right;}
.counter {color:white;width:500px;float:left;}
.counter ul{list-style-type: none; margin: 0;padding: 4px 0 0 2px;}

input.texts {background: url(images/search.png) no-repeat; width: 174px; height: 24px; border: none;padding: 0 15px;}
.visitor {background: url(images/visitor.png) no-repeat; width: 32px; height:20px; float:left; margin-left: 30px;}
.copy {position: absolute; text-align: center;padding:10px 0; width: 1000px; left: 50%; margin-left: -500px;}
.counternya {font-weight: bold; padding-top: 3px; text-indent: 5px;}
.ym {float: right; padding-top: 5px; margin-right: 10px;}
.twt {float: right; padding-top: 4px; margin-right: 10px;}