/* GLOBAL ---------------------------------------- */

* {
       font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
       }
::-moz-selection {
       background-color: #000;
       color: #000;
}
::selection {
       background-color: #000;
       color: #000;
}

a {
    color: #333; 
    text-decoration: none;
    -webkit-transition: color, text-shadow .1s linear;
    }
a:link {
    color: #135375; 
    text-decoration: none;
    -webkit-transition: color, text-shadow .1s linear;
    }
a:visited {
    color: #508eac; 
    text-decoration: none;
    }
a:active, 
a:hover {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    text-shadow: 0 1px 0 #999;
    }
a img {border:none;}
h2 {
	color: #222;
	font: normal 16px "helveticaneue-light", arial, sans-serif;
	letter-spacing: -.01em;
	}
h3 {
	color: #222;
	/*font: normal 20px "helveticaneue-light", arial, sans-serif;*/
	font: normal 1.3em "arial rounded mt bold", arial, sans-serif;
	letter-spacing: -.01em;
	border-bottom: 1px solid #818181;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-shadow:0 1px 1px #f1f1f1;
	}
h4 {
	color: #222;
	font: normal 16px "helveticaneue-light", arial, sans-serif;
	letter-spacing: -0.01em;
	margin: 0;
	padding: 10px 0 0 0;
	}
blockquote {
	font-style: italic;
	padding: 1em;
	margin: 0;
	background: #ffc;
	color: #996;
	text-shadow: 0 1px 0 #ff9;
	}
/* LAYOUT ---------------------------------------- */

body {
	/*background: #222 url(../siteimg/d2bg.png);*/
	background: #111 url(../siteimg/bg_noise.png);
	margin: 0;
	padding: 0;
	color: #232836;
	font-size: 1em;
	text-shadow:0 1px 1px #e6e6e6;
	text-rendering: optimizeLegibility;
	}
#container {
	font-size: 11px;
	width: 720px;
	margin: 0 auto 40px auto;
	font-family: "lucida grande", arial, sans-serif;
	/*background: #dadada url(../siteimg/newnoise2.gif);*/
	/*background: #cbcbcb url(../siteimg/containerBG.png);*/
	background: #cbcbcb;
	/*border-left: 2px solid #000;*/
	/*border-right: 2px solid #000;*/
	-webkit-box-shadow: 0px 0px 10px #444;
	-moz-box-shadow: 0px 0px 10px #444;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-transition: -webkit-box-shadow .3s linear;
	}
#container:hover {
	-webkit-box-shadow: 0px 0px 18px #6d7880;
	-moz-box-shadow: 0px 0px 18px #6d7880;
	-webkit-transition: -webkit-box-shadow .2s linear;
	}
#head {
	text-align: left;
	padding: 0;
	background: #000 repeat url(../siteimg/bg_pad300.png);
	}
.logo {
	padding: 20px 0 20px 13px;
	}
.logo:hover {
	background: transparent url(../siteimg/beemo_logohover.png) no-repeat 13px 20px;
	}

/*#head:hover {background: #0d0d0d url(../siteimg/bg_noise.png)}*/

h1.homelink {
	display: none;
	float: right;
	font: 9px normal sans-serif;
	}	
.foot {
	margin: 0 auto;
	padding: 20px 20px;
	background: #000 repeat url(../siteimg/bg_pad300.png);
	clear: both;
	font-size: 10px;
	line-height: 14px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	text-shadow:none;
	-webkit-transition: color .2s linear;
	}
