/* 
  Theme Name: Slaven 2010
  Theme URL: http://www.djarot.com/
  Description: Slaven 2010 is a theme created for SlavenVilus.com - Year 2010. A website about Technolgy and Gadgets.
  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 - 10.01.10
  1st Release of Slaven 2010 theme.
*/

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

/*~~~~~~~ Global Thingy ~~~~~~~*/
h1, h2, h3, h4, h5, blockquote, .pcat, #feat .entri p {font-family:Georgia; }
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 {clear:both;}
.lh1 {line-height:0px; height:0;}
.center {text-align:center;}
#hdr h1 a, #sl0gan li, #nav li a, .top a, .pmore a, .fdesc a, .pfburn, .fb-svlogo a, .fb-svlog0 a {text-indent:-9000px;}
#hdr h1, #sl0gan, #topad, #sform, #main h2, .top, #buzz, #comp, #nbok, #mobi, #tech, #ipad, #inet, .lvid, .pmore, .fdesc, .fb-svlogo, .fb-svlog0 {overflow:hidden;}
#tnav, #sform input, #spform input, #feat p {text-shadow:1px 1px 2px #000;}
#hdr, #sl0gan, #wrap, #main h2, #feat, .entry, .pmeta, .coolnavigate, .lin3r, .lvid, #rcaptcha, #cform label, #ftr, #reslist, h2.ron, .sdspo-bot, 
#fblike {position:relative;}
#feat div.b0x, #feat div.entri, .fdesc, #sl0gan li, .leaf, .wrtop, .wrbot, .mtop, .mbot, .mb0t, .top, .sdtop, .sdbot, .sdt0p, .sdb0t, .vttl, 
.ribbon, #rcaptcha span, #reslist ul, .fb-svlogo, .fb-svlog0 {position:absolute;}
.fr_fame, .more-link {display:none;}

/*~~~~~~~ LINKS & COLORS ~~~~~~~*/
#tnav a, #main h2:hover, #main h2:hover a, #main h2 a:focus, #ftr a:hover, #ftr a:focus, #feat h1 {color:#FFF; text-decoration:none;}
#tnav a:hover, #tnav a:focus, #tnav a.this, .go, #main h2, #main h2 a,#main h2 a:focus {color:#4db806;}
a, a img {text-decoration:none; border:0; }
a:hover, #main h1.h1404, .coolnavigate a, .pcat a, #side a, #rels li, #side li li {color:#153902; }
#main h2:hover, #main h2:hover a, #main h2:hover a:focus, #ftr a, .pcat a:hover, #feat p, #side li li:hover, #fbform input { color:#bfe9a0 !important;}


