/* 
  Theme Name: Tashka
  Theme URL: http://www.djarot.com/
  Description: Tashka Theme is a theme created exclusively for Tashka Jewelry. All Graphics by <a href="http://www.iteamconsultant.com" target="_blank">Scott Garber</a>. Coded by <a href="http://www.djarot.com" target="_blank">Jarot Syahputro</a>. Developed based on NextGen Gallery created by <a href="http://nextgen.boelinger.com/" rel="nofollow" target="_blank">Alex Rabe</a>. 
  Author: Jarot Syahputro
  Author URI: http://www.djarot.com
  Version: 1.0

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

  Changelog:
  v1.0 - 05.13.09 : First Release of Tashka theme.
*/

body {
  color: #d7d6d5;
  font-size: 14px;
  font-family: Arial;
}
#wrap, #header, #footer {width:948px;}
#wrap {
  background: #000 url(images/wrap.png) 0 0 repeat-x;
  height:672px;
}

/*---------------*
  Global         *
-----------------*/
body, #header-h {background: #000;}
#header h1, #header h1 a, #header-h p, #header-h span, .topnav .nav, .topnav .sub, .topnav .sub2, .footnav .ftnav, .footnav .ftsub {margin:0; padding:0;}
body, #wrap, #header-h a, #wrap-h, #wrap-h h1, #wrap-h h1 a {padding:0;}
body, #wrap, #header, #footer, #header-h, #wrap-h, #footer-h {margin: 0 auto;}
#header h1 a, #wrap-h h1 a, .nav a {text-indent:-9000px;}
#header h1, #wrap-h, #c0ll a, #wh3r a, #pr3s a, #ev3n a, #bi0 a, #c0nt a, #whe a, #pre a, #eve a, #bio a, #con a, #col a, .items, .metas, html>body .ngg-album, .ngg-album, .ngg-galleryoverview, .ngg-widget-slideshow {overflow:hidden;}
#header .sub a, #header .sub2 a, #footer-h .ftsub a {overflow:visible;}
.clear {clear:both;}

/*---------------*
  Hyperlinks     *
-----------------*/
a, a:visited { color: #898585; text-decoration: none; }
a:hover, #content a.current:hover { color: #b7b7b7; }

/*---------------*
  Header         *
-----------------*/
#header {
  background:#000 url(images/header.png) 0 bottom no-repeat;
  height:103px;
}
#header h1, #header h1 a {
  float:left;
  width:440px;
  height:103px;
}
#col a {width:84px; }
#whe a {width:115px; }
#pre a {width:60px; }
#eve a {width:66px; }
#bio a {width:45px; }
#con a {width:62px; }
#col a:hover, #col.current a, .topnav .nav li.line:hover a {background:url(images/nav.png) 0 0 no-repeat;}
#whe a:hover, #whe.current a {background:url(images/nav.png) -84px 0 no-repeat;}
#pre a:hover, #pre.current a {background:url(images/nav.png) -199px 0 no-repeat;}
#eve a:hover, #eve.current a {background:url(images/nav.png) -259px 0 no-repeat;}
#bio a:hover, #bio.current a {background:url(images/nav.png) -325px 0 no-repeat;}
#con a:hover, #con.current a {background:url(images/nav.png) -370px 0 no-repeat;}