.foot:hover {color:#555;-webkit-transition: color .2s linear;}
.foot a:link,.foot a:visited {color: #023650;}
.foot:hover a:link {color:#069;}
.foot a:active,
.foot a:hover,
.foot:hover a:hover {
	color: #09f;
	text-shadow:0 1px 1px #000;
	}
.breadcrumbs {
	padding: 0 20px 0 0; 
	color: #333;
	text-align: right;
	}
.breadcrumbs:before {content: "You are here ? ";}
.breadcrumbs a{
	text-transform: uppercase;
	color: #000;
	text-shadow: 0 1px 1px #fff;
	}
.breadcrumbs a:hover, .breadcrumbs a:active {
	color: #fff;
	text-shadow: none;
	}

/* LEFT COLUMN ---------------------------------------- */
#left h3 a:link, #left h3 a:visited {}
#left h3 a:hover {
    }
#left h3 a:active { color: #fff;}
#left {
	width: 380px;
	margin: 0 20px 0 20px;
	line-height: 1.5em;
	border-right: 1px dotted #b2b2b2;
	padding-right:20px;
	}
.cd {
	float:left;
	padding: 1px;
	margin: 4px 10px 0 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 6px solid #333;
	}
.cd a:hover {
	float:left;
	padding: 1px;
	margin: 4px 10px 0 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 6px solid #000;
	background: #fff;
	}

/* ARTICLE ---------------------------------------- */

.article {
	}
img.half {
	padding: 9px;
	border: 1px solid#ccc;
	background-color: #fff;
	}
img.halfclear {
	padding: 9px;
	border: 1px solid #ccc;
	}
img.small {
	float: left;
	padding: 5px;
	margin: 2px 6px 2px 0;
	border: 1px solid#ccc;
	background-color: #fff;
	}
img.smallclear {
	float: left;
	padding: 0 3px 2px 0;
	}
img.smallclearright {
	float: right;
	padding: 0 3px 2px 0;
	}
img.small_right {
	float: right;
	padding: 3px;
	margin: 0 0 4px 5px;
	border: 1px solid#ccc;
	background-color: #fff;
	}
img.wrap {
	float: left;
	padding: 3px 3px 3px 0;
	}
.subarticle {
	color: #666;
	padding: 0 0 20px 0;
	}
.posted, .author, .comments {color:#666;}

/* RIGHT COLUMN ---------------------------------------- */

#right {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0 20px 10px 20px;
	/*border-left: 1px dotted #b2b2b2;*/
	}
#right p {
	font-size: 10px;
	margin: 5px 0 0 0;
	}
img.rightimg {
	float: left;
	padding: 0 5px 0 0;
	}
#idcard {
	-moz-border-radius:3px; -webkit-border-radius:3px;
	padding: 10px;
	margin-top: 7px;
	font: 11px bold helvetica, arial, sans-serif;
	background: #e5e5e5;
	-webkit-transition: background .2s linear;
	}
#idcard:hover {
	background: #f3f3f3;
	}
#rightblock {
	background-color: #dfe2db;
	padding: 10px;
	border: 1px dotted #ccc;
	}
#left ul,
#left ol,
#right ul,
#right ol {
	margin: .5em 0 0 0;
	padding: 0;
	}
#left ul li,
#right ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(../siteimg/i_bullet_target.gif)no-repeat 0 5px;
	}
#left ol li,
#right ol li {
	margin: 0 0 0 12px;
	padding: 0;
	}
.infoimg {
	float:left;
	padding:0 10px 0 0;
	margin:0;
    opacity: 0.8;
	filter:alpha(opacity=80);
	}
.infoimg:hover {
    opacity: 1.0;
	filter:alpha(opacity=100);
	}	
small {
	font-size: 9px;
	}
.thumbtxt {
	font-size: 9px;
	padding-bottom: 20px;
	}	
dl {
	font-size: 10px;
	}
dd {
	font-size: 10px;
	margin: 0;
	padding:0;
	}
.date_folio dt {
	font: 14px/18px bold arial, sans-serif;
	letter-spacing: -1px;
	color: #444;
	padding: 0;
	margin: 3px 0 0 0;
	}
.date_archive dt {
    /*border-bottom: 1px dotted #bababa;*/
    }	
.rssArticle { font-size: 11px; }
.rssSubdate { 
    /*padding-left: 5px;*/
    padding:2px 0 2px 3px;
    margin-right:5px;
    background:#bababa;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    color:#767980;
    text-shadow: 0 1px 0 #cbcbcb;
    font-size:9px;
    }	
.serifed {
	font: 14px georgia,serif;
	color: #036;
	}
.red {
	color: #f00;
	}
.largetype {
	color: #333;
	font: 16px normal "helveticaneue-light", arial, sans-serif;
	}
.largetype2 {
	font: 16px/16px normal "helveticaneue-light", arial, sans-serif;
	letter-spacing: -.01em;
	}	
.green {
	color: #390;
	text-shadow: 0 1px 1px #000;
	}
.tagsRightColumn, .tagsCenter {
	text-transform: capitalize;
	}
