/*
  Theme Name: Engraved
  Theme URL: http://www.djarot.com/
  Description: Premium wordpress theme, widget ready - with texturized and etched styles, built in color schemes options, and unlimited colors options. JS-Trends 2.0 Ready!
  Author: Jarot Syahputro
  Author URI: http://www.djarot.com
  Version: 3.0
  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
  Changelog:
  v3.0 - 15.06.10 : 
  - 3rd Release of Engraved theme.
  - JS Trends 2.0 Ready.
  v2.0 - 07.06.10 : 
  - 2nd Release of Engraved theme.
  - Added ability to sort category in Navbar. By default it's sorted by name.
  
  v1.0 - 20.05.10 : 1st Release of Engraved theme.
  Tags: texture, custom header, fixed width, two columns, widgets
*/


body {
  background:#363636 url(images/bd.png);
  font-size: 12px;
  font-family: Verdana;
  line-height:16px;
}
body, #hdr, #wrap, #ftr {margin: 0 auto;}


/*~~~~~~~ Global Thingy ~~~~~~~*/
h1, h2, h3, h4, h5 {font-family:Times New Roman; }
h1, h2, h3, h4, h5, table, tr, th, td, p, span, br, ol, ul, li, form, input, select, textarea, #feat h1 {margin:0; padding:0;}
.clear, .coolnavigate, #mbBottom div#mbClear {clear:both;}
.lh1 {line-height:0px; height:0;}
.center {text-align:center;}
#main h2, em, i {font-style:italic;}


/* Text-Indent */
#hdr h1 a, .top a, .fdesc a, .sidead {text-indent:-9000px;}

/* Overflow-Hidden */
#hdr h1, #nav li, #sl0gan, #topad, #sform, #main h2, .top, #buzz, #comp, #nbok, #mobi, #tech, #ipad, #inet, .lvid, .fdesc, .pcat {overflow:hidden;}


/* Links & Color */
a, a img, #main h3, blockquote, .msg, #main h4 a:hover {text-decoration:none; border:0; color:#920f0f;}
.current, #nav a:hover, #nav a:focus, #subNav a:hover, #subNav a:focus {color:#000;}
body, #side, #side a, #main h4, #main h4 a {color: #222;}
#nav, #nav a, #subNav a, #sform {color:#333;}
.pmeta, .pmeta a {color:#484848;}
#tnav, #tnav a {color:#666; text-decoration:none;}


/* Text-Shadows */
#tnav, .pcat, .reply a:hover, #ftr {text-shadow:1px 1px 1px #000;} /* Shadow */
/* #nav li {text-shadow:0 1px 0 #FFF;}  Etch */
#sform input, #spform input, #feat p, .coolnavigate, #fbmail {text-shadow:1px 1px 2px #000;}
.pmeta {text-shadow:1px 1px 0 #000;}
.current {text-shadow:1px 1px 0 #292929;}


/* Position */

#hdr, #hdr h1, #sl0gan, #wrap, #main h2, #feat, #navbar, .sidebox, .entry, .pmeta, .himg, .timg, .cimg, .cimg2, .coolnavigate, .lin3r, .lvid, #rcaptcha, #cform label, 
#ftr, #reslist, h2.ron, .sdspo-bot, .comment-body, .adserv  {position:relative;}

#hdr span.h1logo, #feat div.b0x, #feat div.entri, .fdesc, #sl0gan li, .leaf, .wrtop, .wrbot, .mtop, .mbot, .top, .sdtop, .sdbot, .sdt0p, .sdb0t, .vttl, 
.tag, #rcaptcha span, #reslist ul, .nv-top, .nv-bot, .sidead, .pcat, .fttop, .ftbot, .theqs, .onfire {position:absolute;}




/*~~~~~~~ Header ~~~~~~~*/
#hdr {
  width:980px; 
  height:187px;
  background:url(images/hdr.png) 0 0 no-repeat;
}
#hdr h1, #hdr h1 a, #hdr span.h1logo {float:left; width:225px; height:148px;}
#hdr h1, #hdr h1 a {z-index:100; }
#hdr span.h1logo {top:0; left:0; z-index:1;}

/* TOP.NAV */
#tnav {float:right; font-size:10px; margin:19px 10px 0 0; }
#tnav, #tnav li {list-style:none; display:inline; line-height:11px; padding:0; }
#tnav a {padding:0;}

/* Top-Ads */
#topad {float:right; width:728px; height:90px; margin:14px 22px 0 0; z-index:1;}
#topad, .sidebox iframe { opacity: 0.7; filter: alpha(opacity = 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; zoom: 1;}

/* NAV */
#navbar {width:980px; height:29px; margin:9px 0 0 0; text-transform:lowercase; font-size:14px; font-weight:bold;}
.nv-top {width:980px; height:3px; background:url(images/navbarr.png) 0 0 no-repeat; top:0; left:0;}
.nv-bot {width:980px; height:4px; background:url(images/nv-bot.png) 0 0 no-repeat; bottom:-1px; left:0;}
#nav li {letter-spacing:-1px;}
#nav li a {height:23px; padding:7px 10px 0;}


#subNav ul {	
	/*border around submenu goes here*/	 
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
	right:0;
  padding:10px 0 10px 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
  opacity: 0.8; filter: alpha(opacity = 80); -moz-opacity: 0.8; -webkit-opacity: 0.8; -khtml-opacity: 0.8; zoom: 1;
}

#sform {float:right; background:url(images/sform.png) 0 0 no-repeat; width:182px; height:18px; margin:5px 10px 0 0;}
#sform input {float:right;}
#sform input#s {border:none; background:transparent; margin:0; width:154px; padding:1px 4px; font-size:10px;}
#sform input#searchsubmit {width:20px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT EDIT! ~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~ CONTENT ~~~~~~~~~~~*/
#wrap {
  width:990px;
  background:url(images/wrap.png) 5px 0 repeat-y;
  margin-top:10px;
  padding:10px 0 0 0;
}
.wrtop, .wrbot {width:990px; height:15px; left:0;}
.wrtop {background:url(images/wrtop.png) 0 0 no-repeat; top:-5px;}
.wrbot {background:url(images/wrtop.png) 0 -15px no-repeat; bottom:-5px; }