/*TOP NAV*/
.topnav { /*nav wrapper*/
  width:432px;
  height:29px;
  position:relative; 
  z-index:500;
  float:left;
  margin:69px 0 0 0;
}
.topnav .nav {
  list-style:none; 
  white-space:nowrap;
}
.topnav li { float:left;}
.topnav .nav a { /*Link of the top-nav*/
  display:block; 
  height:29px; 
  float:left; 
  padding:0; 
  text-decoration:none; 
  line-height:26px; 
  white-space:nowrap; 
  color:#39f;
}
.topnav .nav li.line a {color:#d2d2d2;} /*Link of the top-nav*/
.topnav .nav a b {
  display:block; 
  padding:0; 
  background:url(images/a.gif);
}
.topnav .nav a:hover, .topnav .nav li:hover a { /*Hover the top-nav*/
  padding:0;
  line-height:26px;
  cursor:pointer; 
  color:#fff;
}
.topnav .nav li.line a:hover, .topnav .nav li.line:hover a, .topnav .nav li.line2:hover a { color:#FFF; }
.topnav .nav a:hover b, .topnav .nav li:hover a b {
  display:block; 
  padding:0;
  margin:0;
  cursor:pointer;
}
.topnav .sub, .topnav .sub2 {display:none; list-style:none;}
.topnav ul ul {display:none;}
#header ul ul ul.sub3rd {background:url(images/subnav.png); margin:0 0 0 5px; padding:0 0 10px;}
.topnav table { /* IE6 only */
  border-collapse:collapse; 
  margin:-1px; 
  font-size:1em; 
  width:0; 
  height:0;
}
#header .sub a, #header .sub2 a {text-indent:1px;}
.topnav .sub li, .topnav .sub2 li {background:transparent;}
.topnav .nav :hover .sub { /* THe 2008-2009 hostizontal nav - that shows up when hovering Collection nav */
  height:26px;
  display:block; 
  position:absolute;
  float:left;
  top:28px; 
  width:100%;
  left:0; 
  text-align:center;
  background:url(images/subnav2.png) 0 bottom no-repeat;
  z-index:600;
}
.topnav .nav :hover .sub2 { /* THe 2008-2009 hostizontal nav - that shows up when hovering Collection nav */
  height:26px;
  display:block; 
  position:absolute;
  float:left;
  top:28px; 
  width:100%;
  left:250px; 
  text-align:center;
  background:url(images/subnav2.png) 0 bottom no-repeat;
  z-index:600;
}

.topnav .nav :hover .sub li a, .topnav .nav :hover .sub2 li a { /* THe Sub Navigation child of 2008-2009 hostizontal nav - that shows up when hovering 2008-2009 nav */
  display:block; 
  height:26px; 
  line-height:22px; 
  float:left; 
  padding:0 16px; 
  margin:0; 
  white-space:nowrap; 
  color:#d2d2d2;
  font-size:11px;
}

.topnav .nav li.line:hover a:hover {background:url(images/a.gif);}
.topnav .nav :hover .sub li.subline a {color:#bebebe;}
.topnav .nav :hover .sub li a:hover, .topnav .nav :hover .sub li:hover, 
.topnav .nav :hover .sub2 li a:hover, .topnav .nav :hover .sub2 li:hover {color:#FFF; line-height:22px; position:relative;}
#header .sub li a, #header .sub li a:hover, #header .sub2 li a, #header .sub2 li a:hover {background:url(images/a.gif);}
#header .sub3rd li a, #header .sub3rd li a:hover {background:url(images/a.gif);}
.topnav .nav :hover .sub li:hover > a {color:#FFF;}
.topnav .nav :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:200px; position:absolute; left:-1px; top:25px; }
.topnav .nav :hover .sub2 :hover ul {padding:0; margin:0; list-style:none; display:block; width:250px; position:absolute; left:-1px; top:25px; }

.topnav .nav :hover .sub :hover ul li a, .topnav .nav :hover .sub2 :hover ul li a {width:80px; text-align:left; height:20px; line-height:22px;}
.topnav .nav :hover .sub :hover ul li a:hover {line-height:22px;}

/*---------------*
  Home           * 
-----------------*/
#header-h, #wrap-h, #footer-h, #wrap-h h1, #wrap-h h1 a { width:776px; }
#header-h {
  height:17px;
  color:#898585;
  padding:95px 0 4px 0;
  font-size:10px;
}
#header-h p {float:left;}
#header-h span {float:right;}
#header-h a {margin:0 0 0 19px;}
#wrap-h {
  background:#3d3c3c url(images/wrap-h.gif) 0 bottom repeat-x;
  height:422px; 
}
#wrap-h h1 {margin:124px 0 0 0;}
#wrap-h h1, #wrap-h h1 a {
  background:url(images/home-h1.jpg) center 0 no-repeat;
  float:left;
  height:213px;
}
#footer-h {height:30px; background:#000 url(images/footer-h-nav.gif) center 11px no-repeat; padding:0;}

/*---------------*
  Content        * 
-----------------*/
#content {
  margin:0; padding:20px 34px 0 185px;
}
/* Indent 'em All outta the screen */
.t-2buy, .t-pres, .t-even, .t-biog, .t-cont, .t-404, 
.t-fall08, .t-holi08, .t-reso08, .t-silgo08, .t-canc08,
.t-felt09, .t-penn09, .t-silgo09, .t-sprisum09
{text-indent:-9000px;}

/* Image replacement for Fancy Script Title thingy */
/* Pages */
.t-2buy {background:url(images/t-2buy.gif) 0 0 no-repeat;}
.t-pres {background:url(images/t-pres.gif) 0 0 no-repeat;}
.t-even {background:url(images/t-even.gif) 0 0 no-repeat;}
.t-biog {background:url(images/t-biog.gif) 0 0 no-repeat;}
.t-cont {background:url(images/t-cont.gif) 0 0 no-repeat;}
.t-404 {background:url(images/t-404.gif) 0 0 no-repeat;}