h3.tagheader {
	color: #555;
	font: 16px normal "helveticaneue-light", arial, sans-serif;
	letter-spacing: -.01em;
	border-bottom: none;
	padding: 10px;
	background: #ededed;
	display: block;
	border: 1px solid #ccc;
	}

/* ERROR PAGE ---------------------------------------- */

#errordiags {
	background: #ffc url(../siteimg/error_bg.gif);
	font: bold 2em/1em "TimesNewYorker", arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -3px;
	text-shadow: #ff0 0px 1px 1px;
	color: #000;
	padding: 5px 20px 5px 20px;
	margin: 0;
      }
#error_message {
	color: #000;
	padding: 10px 20px 10px 20px;
	background: #ffc;
	border-top: 1px solid #cc6;
	border-bottom: 1px solid #ff9;
	}

/* SEARCH BAR ---------------------------------------- */

#searchbar {
	padding: 0 0 0 440px;
	}
#searchbar label {
	color: #e5e8e2;
	}
#searchbar form {
	position: absolute;
	top: 106px;
	vertical-align: middle;
	}
#searchbar input {
	color: #ccc;
	vertical-align: middle;
	}
#searchbar input#q {
	width: 300px;
	}
#searchbar input, #searchbar textarea {
	color: #464646;
	}
fieldset {
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	/*  IE 5 crap \*/
	display: inline;
	}

/* LIVE SEARCH ---------------------------------------- */

#LSResult {
	font-size: 11px;
	position: absolute;
	width: 260px;
	background-color: #ffc;
	padding: 0 0 10px 0;
	margin: 0;
	z-index: 100;
	overflow: hidden;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-box-shadow:0 2px 2px #333;
	-moz-box-shadow:0 2px 2px #333;
	}
#LSResult ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}
#LSResult a {display: block;}
#LSResult a:hover {background-color: transparent;}
#LSShadow {padding: .5em; background: #ffc url(../siteimg/bg_ls.png) top repeat-x;}
#LSRes {
	background-color: #ffc;
	padding: 0;
	margin: 0;
	}
.LSRow {padding: .5em}
.LSRow:hover {background:#ffc;}
#LSHighlight {
	background-color:#fff;
	border:0;
	}
#LSHighlight small, #LSHighlight small span a {
	color: #e5e8e2;
	border: 0;
	display: none;
	}
#LSHighlight {
	background-color: #ff9;
	border:0;
	}
#LSHeader {
	padding: 8px 0 8px 0;
	text-transform: uppercase;
	font-weight:bold;
	font-size:10px;
	font-family: helvetica, arial, sans-serif;
	color: #333;
	border-bottom: 1px solid #cc9;
	}
.lsSection {
	color:#996;
	display: block;
	text-transform: uppercase;
	}
.lsDate {
	color: #996;
	display: block;
	}

/* PAGINATION ---------------------------------------- */

#pages {
	/*margin: 0 301px 0 0;*/
	margin: 0;
	padding: .5em 0 .5em 0;
	text-align: center;
	background: #e1e4de center repeat-x url(../siteimg/pagesbg.gif);
	border-top: 1px solid #d5d5d5;
	clear:both;
	font: normal 1.3em  arial, sans-serif;
	}
#pages ul, #pages li {
	color: #ccc;
	display: inline;
	list-style-type: none;
	background: transparent url();
	margin: 0;
	padding: 1em .5em 1em .5em;
	}
#pages li a {color: #7f7f7f;text-shadow: #fff 0px 1px 1px;}
#pages li a:hover {
    color: #47728f;
    text-shadow: #80ccff 0px 0px 3px;
    }

/* COMMENTS ---------------------------------------- */

.gravatar {
	padding: 0 8px 0 0;
	float: left;
	}
.comment {
	background: #f8f9d2;
	border: 1px dotted #fff;
	margin: 0;
	padding: 0 1em;
	}
#comentario {
	background: #e3e3e3;
	margin: 0 0 1px 0;
	color: #444;
	padding: 10px;
	font-size: 11px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	}
#comentario p {padding:0;margin:0;}
.comment_user {
	font-size: 11px;
	color: #222;
	padding: 0;
	}
.comment_user_date {
	font-size: 9px;
	color: #808080;
	float: right;
	}