#main { float:left; width:630px; margin:0 0 0 15px; }
#main h2 {
  font-size:24px;
  line-height:26px;
  text-shadow:1px 1px 2px #000;
  padding:10px 10px 13px 20px;
}
#main h2, #main p.pmeta, .coolnavigate {background:#1c1c1c url(images/btitle.png) 0 0 repeat-y; }
#main h1.h1404 {margin:0 0 20px 0; font-style:italic; text-shadow:1px 1px 0 #FFF; }
#main h2 a:focus, #feat h1 {text-shadow:1px 2px 3px #000;}
#main h3 {font-size:24px;  margin:0 0 15px 0; line-height:20px; }
#main h4, #mbImage h4 {margin:0 0 10px 0; font-size:14px; font-family:Verdana;}


/* Rounded Stuff */
/* Main Rounded */
.mtop, .mbot {width:630px; height:5px; left:0;}
.mtop {background:url(images/mtop.png) 0 0 no-repeat; top:0;}
.mbot {background:url(images/mtop.png) 0 -5px no-repeat; bottom:0;}
.top, .top a {float:right; width:103px; height:19px;}
.top {background:#000 url(images/top.png) 0 0 no-repeat; right:0; bottom:-15px;}

/* Side Rounded */
.sdtop, .sdbot, .sdt0p, .sdb0t {width:302px; height:5px; left:-1px; z-index:10;}
.sdtop {background:url(images/sdtop.png) 0 0 no-repeat; bottom:-5px;}
.sdt0p {background:url(images/sdtop.png) 0 0 no-repeat; top:0;}
.sdbot, .sdb0t {background:url(images/sdtop.png) 0 -5px no-repeat; top:-5px;}
.sdb0t {left:10px !important;}
#side p.sdspo {background:url(images/bd.png);margin:0; padding:0; height:5px;}
.sdspo-top {background:url(images/wrtop.png) right 0 no-repeat; height:15px;}
.sdspo-bot {background:url(images/wrtop.png) right -15px no-repeat; height:15px;}


#main p {margin:0 0 10px 0; }
#main p, #main li {line-height:16px;}
.entry {padding:20px; }
.entri {padding:10px 20px; }
.pg {font-size:12px; line-height:20px;}
#main .arch p {line-height:16px;}
#main p.pmeta { margin:0; padding:5px 10px 8px 20px; font-size:10px;}

#main p.pcat, #main p.pcat a {float:left; color:#fff; }
#main p.pcat { margin:0; padding:0 5px 2px; background:#f00; top:4px; left:4px; opacity:0.7; filter: alpha(opacity = 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; zoom: 1;}
#main p.pcat a {}

#main .himg, #main .timg, #main .cimg, #main .cimg2, #main .adlove {float:left; margin:0 15px 10px 0; padding:2px;}
#main .himg {width:200px; }
#main .cimg {width:100px; margin:0 10px 10px 0;}
#main .cimg2 {width:50px; margin-left:10px;}
#main .timg {width:250px;  }

#main .adlove {width:104px; padding:1px !important; margin:0 10px 10px 0;}

#main p.pvid {float:none; margin:0 0 10px 0; padding:2px; }
#main p embed {width:584px; height:438px;}
#main p.pimg img {margin:0 2px 2px 0; padding:2px; text-align:center;}
#main p.pimg {text-align:center !important; margin:0 !important;}
#main p.pimg a:hover img {border:1px solid #6bbec7; }

#main p.hvid {float:left; width:200px; height:200px; padding:2px; margin:0 15px 0 0;}
.hvid a img { padding:60px 60px; opacity: 0.4; filter: alpha(opacity = 40); -moz-opacity: 0.4; -khtml-opacity: 0.4; zoom: 1;}
.hvid a:hover img { opacity: 0.8; filter: alpha(opacity = 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; zoom: 1; }

.pmore {float:right; font-weight:bold;}

#main p.msg {margin:0 20px 0 0; padding:0 0 0 10px; }
blockquote { margin:0; padding:0 21px; font-style:italic;}


/* Feat */
#feat, #feat div.b0x, .fdesc, .fdesc a {width:628px; height:264px;}
#feat div.b0x {
	background:#fff;
  margin:0;
  padding:0;
}
.fdesc, .fdesc a {float:left;}
.fdesc {background:url(images/feat.png) 0 0 no-repeat; z-index:10;}
#feat h1 { background:none; }
#feat div.entri { 
  bottom:0; 
  background: url(images/feat-dsc.png); 
  padding:5px 0;
}
#feat div.entri, .feat-shade {width:628px;}
#feat div.entri p { padding:0 20px; line-height:16px;}
#feat div.entri h1 { display:block; background-image:none; padding:5px 20px; line-height:20px; font-size:28px;}
#feat div.fr_fame, .more-link, #main .fr_fame {display:none;}
.tag {width:71px; height:176px; top:-6px;left:-8px; background:url(images/tag.png) 0 0 no-repeat; z-index:20;}
.feat-shade {height:26px; background:url(images/feat-shade.png) 0 0 no-repeat;}