/* 2008 Collection*/
.t-fall08 {background:url(images/t-fall08.gif) 0 0 no-repeat; height:43px;}
.t-holi08 {background:url(images/t-holi08.gif) 0 0 no-repeat; height:43px;}
.t-reso08 {background:url(images/t-reso08.gif) 0 0 no-repeat; height:43px;}
.t-silgo08 {background:url(images/t-silgo08.gif) 0 0 no-repeat; height:43px;}
.t-canc08 {background:url(images/t-canc08.gif) 0 0 no-repeat; height:43px;}

/* 2009 Collection*/
.t-felt09 {background:url(images/t-felt09.gif) 0 0 no-repeat; height:43px;}
.t-penn09 {background:url(images/t-penn09.gif) 0 0 no-repeat; height:43px;}
.t-silgo09 {background:url(images/t-silgo09.gif) 0 0 no-repeat; height:43px;}
.t-sprisum09 {background:url(images/t-sprisum09.gif) 0 0 no-repeat; height:43px;}


/* Color Codes */
#content .colorcode {float:left;margin:0 0 10px 82px;}

/* Colors */
#content span {margin:0 5px;}
#content span a:hover {color:#FFF;}
#content .blue100 a, #lbNumber {color:#4ad6eb;}
#content .redd a {color:#d6382d;}
#content .orange a {color:#e57b13;}
#content .yell0w a {color:#efec32;}
#content .gre3n a {color:#00ac08;}
#content .purpl3 a {color:#af7aeb;}

/*---------------*
  Footer         * 
-----------------*/
#c0ll a {width:84px; }
#wh3r a {width:115px; }
#pr3s a {width:60px; }
#ev3n a {width:63px; }
#bi0 a {width:50px; }
#c0nt a {width:65px; }
#footer-h .footnav .ftnav li a {text-indent:-9000px;}
#footer-h .footnav .ftnav li#c0ll ul.ftsub li a, #footer-h .footnav .ftnav li#bi0 ul.ftsub2 li a {text-indent:1px;}