.rd {color:#900;}
.gr {color:#390;}
blockquote, .msg, .c0de, .blu {color:#28501d;}
.pgs, .sansit, .entry, .entri {font-family:Arial;}
a, a img, #main h3, #main h4 {color:#118a01;}
#side a:hover, #rels li:hover {color:#0f2902; text-shadow:0 1px 0 #9ec85b;}

/*~~~~~~~~~~~ HEADER ~~~~~~~~~~~*/
#hdr {width:980px; height:186px; background:url(images/hdr.png) 0 0 no-repeat;}
#hdr h1, #hdr h1 a {float:left; width:220px; height:146px;}
#hdr h1 a:focus, #hdr h1 a:hover {background:url(images/hdrh1.png) 44px 124px no-repeat;}
/* TOP.NAV */
#tnav {float:right; font:normal 11px Arial; color:#FFF; margin:20px 10px 0 0; width:312px;}
#tnav, #tnav li {list-style:none; display:inline; line-height:11px; padding:0; }
#tnav a {padding:0 5px;}

.leaf {width:59px; height:59px; background:url(images/leaf.png) 0 0 no-repeat; z-index:10;}
#hdr .leaf {top:0; left:195px;}
#ftr .leaf {bottom:-10px; right:-10px;}

#sl0gan {margin:20px 0 0 0;}
#sl0gan, #sl0gan li {width:415px; height:15px;float:right; list-style:none;}
.slo1 {background:url(images/slogan.png) 0 0 no-repeat;}
.slo2 {background:url(images/slogan.png) 0 -15px no-repeat;}
#topad {float:right; width:728px; height:90px; margin:9px 22px 0 0; z-index:1;}
#topad, .sidead {
  opacity: 0.7;
  filter: alpha(opacity = 70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
}

/* SEARCH FORM */
#sform {float:right; margin:14px 0 0 0; height:23px;}
#sform input {width:185px; border:0; padding:4px 5px 2px; font:bold 12px Arial; background:transparent; color:#c5fe97; }
#sform input#searchsubmit {width:22px; vertical-align:top; margin:0 3px;}
#sform input#searchsubmit:focus, #sform input#searchsubmit:hover {background:url(images/nav.png) -634px 0 no-repeat;}
#spform {margin:5px 0 0 0;}
#spform input#s {width:185px; }
#spform input#searchsubmit {cursor:hand; cursor:pointer;}
#spform input {
  background:#7ea93c; color:#FFF; 
  border:0; padding:3px 10px 5px; font:bold 12px Arial; 
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  border-radius: 13px;
}

/* NAV - In-depth nav, see /inc/j3-nav.css */
#buzz, #buzz a {width:85px;}
#comp, #comp a {width:100px;}
#nbok, #nbok a {width:104px;}
#mobi, #mobi a {width:89px;}
#tech, #tech a {width:113px;}
#ipad, #ipad a {width:66px;}
#inet, #inet a {width:70px;}

#buzz a.this, #buzz a:hover, #buzz a:focus, #nav li#buzz a.mainMenuParentBtnFocused {background:url(images/nav.png) 0 0 no-repeat;}
#comp a.this, #comp a:hover, #comp a:focus, #nav li#comp a.mainMenuParentBtnFocused {background:url(images/nav.png) -85px 0 no-repeat;}
#nbok a.this, #nbok a:hover, #nbok a:focus, #nav li#nbok a.mainMenuParentBtnFocused {background:url(images/nav.png) -185px 0 no-repeat;}
#mobi a.this, #mobi a:hover, #mobi a:focus, #nav li#mobi a.mainMenuParentBtnFocused {background:url(images/nav.png) -289px 0 no-repeat;}
#tech a.this, #tech a:hover, #tech a:focus, #nav li#tech a.mainMenuParentBtnFocused {background:url(images/nav.png) -378px 0 no-repeat;}
#ipad a.this, #ipad a:hover, #ipad a:focus, #nav li#ipad a.mainMenuParentBtnFocused {background:url(images/nav.png) -491px 0 no-repeat;}
#inet a.this, #inet a:hover, #inet a:focus, #nav li#inet a.mainMenuParentBtnFocused {background:url(images/nav.png) -557px 0 no-repeat;}

#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;
	background:#3c8f18 url(images/subnav.png) 0 0 repeat-x;	
	right:0;
  padding:5px 0 10px 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/*~~~~~~~~~~~ CONTENT ~~~~~~~~~~~*/
#wrap {
  width:990px;
  background:url(images/wrap.png) 0 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 {
  background:#153902 url(images/liner1.gif) 0 bottom repeat-x;
  font-size:20px;
  line-height:22px;
  text-shadow:1px 1px 2px #000;
  padding:10px 10px 13px 20px;
}
#main h1.h1404 {margin:0 0 20px 0; font-style:italic; text-shadow:1px 1px 0 #FFF;}
#main h2:hover {background:#153902 url(images/liner1.gif) 0 bottom repeat-x;}
#main h2 a:focus, #feat h1 {text-shadow:1px 2px 3px #000;}
#main h3 {font-size:18px; text-shadow:0 1px 0 #FFF; margin:0 0 15px 0; line-height:20px; color:#118a01;}
#main h4 {margin:0 0 10px 0;}

/* Rounded Stuff */
/* Main Rounded */
.mtop, .mbot, .mb0t {width:630px; height:6px; left:0;}
.mtop {background:url(images/mtop.png) 0 0 no-repeat; top:0;}
.mbot {background:url(images/mbot.png) 0 0 no-repeat; bottom:0;}
.mb0t {background:url(images/mbot.png) 0 0 no-repeat; bottom:0;}
.top, .top a {float:right; width:20px; height:28px;}
.top {background:url(images/top.png) 0 0 no-repeat; right:9px; top:2px;}
.top a:hover, .top a:focus {background:url(images/top.png) -20px 0 no-repeat !important; padding:0 !important;}
/* Side Rounded */
.sdtop, .sdbot, .sdt0p, .sdb0t {width:300px; height:5px; left:0;}
.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:20px;}
.entry {padding:20px; background:#e7eae2; }
.entri {padding:10px 20px; background:#e7eae2; }
#main p.pmeta {background:#bfe9a0 url(images/liner2.gif) 0 top repeat-x; margin:0; padding:5px 10px 8px 20px; font-size:11px;}
#main p.pcat, #main p.pcat a {float:left; padding:0 5px;}
#main p.pcat {
  margin:0 10px 0 0;
  padding:0;
  background:#bdd4b4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
#main p.pcat:hover {background:#118a01;}

.himg, .pvid, .pimg, .hvid {border:1px solid #bdd4b4;}
#main p.himg {float:left; margin:0 15px 0 0; padding:2px; }
#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; }
#main p.pmore {margin:0; padding:0;}
.pmore, .pmore a {float:right; width:115px; height:20px;}
.pmore a {background:#c5fe97 url(images/more.png) 0 0 no-repeat;}
.pmore a:hover, .pmore a:focus {background:#c5fe97 url(images/more.png) 0 -20px no-repeat;}

blockquote, #main p.msg {padding:0 0 0 10px; }
blockquote {border-left:4px solid #7ea93c; margin:0 20px 0 10px; }
#main p.msg {border-left:4px solid #8ebd83; margin:0 20px 0 0;}
.related_post_title {background:url(images/liner2.gif) 0 0 repeat-x; padding:10px 0 0;}

/* Feat */
#feat, #feat div.b0x, .fdesc, .fdesc a {width:630px; 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 p { padding:0 20px; line-height:16px;}
#feat div.entri h1 { display:block; background-image:none; padding:5px 20px; line-height:20px; font-size:20px;}
#feat div.fr_fame {display:none;}
.ribbon {width:134px; height:134px; top:-14px;left:-14px; background:url(images/ribbon.png) 0 0 no-repeat; z-index:20;}



/* Liners */
#main p.l1ner {background:#2d4213 url(images/liner3.png) 0 top repeat-x; height:10px; margin:0; padding:0;}
#side p.lin3r {background: url(images/liner5.png); height:10px; margin:0; padding:0; width:300px; 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 20px;}
#main ul {margin:0 0 10px 15px;}

/*~~~~~~~~~~~ SIDEBAR ~~~~~~~~~~~*/
#side {float:right; width:325px;}
.sidead {
  width:300px;
  height:250px;
  border:2px solid #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  margin:0 0 0 8px;
}
#side h2 {font-size:14px; font-weight:bold; background:#193500 url(images/ftr.png); margin:0 15px 0 10px; padding:0; text-align:center; padding:5px 0; color:#FFF; text-shadow:1px 1px 2px #000;}
.lvid {height:216px; border:1px solid #FFF; }
.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 {margin:5px 0 5px 15px; width:288px;}



/* SIDEBAR LISTS */
#side ul, #side ul ul, #side li {list-style:none;}
#side ul {margin:5px 0 10px 20px;}
#side ul ul {margin:5px 0 5px 12px;}
#side li {background:url(images/dots.png) 0 5px no-repeat; padding:0 0 0 10px;}
#side li:hover {background:url(images/dots.png) 0 -188px 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;}


#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;
}
#fbsbmt:hover, #fbsbmt:focus {}
#fbform p.pfburn {background:url(images/pfburn.png) center 0 no-repeat; height:134px; margin:0; padding:0;}

#fblike {
  position:relative;
  background:url(images/fblike.png) 0 0 repeat-x;
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  -khtml-border-radius:3px; 
  border-radius:3px; 
  float:left; 
  width:292px; 
  margin:4px 0 0 14px;
  padding:0;
}
.fb-svlogo, .fb-svlogo a {float:left; width:58px; height:58px;}
.fb-svlogo {background:url(images/fb-svlogo.png) 1px 1px no-repeat; top:0; left:0;}

.fb-svlog0, .fb-svlog0 a {float:left; width:166px; height:28px;}
.fb-svlog0 {background:url(images/fb-svlog0.png) 0 1px no-repeat; top:0; left:58px;}



















/*~~~~~~~~~~~ COMMENTS ~~~~~~~~~~~*/
/* FORMS - both Comment + Contact Form. */
#commentform input, #commentform textarea, #cform input, #cform textarea, #cform select {
  width:200px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  border:0;
  padding:3px 5px;
  font-family:Arial; font-size:12px;
  color:#101010;
}
#commentform textarea {width:308px;}
#main label {float:left; width:150px; color:#224350;}
#recaptcha_area, #cform .c0de {float:left; margin:0 0 10px 150px; }
#commentform input#submit, #cform input#usbmt {
  margin:0 0 10px 150px;
  width:100px;
  font-weight:bold;
  background:#118a01;
  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;
}
#commentform input#submit:hover, #commentform input#submit:focus {background:#7ea93c; color:#FFF;}
#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:Arial; font-size:11px; width:200px;}

#commentblock ul, #commentblock li {list-style:none;}
#commentblock li {padding:5px 10px; background:url(images/liner2.gif) 0 bottom repeat-x;}
.alt { background:#eef6fa url(images/liner2.gif) 0 bottom repeat-x !important;}
#commentblock p.grava {float:left; margin:0 10px 0 0; padding:2px; ; border:1px solid #b4d1d4;}
.ctitle {font-weight:bold;}

/*~~~~~~~~~~~ FOOTER ~~~~~~~~~~~*/
#ftr {width:940px; padding:10px 20px; margin:10px auto; background:url(images/ftr.png);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  font:normal 11px Arial;
  color:#4db806;
  text-shadow:1px 1px 1px #000;
}
.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 50px 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/ftr.png); width:270px;}

/*~~~~~~~~~~~ SLIMBOX ~~~~~~~~~~~*/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
 	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.lbLoading {background: #fff url(images/lb-load.gif) no-repeat center; }
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
  opacity:0.5;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  zoom: 1;
}
#lbPrevLink { left:0; background: transparent url(images/lb-prev.png) no-repeat 0 100%;}
#lbNextLink { left: 50%; background: transparent url(images/lb-next.png) no-repeat 100% 100%;}
#lbPrevLink:hover, #lbNextLink:hover {
  opacity:1.0;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  zoom: 1;
}
#lbPrevLink:hover { background: transparent url(images/lb-prev.png) no-repeat 0 100%; }
#lbNextLink:hover { background: transparent url(images/lb-next.png) no-repeat 100% 100%; }
#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;
  	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/lb-close.gif) right 0 no-repeat;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold; color:#333;}