/* Liners */
#main p.l1ner {background:#242424 url(images/wrap.png) -1px 0 repeat-x; height:25px; margin:0; padding:0;}
#side p.lin3r {background: url(images/wrap.png)-1px 0 repeat-x; height:5px; margin:0; padding:0; width:302px; margin:0 0 0 10px;}
.lines {background:url(images/liner2.gif) 0 bottom repeat-x;}
.linez {background:url(images/liner4.png) 0 center repeat-x;}

/* LIST : ORDERED/UNORDERED */
#main ol {margin:0 0 10px 25px;}
#main ul {margin:0 0 10px 20px;}
#main li {margin:0 0 10px 0;}
#main ul.related_post li, #main ul.zerom li, #main ol.zerom li {margin:0;}

/* TRENDS */
#trend h4 {font-family:Arial; font-size:14px;}
.onfire {bottom:2px;left:2px;}
.tritems {float:right; width:470px;}
#loop2ad1, #loop2ad2, #loop2ad3, #loop2ad4, #loop2ad5 { height:48px; overflow:hidden;}
#loop1ad4 iframe, #loop1ad5 iframe, #loop2ad1 iframe, #loop2ad2 iframe, #loop2ad3 iframe, #loop2ad4 iframe, #loop2ad5 iframe {position:absolute; top:0; left:-101px;}


/*~~~~~~~~~~~ SIDEBAR ~~~~~~~~~~~*/
#side {float:right; width:325px;}