/* FT NAV */
#footer .footnav, #footer .footnav .ftnav a {height:29px;}
#footer-h .footnav, #footer-h .footnav .ftnav a {height:30px;}
#footer .footnav { margin:0;}
#footer-h .footnav { margin:0 0 0 131px; }
.footnav { /*nav wrapper*/
  width:527px;
  position:relative; 
  z-index:500;
  float:left;
  font-size:11px;
  text-transform:lowercase;
}
.footnav .ftnav {
  list-style:none; 
  white-space:nowrap;
}
.footnav li { float:left; padding:0 15px 0 0;}
.footnav .ftnav a { /*Link of the top-nav*/
  display:block; 
  float:left; 
  padding:0; 
  text-decoration:none; 
  line-height:26px; 
  white-space:nowrap; 
  color:#666;
}
.footnav .ftnav li.ftline a {color:#d2d2d2;} /* Link of the top-nav */
.footnav .ftnav a {margin:0; padding:0;}
.footnav .ftnav a b {
  display:block; 
  background:url(images/a.gif);
  width:84px;
  padding-top:5px;
}
.footnav .ftnav a:hover, .footnav .ftnav li:hover a { /* Hover the top-nav */
  padding:0;
  line-height:26px;
  cursor:pointer; 
  color:#fff;
}
.footnav .ftnav li.ftline a:hover, .footnav .ftnav li.ftline:hover a { color:#FFF; }
.footnav .ftnav a:hover b, .footnav .ftnav li:hover a b {
  display:block; 
  padding:0; margin:0;
  cursor:pointer;
}
.footnav .ftsub, .footnav .ftsub2 {display:none; list-style:none;}
.footnav ul ul {display:none;}
#footer ul ul ul.ftsub3rd, #footer-h ul ul ul.ftsub3rd {background:url(images/subnav.png); margin:0 0 0 5px; padding:7px 0 5px;}
.footnav table { /* IE6 only */
  border-collapse:collapse; 
  margin:-1px; 
  font-size:1em; 
  width:0; 
  height:0;
}
#footer .ftsub a, #footer .ftsub2 a {text-indent:1px; }
.footnav .ftsub li, .footnav .ftsub2 li {background:transparent; }
#footer-h .footnav .ftnav :hover .ftsub, #footer-h .footnav .ftnav :hover .ftsub2 {bottom:28px;}
.footnav .ftnav :hover .ftsub, .footnav .ftnav :hover .ftsub2 {bottom:28px; }
.footnav .ftnav :hover .ftsub { /* THe 2008-2009 horizontal nav - that shows up when hovering Collection nav */
  height:29px;
  display:block; 
  position:absolute;
  float:left;
  width:100%;
  left:0; 
  text-align:center;
  background:url(images/subnav3.png) 0 0 no-repeat;
  z-index:600;
  margin:0 0 0 2px;
}
.footnav .ftnav :hover .ftsub2 { /* THe Collection Story horizontal nav - that shows up when hovering Bio nav */
  height:29px;
  display:block; 
  position:absolute;
  float:left;
  width:100%;
  left:350px;
  text-align:center;
  background:url(images/subnav3.png) 0 0 no-repeat;
  z-index:600;
  margin:0 0 0 2px;
}
.footnav .ftnav :hover .ftsub li a { /* THe Sub Navigation child of 2008-2009 hostizontal nav - that shows up when hovering 2008-2009 nav */
  display:block; 
  height:26px; 
  line-height:22px; 
  float:left; 
  padding:0 1px 0 16px; 
  margin:0; 
  white-space:nowrap; 
  color:#0cf;
  font-size:11px;
}
.footnav .ftnav :hover .ftsub2 li a { /* THe Sub Navigation child of 2008-2009 hostizontal nav - that shows up when hovering 2008-2009 nav */
  display:block; 
  height:26px; 
  line-height:22px; 
  float:left; 
  padding:0 40px 0 0; 
  margin:0; 
  white-space:nowrap; 
  color:#fff;
  font-size:11px;
}

#footer-h .footnav .ftnav :hover .ftsub li a, #footer-h .footnav .ftnav :hover .ftsub2 li a { /* THe Sub Navigation child of 2008-2009 hostizontal nav - that shows up when hovering 2008-2009 nav */
  display:block; 
  height:20px; 
  line-height:22px;
}
.footnav .ftnav li.ftline:hover a:hover {background:url(images/a.gif);}
.footnav .ftnav :hover .ftsub li.ftsubline a, .footnav .ftnav :hover .ftsub2 li.ftsubline2 a {color:#bebebe;}
.footnav .ftnav :hover .ftsub li a:hover, .footnav .ftnav :hover .ftsub li:hover,
.footnav .ftnav :hover .ftsub2 li a:hover, .footnav .ftnav :hover .ftsub2 li:hover {color:#fff; line-height:22px; position:relative;}
.footnav .ftnav :hover .ftsub li:hover > a {color:#FFF;}
.footnav .ftnav :hover .ftsub :hover ul {padding:0; margin:0; list-style:none; display:block; width:200px; position:absolute; left:-1px; }
.footnav .ftnav :hover .ftsub2 :hover ul {padding:0; margin:0; list-style:none; display:block; width:250px; position:absolute; left:-1px; }
#footer .footnav .ftnav :hover .ftsub :hover ul {bottom:26px;}
#footer-h .footnav .ftnav :hover .ftsub :hover ul {bottom:20px;}
.footnav .ftnav :hover .ftsub :hover ul li a, .footnav .ftnav :hover .ftsub2 :hover ul li a {width:80px; text-align:left; height:20px; line-height:22px;}
.footnav .ftnav :hover .ftsub :hover ul li a:hover {line-height:22px;}

/*---------------*
  Collection     * 
-----------------*/
#collection {
  width:700px;
  float:right;
}
/* Frame */
#frame-top, #frame-bott, #frame-left, #frame-rite {position:absolute; z-index:100; }
#frame-top, #frame-bott {width:529px;}
#frame-left, #frame-rite {width:56px; height:320px;}
#frame-top  { height:59px; background:url(images/frame.png) 0 0 no-repeat; margin:30px 0 0 0;}
#frame-bott { height:161px; background:url(images/frame.png) 0 -379px no-repeat; margin:409px 0 0 0; }
#frame-left { background:url(images/frame.png) 0 -59px no-repeat; margin:89px 0 0 0; }
#frame-rite { background:url(images/frame.png) -473px -59px no-repeat; margin:89px 0 0 473px; }
#viewer, #mviewer, .items, .metas { position:absolute; width:425px; }
#viewer span, #mviewer span, .thumbs div, .thumbs div img, span img { display:block; }
.items {
  height:330px;
  margin:84px 0 0 49px;
}
.thumbs{
  width:160px;
  float:right;
  margin:80px 0 0 0;
}
.thumbs div{
  width:65px;
  height:74px;
  margin:3px;
  cursor:pointer;
  float:left;
  border:2px solid #FFF;
}
.thumbs div img {
  width:100%;
  height:100%;
  border:none
}
span img{ border:none; }

/* Metas */
.metas {  
  height:40px;
  margin:0 0 0 49px;
}
#mviewer span {height:40px; font-size:11px; color:#898585;}


/* Gallery Thingy */
html>body .ngg-album {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #cccccc;
} 
.ngg-album {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}
.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}
.ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-thumbnail img {
	background-color:#FFFFFF;
	margin:4px 0 4px 5px;
	padding:2px;
	position:relative;
}
.ngg-thumbnail img:hover { }
.ngg-description { text-align: left;}

/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
  float:right;
	margin-top: 10px;
	width: 181px;
	clear:both; 
	display:block !important;
  border:1px solid #F00;
}
.ngg-galleryoverview .desc {
/* required for description */
   margin:0 10px 10px 0;
   padding:5px;
}
.ngg-gallery-thumbnail-box, .ngg-gallery-thumbnail { float: left; }
.ngg-gallery-thumbnail {
	margin-right: 5px;
	text-align: center;
}
.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0 4px 5px;
	padding:2px;
	position:relative;
  opacity:0.8;
}
.ngg-gallery-thumbnail img:hover { opacity:1.0; } 
.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}
.ngg-clear { clear: both; }