#name, #email, #web, #nhn_name, #Email, #Name {
	width: 250px;
	font: 11px normal "lucida grande", arial, sans-serif;
	}
#nhn_message, #Message, #message {
	width: 375px;
	font: 11px normal "lucida grande", arial, sans-serif;
	}
#message, #Message {
	height: 13em;
	display: block;
	}
#commentfooter {
	font-size: 10px;
	line-height: 13px;
	color: #999;
	border-top: 1px solid #ccc;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	}
input.button {
	margin-top: 4px;
	}
#txpCommentInputForm {
	padding-top:10px;
	}
ul.comments_error li {color: #c00;}
input:focus { background: #e5e5e5;color: #111; }

/* FACEBOOK ---------------------------------------- */

#FB_HiddenContainer {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: #cbcbcb;
}
#FB_HiddenContainer a {color:#cbcbcb;}
img#FB_HiddenContainer {
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	} 
.full_widget {
	border: 1px solid #bfbfbf !important;
	background:  #e4e4e4 !important;
	}
.fan_box .full_widget .connect_top {
	background: #e4e4e4 !important;
	}
.name {
	color: #232836 !important;
	}
.grid_item .img {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}
.connections {border-top: 1px solid #bfbfbf !important;} 

/* FLICKR BADGE ---------------------------------------- */

#flickr_badge {text-align:center;}
#flickr_badge img {
	text-align: center;
	padding: 9px;
	border: 1px solid #818181;
	background-color: #fff;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-webkit-box-shadow: 0px 0px 1px #666;
	-moz-box-shadow: 0px 0px 1px #666;
	}
#flickr_badge img:hover {
	background: #fff;
	border: 1px solid #222;
	}
/* GOOGLE MAPS ON INFO PAGE---------------------------------------- */

#map {
	border: 1px solid #ccc;
	padding: 9px;
	font: normal 3em "arial rounded mt bold", arial, sans-serif;
	color: #09f;
	}


/* DELICIOUS ON SIDEBAR ---------------------------------------- */

.delicious-posts, .delicious-posts ul, .delicious-posts li, .delicious-banner, .delicious-post, .delicious-odd, .delicious-banner, .delicious-posts, .delicious-posts a, .delicious-post a  { 
	margin: 0; 
	padding: 0;
	list-style-image: url(../siteimg/i_bullet_target.gif);
	line-height: 13px;
	font-size: 10px;
	list-style: none;
	text-decoration:none !important;
	}
.delicious-cloud li a {text-decoration:none !important;}
.delicious-cloud li a:hover {text-shadow:0 1px 0 #999 !important;}	
.delicious-banner sidebar-title h2 {
	font-family: "lucida grande", arial, sans-serif;
	letter-spacing: 0;
	}	
/* SHELFARI ON INFO PAGE ---------------------------------------- */

#shelfari img {
    float:left; 
    padding:0;
    margin-right:10px;
    margin-bottom:15px;
    -webkit-box-shadow: 0 0 3px #444;
	-moz-box-shadow: 0 0 3px #444;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	}
#shelfari a.title { font-weight:bold;padding-left:10px; }
#shelfari div.author {padding-left:10px;}
#shelfari div { margin-bottom: 0; padding-bottom: 0}
#shelfari a.page { text-decoration:none;}
#shelfari span { padding: 0}
#shelfari a.buy {
	width: 55px;
	background: #8a9499;
	color:#e5e5e5;
	padding:3px 10px 2px 10px;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	-webkit-box-shadow: 0 1px 2px #666;
	-moz-box-shadow: 0 1px 2px #666;
	margin-left:60px;
	font:11px bold helvetica, arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	-webkit-transition: background, color .2s linear;
	text-shadow: 0 1px 0 #848484;
	}
#shelfari a:hover.buy  {
	background:#09f;
	color:#fff;
	text-shadow: 0 1px 0 #848484;
	}
.pbs img {display:none;}

/* ACCESSIBILITY ---------------------------------------- */

#accessibility {
	font: 9px "lucida grande", arial, sans-serif;
	margin: 0;
	float: right;
	padding:0 20px 0 0;
	}
#accessibility a:link, 
#accessibility a:visited {color: #000;}
#accessibility a:hover,
#accessibility a:active {color: #fff; background: #000;}