#side h2 {
  font-size:14px; 
  font-weight:bold;
  font-family:Verdana;
  margin:0 15px 0 10px; 
  padding:5px 0 10px; 
  text-align:center; 
  color:#000; 
  text-shadow:0 1px 0 #4e4e4e;
  /*text-transform:lowercase;*/
}
.lvid {height:216px; border:1px solid #FFF; margin:5px 0 5px 15px;}
.lvid a img { padding:68px 104px; opacity: 0.4; filter: alpha(opacity = 40); -moz-opacity: 0.4; -khtml-opacity: 0.4; zoom: 1;}
.lvid a:hover img { opacity: 0.8; filter: alpha(opacity = 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; zoom: 1;}
.vttl {bottom:0; left:0; font-size:14px; font-weight:bold; background:#000; padding:10px; width:288px; opacity: 0.7; filter: alpha(opacity = 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; zoom: 1;}
.lvid a {color:#4db806; }
.lvid a:hover {color:#FFF;}
.lvid, .sidetag {width:288px;}
.sidetag {margin:0 0 0 6px;}

.sidebox {width:300px; margin:0 0 0 9px; border:1px solid #121212;}
.sidebox iframe {z-index:1;}
.sidead {width:302px;height:16px; background:url(images/sidead.png) 0 0 no-repeat; left:-1px; bottom:-15px; z-index:10;}
.fame {padding:17px 0;}
#side p.simg {float:left; margin:3px 0 14px 14px; padding:0; }
#side p.rdesc {float:right; width:228px; margin:0 20px 14px 0; font-size:11px;}
#side p {line-height:14px;}


/* SIDEBAR LISTS */
#side ul {margin:0; padding:0;}
#side ul, #side ul ul, #side li {list-style:none;}
#side ul ul {margin:15px 15px 15px 14px;}
#side ul ul ul {margin:5px 14px 10px;}

#side li {background:url(images/dots.png) 0 5px no-repeat; padding:0 0 0 13px;}
#side li:hover {background:url(images/dots.png) -320px 5px no-repeat; }

#side li li {list-style:disc; background:none; padding:0;}
#side li li:hover {background:none;}

#side li li li {list-style:circle; background:none; padding:0;}
#side li li li:hover {background:none;}
.current-cat {font-weight:bold;}
.current-cat ul.children li {font-weight:normal;}


#stats {text-align:center;}
#stats p, #stats form {margin:0 0 10px 0;}
#fbform input {
  -moz-border-radius:13px;
  -khtml-border-radius:13px;
  -webkit-border-radius:13px;
  padding:3px 10px;
}
#fbform input#fbmail {
  -moz-box-shadow:inset 0 0 5px #000;
  -webkit-box-shadow:inset 0 0 5px #000;
  -khtml-box-shadow:inset 0 0 5px #000;
  box-shadow:inset 0 0 5px #000;
}
#fbform input {background: #2e2e2e url(images/bd.png); border:0; margin:0 4px 5px 0; }
#fbform input#fbsbmt {
  background: #2e2e2e url(images/bd.png); 
  font-weight:bold; 
  cursor:pointer; 
  padding:3px 5px;
  font-size:10px;
  -moz-box-shadow:0 0 5px #000;
  -webkit-box-shadow:0 0 5px #000;
  -khtml-box-shadow:0 0 5px #000;
  box-shadow:0 0 5px #000;
}

#pfburn {background:url(images/pfburn.png) 14px 0 no-repeat; height:134px; margin:0; padding:0;}
#pfburn h3, #pfburn p {font-family:Verdana; float:right; text-transform:lowercase; }
#pfburn h3 {font-size:20px; margin:25px 20px 10px 0; letter-spacing:-1px;}
#pfburn p {font-size:12px; font-weight:normal; width:120px; margin:0 20px 0 0; clear:both; text-align:right;}

/*~~~~~~~~~~~ COMMENTS ~~~~~~~~~~~*/
/* FORMS - both Comment + Contact Form. */
#commentform {padding:20px 10px;}
#commentform input, #commentform textarea, #cform input, #cform textarea, #cform select, #spform input, #spform textarea {
  width:200px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  border:0;
  padding:3px 5px;
  font-family:Verdana; font-size:12px;
  color:#101010;
}
#commentform textarea {width:308px; margin-left:150px;}
#main label {float:left; width:150px; }
#recaptcha_area, #cform .c0de {float:left; margin:0 0 10px 150px; }
#commentform input#submit, #cform input#usbmt, #spform input#searchsubmit {
  margin:0 0 10px 150px;
  width:100px;
  font-weight:bold;
  background:url(images/bd.png);
  color:#FFF;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  border-radius: 13px;
  cursor:pointer; cursor:hand;
  text-shadow:1px 1px 1px #000;
  border:0;
}
#commentform input#submit:hover, #commentform input#submit:focus, #spform input#searchsubmit:hover, #spform input#searchsubmit:focus {background:url(images/wrap.png) 0 0;}
#rcaptcha span {width:93px; height:42px; background:url(images/recaptcha.png) 0 0 no-repeat; top:-95px; left:367px;}
#cform input, #cform textarea, #cform select {margin:0 0 5px 0 !important;}
#cform span.isno {position:absolute; top:7px; right:5px; width:8px; height:8px; background:url(images/stat.png) 0 0 no-repeat;}
#cform .c0de {font-family:Verdana; font-size:11px; width:200px;}
#spform input#searchsubmit {margin-left:10px !important;}

#commbox ul, #commbox ol, #commbox li {list-style:none outside none;}
#commbox ul, #commbox ol {margin:0; padding:0;}
#commentform, #commbox li, #commbox li li, #commbox li li li, #commbox li li li li, #commbox li li li li li, #commbox li li li li li li, .reply a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow:inset 0 0 3px #333;
}