/* ----------- Gallery navigation -------------*/
.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
  float:right;
  margin:0 7px 0 0;
}
.ngg-navigation span {
	font-weight:bold;
	margin:0 6px;
}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev,  .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { margin:0; padding:3px 5px; }
.ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation a.page-numbers, .ngg-navigation span.this:hover {opacity:0.5;}
.ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation a.page-numbers:hover, .ngg-navigation span.this {opacity:1; }
.ngg-navigation a.next { background: url(images/dots.png) 2px 3px no-repeat; }
.ngg-navigation a.prev { background: url(images/dots.png) 5px 3px no-repeat;  }
.ngg-navigation a.page-numbers {background: url(images/dots.png) 0 3px no-repeat;}
.ngg-navigation span.this {background: url(images/dots2.png) 0 3px no-repeat; padding:3px 5px; color:#000;}
.ngg-navigation span.this:hover {cursor:default;}
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { color: #FFFFFF !important; text-decoration: none !important; }

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}
.ngg-left { float: left; margin-right:10px;}
.ngg-right { float: right; margin-left:10px; }
.ngg-center { margin-left: auto !important; margin-right: auto !important; }

/* 1.11 Tooltip */
.tool-tip {
  color: #fff;
  width: 139px;
  z-index: 13000;
}
.tool-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #FA9F1F;
  padding: 8px 8px 4px;
  background: url(images/bubble.png) top left;
}
.tool-text {
  font-size: 11px;
  padding: 4px 8px 8px;
  background: url(images/bubble.png) bottom right;
}
/* Slimbox */
#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
  background: transparent url(images/prev.png) no-repeat 0% 100%;
  opacity:0.5;
}

#lbPrevLink:hover {
	background: transparent url(images/prev.png) no-repeat 0% 100%;
  opacity:1.0;
}

#lbNextLink {
	right: 0;
  background: transparent url(images/next.png) no-repeat 100% 100%;
  opacity:0.5;
}

#lbNextLink:hover {
	background: transparent url(images/next.png) no-repeat 100% 100%;
  opacity:1.0;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#lbCaption {
	margin-right: 71px;
}
#lbNumber {margin:0; text-align:right; color:#60bfcd;}

#lbCaption {
	font-weight: bold;
}

.container {list-style: none margin: 0;}
.container li {display: inline; margin: 20px 10px 0 0;height:250px;float: left;}

#page-links {float: left; margin:25px 0 25px 50px;  }
.footnav_right {width: 415px; float: left;}
.footnav_right .ftnav_right  {list-style: none;margin:0;padding:0;float: right; }
.ftnav_right a, .ftnav_right a:visited {font-size:11px; line-height: 26px;}
.ftnav_right a:hover {color:#ffffff;}
a img{border: none;}

#event_container {width:750px;}

/* Events */
#evtab {padding:0; } /* heading wrapper */
#evtab h2 {float:left; padding:0; width:140px; cursor:pointer; color:#fff;} /* Heading */
#content #evtab h2.active, #content #evtab h2:hover{ color:#54deee; } /* Hover and Active state of Heading*/

#content #eventbox ul {margin: 0 0 0 15px;float: left;padding: 0;} /* U-Lists */
#content #eventbox li {margin: 0 0 5px; padding: 0;}

#eventbox div { /* Tab Box */
	position:absolute;
	width:280px;
	height:400px;
}
.event_tab {
	position:relative;
	width:280px;
	height:400px;
	overflow:hidden;
  margin:0 35px 0 0;
}