a#skip {
    display: block; 
    position:absolute; 
    top:0; 
    left:0; 
    width: 100%;
    padding: 0 0 1em 0; 
    background: transparent; 
    text-align: center;
    }
a#skip:link, a#skip:visited {color: #0066cc;}
a#skip:hover, a#skip:focus, a#skip:active {background: #000;}

.hilite {
	background: #e5e5e5;
	padding: 1em;
	}

/* NAVIGATION ---------------------------------------- */

ul.nav {
	text-align: left;
	clear: both;
	margin: 0;
	padding: 0 0 0 20px;
	height: 30px;
	background: #8b8b8b repeat url(../siteimg/bg_nav.gif);
	font-family: arial, sans-serif;
	font-size: 10px;
	letter-spacing: none; 
	font-weight: bold;
	list-style-type: none;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}
ul.nav li { display: inline; clear:none;}
ul.nav li a {
	display: block;
	float: left;
	height: 30px;
	width: 65px;
	text-align: center;
	text-decoration: none;
	padding: 9px 0 0 0;
	/*overflow: hidden;*/
	height: 21px !important; 
	height /**/: 21px; /* IE5/Win */
	background: #d1d1d1 repeat url(../siteimg/bg_nav.gif);
	color: #222;
	border-right: 1px solid #555;
	text-shadow: 0 1px 0px #b3b3b3;
	-webkit-transition: color text-shadow .3s linear;
	}