#commbox li, #commbox li li, #commbox li li li, #commbox li li li li, #commbox li li li li li, #commbox li li li li li li {
  padding:10px 10px 5px; 
  margin:0 0 5px 0; 
}
#commbox p {background:transparent; line-height:15px; margin-left:10px;}

#commbox img.avatar{float:right; margin:0 0 0 10px; padding:2px;  }
#commbox li.depth-1, #commbox li.depth-3, #commbox li.depth-5 { background: #ddd;}
#commbox li.depth-2, #commbox li.depth-4, #commbox li.depth-6 {background:#eee;}
.reply a {
  background:#999;
  color:#FFF;
  margin:0 0 5px 0;
  padding:2px 10px 3px;
  cursor:pointer; cursor:hand;
  font-weight:bold;
}
.reply a:hover {background:#666;}
.reply {position:absolute; right:42px; top:0;}
#commbox ul.children {margin-top:5px;}
cite {font-style:normal;}

.ctitle, .current-cat, .comment-author {font-weight:bold;}
.current-cat li {font-weight:normal;}
.comment-meta {font-size:10px; margin-bottom:10px;}

/*~~~~~~~~~~~ FOOTER ~~~~~~~~~~~*/
#ftr {width:940px; padding:10px 20px; margin:10px auto; background:url(images/ftwrap.png) 0 0 repeat-y;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  font:normal 10px Verdana;
}
.fttop, .ftbot {width:990px; height:15px; left:-5px;}
.fttop {background:url(images/fttop.png) 0 0 no-repeat; top:-5px;}
.ftbot {background:url(images/fttop.png) 0 -15px no-repeat; bottom:-5px; }

.ftalexa {visibility:hidden;
  opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0; zoom: 1;
  width:0;height:0;line-height:0;
  position:absolute; z-index:-1; top:0; left:0;
}
#ftr ul, #ftr li {list-style:none;}
.ftlist {float:left; margin:10px 40px 10px 0;}
.littl {padding:0 0 10px 0;}
#reslist {float:left; margin:10px 0 0 0; width:270px;}
#reslist li {display:inline;}
#reslist ul {background:url(images/ftwrap.png); width:270px;}
#ftr p.copyr, #ftr p.copyr a, #ftr p.copyr a:hover, #ftr p.copyr a:focus {color:#000; text-shadow:1px 1px 0 #353535;}
.f2nd, .f3rd {width:230px;}

/*MEDIABOX*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {background: transparent url(images/80.png) repeat;}
#mbOverlay.mbOverlayIE {position: absolute;}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	/*overflow: hidden;*/
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  border-radius:5px;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
  opacity:0.90;
}

#mbCenter.mbLoading, #mbCenter.mbLogo {}
#mbCenter.mbLoading	{ background: #fff url(images/lb-load.gif) no-repeat center;}
#mbCenter.mbLogo	{ background: #fff url(images/lb-logo.gif) no-repeat center;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Verdana;
	line-height: 15px;
	font-size: 11px;
	color: #333;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}