/*~~~~~~~~~~~ Cool-Navi ~~~~~~~~~~~*/
.coolnavigate {
  margin:0; 
  padding:5px 5px 5px 5px; 
  text-align:center; 
  font-family:Tahoma;
  background:#153902;
  font-weight:bold;
  text-shadow:1px 1px 2px #000;
}
.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;
  background-color: #4db806;	
  text-shadow:1px 1px 2px #000;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  border-radius: 13px;
  text-shadow:0 1px 0 #bfe9a0;
}
.coolnavigate span.pages {background:transparent; padding: 2px 6px; color:#4db806; }
.coolnavigate a:hover,.coolnavigate span.current,.coolnavigate span.extend { color: #000;}
.coolnavigate a:active { color: #06C;}
.coolnavigate span.current { font-weight: bold; background:transparent; color:#FFF; text-shadow:1px 1px 2px #000 !important;}
.navi-only {float:right;padding:10px 10px 0 0; font-weight:bold; font-family:Tahoma; font-size:10px;}

/* ADD to ANY */
.addtoany_list {position:absolute; bottom:-29px; right:35px; z-index:10;}
.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:157px;
	left:13px;
	text-align: center;
	display:block;
  width:627px;
}
#nav, #nav a {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:#FFF;}

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

/* 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; font-family:Arial; text-shadow:1px 1px 1px #153902;}
#subNav ul li a {padding:5px 10px; color:#bfe9a0;}
#subNav a:hover, #subNav a:focus { color:#FFF; text-shadow:1px 1px 1px #000;}


/* --------------------------[ 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; }