ul.nav li a:hover {color: #ccc; text-shadow: #000 0 -1px 1px;}
ul.nav li a:active {color: #ccc;text-shadow: #000 0 -1px 1px;}

li.txt a, li.txt a:hover, li.txt a:active, li.txt a:visited {border-left: 1px solid #555;}

/* NAV TEXT  ---------------------------------------- */

body.text li.txt a	{background-position: 0 -60px; text-shadow: 0 1px 0px #a3c1db;}
body.text li.txt a:hover {background-position: 0 -90px; text-shadow: 0 -1px 0px #000;color:#fff;}
body.text li.txt a:active {background-position: 0 -120px;}

body.text li.fol a	{background-position: 0 0;}
body.text li.fol a:hover {background-position: 0 -30px;}
body.text li.fol a:active {background-position: 0 -120px;}

body.text li.fot a	{background-position: 0 0;}
body.text li.fot a:hover {background-position: 0 -30px;}
body.text li.fot a:active {background-position: 0 -120px;}

body.text li.nfo a	{background-position: 0 0;}
body.text li.nfo a:hover {background-position: 0 -30px;}
body.text li.nfo a:active {background-position: 0 -120px;}

body.text li.arc a	{background-position: 0 0;}
body.text li.arc a:hover {background-position: 0 -30px;}
body.text li.arc a:active {background-position: 0 -120px;}

/* NAV FOLIO - ---------------------------------------- */

body.folio li.txt a {background-position: 0 0;}
body.folio li.txt a:hover {background-position: 0 -30px;}
body.folio li.txt a:active {background-position: 0 -120px;}

body.folio li.fol a {background-position: 0 -60px; text-shadow: 0 1px 0px #a3c1db;}
body.folio li.fol a:hover {background-position: 0 -90px; text-shadow: 0 -1px 0px #000;color:#fff;}
body.folio li.fol a:active {background-position: 0 -120px;}

body.folio li.fot a {background-position: 0 0;}
body.folio li.fot a:hover {background-position: 0 -30px;}
body.folio li.fot a:active {background-position: 0 -120px;}

body.folio li.nfo a {background-position: 0 0;}
body.folio li.nfo a:hover {background-position: 0 -30px;}
body.folio li.nfo a:active {background-position: 0 -120px;}

body.folio li.arc a {background-position: 0 0;}
body.folio li.arc a:hover {background-position: 0 -30px;}
body.folio li.arc a:active {background-position: 0 -120px;}

/* NAV FOTO  ---------------------------------------- */

body.foto li.txt a	{background-position: 0 0;}
body.foto li.txt a:hover {background-position: 0 -30px;}
body.foto li.txt a:active {background-position: 0 -120px;}

body.foto li.fol a	{background-position: 0 0;}
body.foto li.fol a:hover {background-position: 0 -30px;}
body.foto li.fol a:active {background-position: 0 -120px;}

body.foto li.fot a	{background-position: 0 -60px; text-shadow: 0 1px 0px #a3c1db;}
body.foto li.fot a:hover {background-position: 0 -90px; text-shadow: 0 -1px 0px #000;color:#fff;}
body.foto li.fot a:active {background-position: 0 -120px;}

body.foto li.nfo a	{background-position: 0 0;}
body.foto li.nfo a:hover {background-position: 0 -30px;}
body.foto li.nfo a:active {background-position: 0 -120px;}

body.foto li.arc a	{background-position: 0 0;}
body.foto li.arc a:hover {background-position: 0 -30px;}
body.foto li.arc a:active {background-position: 0 -120px;}

/* NAV INFO ---------------------------------------- */

body.info li.txt a	{background-position: 0 0;}
body.info li.txt a:hover {background-position: 0 -30px;}
body.info li.txt a:active {background-position: 0 -120px;}

body.info li.fol a	{background-position: 0 0;}
body.info li.fol a:hover {background-position: 0 -30px;}
body.info li.fol a:active {background-position: 0 -120px;}

body.info li.fot a	{background-position: 0 0;}
body.info li.fot a:hover {background-position: 0 -30px;}
body.info li.fot a:active {background-position: 0 -120px;}

body.info li.nfo a	{background-position: 0 -60px; text-shadow: 0 1px 0px #a3c1db;}
body.info li.nfo a:hover {background-position: 0 -90px; text-shadow: 0 -1px 0px #000;color:#fff;}
body.info li.nfo a:active {background-position: 0 -120px;}

body.info li.arc a	{background-position: 0 0;}
body.info li.arc a:hover {background-position: 0 -30px;}
body.info li.arc a:active {background-position: 0 -120px;}

/* NAV ARCHIVE ---------------------------------------- */

body.archive li.txt a {background-position: 0 0;}
body.archive li.txt a:hover {background-position: 0 -30px;}
body.archive li.txt a:active {background-position: 0 -120px;}

body.archive li.fol a {background-position: 0 0;}
body.archive li.fol a:hover {background-position: 0 -30px;}
body.archive li.fol a:active {background-position: 0 -120px;}

body.archive li.fot a {background-position: 0 0;}
body.archive li.fot a:hover {background-position: 0 -30px;}
body.archive li.fot a:active {background-position: 0 -120px;}

body.archive li.nfo a {background-position: 0 0;}
body.archive li.nfo a:hover {background-position: 0 -30px;}
body.archive li.nfo a:active {background-position: 0 -120px;}

body.archive li.arc a {background-position: 0 -60px; text-shadow: 0 1px 0px #a3c1db;}
body.archive li.arc a:hover {background-position: 0 -90px; text-shadow: 0 -1px 0px #000;color:#fff;}
body.archive li.arc a:active {background-position: 0 -120px;}

/* NAV ETC ---------------------------------------- */

body.etc li.txt a	{background-position: 0 0;}
body.etc li.txt a:hover {background-position: 0 -30px;}
body.etc li.txt a:active {background-position: 0 -120px;}

body.etc li.fol a	{background-position: 0 0;}
body.etc li.fol a:hover {background-position: 0 -30px;}
body.etc li.fol a:active {background-position: 0 -120px;}

body.etc li.fot a	{background-position: 0 0;}
body.etc li.fot a:hover {background-position: 0 -30px;}
body.etc li.fot a:active {background-position: 0 -120px;}

body.etc li.nfo a	{background-position: 0 0;}
body.etc li.nfo a:hover {background-position: 0 -30px;}
body.etc li.nfo a:active {background-position: 0 -120px;}

body.etc li.arc a	{background-position: 0 0;}
body.etc li.arc a:hover {background-position: 0 -30px;}
body.etc li.arc a:active {background-position: 0 -120px;}

/* FONTS ---------------------------------------- */

@font-face {
	font-family: "CA BND Web Bold";
	src: url(../fonts/CABNDWebBold.otf) format("opentype");
	} 
.bnd {
	font: 1.5em/1.5em"CA BND Web Bold";
	}
@font-face {
	font-family: "TimesNewYorker";
	src: url(../fonts/times_new_yorker.ttf);
	} 
.TimesNewYorker {
	font: 1.5em/1.5em"TimesNewYorker";
	}