#mbImage h4, #mbImage p {margin:0 0 10px 0;}
#mbImage ul {margin:0 0 10px 20px;}
#mbImage ol {margin:0 0 10px 25px;}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #333;
}

#mbImage a:hover, #mbImage a:active {
	color: #000;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Verdana, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 5px;
  position:relative;
  background: url(images/email-bg.png) 0 -40px repeat-x;
  overflow:hidden;
}

#mbTitle {
	display: inline;
	color: #333;
	font-weight: bold;
	line-height: 14px;
	font-size: 12px;
  padding:0;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #666;
	line-height: 14px;
	font-size: 10px;
  padding:0 0 0 10px;
}

#mbPrevLink, #mbNextLink{
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}
#mbCloseLink {
  position:absolute;
  top:-16px;
  right:-18px;
	display: block;
	float: right;
	width: 36px;
	height: 36px;
	margin: 0;
	outline: none;
	background: transparent url(images/lb-close.png) 0 0 no-repeat;
}

#mbPrevLink { width: 83px; background: transparent url(images/WhitePrevious.gif) no-repeat center;}
#mbNextLink { width: 54px; background: transparent url(images/WhiteNext.gif) no-repeat center;}


/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Verdana, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  border-radius:5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}


/*~~~~~~~~~~~ Cool-Navi ~~~~~~~~~~~*/
.coolnavigate {
  margin:0; 
  padding:5px 5px 5px 5px; 
  text-align:center; 
  font-family:Tahoma;
  font-weight:bold;
}
.coolnavigate a, .coolnavigate a:link,.coolnavigate a:visited,.coolnavigate a:active,
.coolnavigate a:hover,.coolnavigate span.current,.coolnavigate span.extend {
  padding: 2px 6px 3px;
  margin: 1px;
  text-decoration: none;
}
.coolnavigate span.pages {padding: 2px 6px;}
.coolnavigate a:hover,.coolnavigate span.current,.coolnavigate span.extend {}
.coolnavigate a:active {}
.coolnavigate span.current {}
.navi-only {float:right;padding:10px 10px 0 0; font-weight:bold; font-family:Tahoma; font-size:10px;}

/* ADD to ANY */
.addtoany_list {float:right;}
.addtoany_share_save_container{margin:16px 0;}
ul.addtoany_list{
display:inline;
list-style-type:none;
margin:0 !important;
padding:0 !important;
text-indent:0 !important;
}
ul.addtoany_list li{
background:none !important;
border:0;
display:inline !important;
line-height:32px;		list-style-type:none;
margin:0 !important;
padding:0 !important;
}
ul.addtoany_list li:before{content:"";}
ul.addtoany_list li a{padding:0 9px;}
ul.addtoany_list img{
float:none;
border:0;
margin:0;
padding:0;
vertical-align:middle;
}
ul.addtoany_list a img{
opacity:.6;
-moz-opacity:.6;
filter:alpha(opacity=60);
}
ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
a.addtoany_share_save img{border:0;width:auto;height:auto;}
/* main menu ul or ol */
#nav {
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:0;
	left:0;
	text-align: center;
	display:block;
  width:627px;
}
#nav {height:29px;}
#subNav{	display:block; position:absolute;	top:0;	right:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }
#nav a, #subNav a{
	text-decoration:none;
	display:block;
	padding:0;
}




/* main menu links - for non-javascript users this applies to submenu links as well  */
#nav a { float:left; margin:0; }
/* Just sub menu links */
#subNav a, #nav li li a { text-align:left; }

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subNav a.subMenuParentBtnFocused { color:#222;}

/* sub menu links on hover or focus */
#subNav a:hover, 
#subNav a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subNav a.subMenuParentBtnFocused { color:#222; }

/* Javascript users */
.subMenuParentBtn{  } /* Parent Sub Menu Links */
.subMenuParentBtnFocused{   } /* Parent Sub Menu Links on hover or focus */
.mainMenuParentBtn{	 } /* Parent Main Menu Links */
.mainMenuParentBtnFocused{	 } /* Parent Main Menu Links on hover or focus */

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/* background image as a divider? goes here.*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subNav ul li { list-style: none; font-weight:bold; }
#subNav ul li a {padding:0 10px ; }
#subNav a:hover, #subNav a:focus { color:#222; }


/* --------------------------[ Non-javascript users ]--------------------------*/
#nav li li{	float:none; }
#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }
