/* *****************************************
*   Middle's DzaDzen style code            *
********************************************
*   Copyright © 2007 Antonio Huanchez      *
*   All rights reserved                    *    
****************************************** */
body {
	background-color: #353535; 
	color: #777;
	background-image:url(../i/middle/bg_pg.gif);
	background-repeat:repeat; 
	background-position: center;
}
body, html, textarea{ 
	scrollbar-3dlight-color:#454545;
	scrollbar-arrow-color:#2F2F2F;
	scrollbar-base-color:#454545;
	scrollbar-darkshadow-color:#111;
	scrollbar-face-color:#454545;
	scrollbar-highlight-color:#5B5B5B;
	scrollbar-shadow-color:#333	
}

/* Link, Visited, Hover, Focus, Active */
a, a:link {color:#999}
a:visited {color:#777}
a:hover {color: #FFCC66}
a:focus {color:#CCC}
a:active {color:#FFF}

a.unvisible,
a.unvisible:link,
a.unvisible:visited,
a.unvisible:hover {color:#343434}

a.atop,
a.atop:link { 
	background: url("../i/middle/ico_top.gif") no-repeat 0px 0px
}
a.atop:active,
a.atop:hover,
a.atop:focus  { 
	background: url("../i/middle/ico_top.gif") no-repeat 0px -16px
}
a.rss,
a.rss:link { 
	background: url("../i/middle/ico-rss.gif") no-repeat 0px 0px
}

acronym{color:#999;border-bottom: 1px dotted #444}

h2 {color: #FFF}
h3 {color: #999}
h4 {color: #CCC}

blockquote {color: #CCCCCC; background-color: #2F2F2F; border-left: 3px solid #555}
blockquote i {color:#FF6600}

img.tanka {background-color: #E8DCC9; width:300px}

/* FORMS  
 ------------------------------------ */
fieldset { border:1px dotted #232323}
fieldset legend { background-color:#353535}
fieldset legend span {color: #FF9933}
table.form {border-top:1px solid #333333}
table.form td {border-bottom: 1px solid #333333}
dl dd { color:#555555}
sup {color:#FFFFFF}
select, textarea, input.txt {background-color: #171717;color:#999;border: 1px inset #777}
.blur {
	background-color: #171717; 
	color:#999999; 
	border: 1px inset #777;
}
.attention {
	background-color: #110000; 
	color:#999999; 
	border: 1px inset #FF0000;
}
.show {
	color: #990000;
	}
.progress {
	background-color: #CCCCCC;
}
.err{background:url("../i/middle/ico_warning.gif") no-repeat center}
.noerr{background:url("../i/middle/ico_noerr.gif") no-repeat center}
.check{background:url("../i/middle/ico_checking.gif") no-repeat center}

/* HEADER 
 ------------------------------------ */
div#header {background-image:url("../i/middle/bgr_hd.gif")}
div#header h1 a,div#header h1 a:hover {background-image:url("../i/middle/h1_bk.gif")}
/* HEADER NAV - Buttons */
div#navMain ul li a.navthumbs {background-image:url("../i/middle/thumbnailsmm.gif");color:#fff}
div#navMain ul li a.buy {background-image:url("../i/middle/buymm.gif");color:#fff}
div#navMain ul li a.formodels {background-image:url("../i/middle/formodels.gif");color:#fff}
div#navMain ul li a.about {background-image:url("../i/middle/aboutmm.gif");color:#fff}
/* HEADER NAV - Active Button */
div#navMain ul li a.navthumbs:hover, div#navMain li a#navthumbsActive {background-image:url("../i/middle/thumbnailsmm.gif");color:#fff}
div#navMain ul li a.buy:hover, div#navMain li a#buyActive {background-image:url("../i/middle/buymm.gif");color:#fff}
div#navMain ul li a.formodels:hover, div#navMain li a#formodelsActive {background-image:url("../i/middle/formodels.gif");color:#fff}
div#navMain ul li a.about:hover, div#navMain li a#aboutActive {background-image:url("../i/middle/aboutmm.gif");color:#fff}
/* Sub menu */
ul#subMenu {border-top: 1px solid #555}
ul#subMenu li {border-bottom: 1px solid #555}
ul#subMenu li a:link {color: #F0F0F0}
ul#subMenu li a:hover, ul#subMenu li#active a {background-color: #444;color: #F0F0F0}
/* PHOTO 
 ------------------------------------ */
#Photo {color: #333}
#image {background-color: #242424;border:1px solid #242424}
/* Thumbs */
#tmbsList a, #search_result a, ul#user_photos a {background-color: #3D3D3D;border:1px solid #272727}
#tmbsList a:hover, #search_result a:hover, ul#user_photos a:hover {background-color: #4C4C4C} 
/* LIST: Contents 
------------------------------------ */
ul#contents li ul li{ background:url("../i/middle/list.gif") no-repeat left center}
/* WORK
***************************** */
#addcomments {border: 1px solid #1C1C1C}
#workinfo {border: 1px solid #111}
/* comments */
.commentbit { background-color:#2E2E2E}
.commentbit_owner { background-color:#353535; border: 1px solid #353535}
.bignumbers {color: #353535}

#droplink span.qnt {color: #ccc; background-image:  url("../i/middle/comment.gif")}
/* DIVS 
 ------------------------------------ */
#message p {margin:0; padding:1em; border: 1px dotted #CCC; color:#CCC}
#sticker{background-color: #333; color: #999; background-image: url("../i/middle/bg_sticker.jpg")}
#sticker h3.offer{color: #CCC}
#login {background-color:#333;color:#ccc;border:1px solid #232323}
#user {background-color:#333;color:#ccc;border:1px solid #232323}
#user ul li {border-right: 1px solid #232323}
#user ul li b {color:#C60}
#aphorism span.text {color: #CCC}
/* MISC
 ------------------------------------ */
.unavailable {color: #222}
.exampl, .testimonials {background-color:#222}
.author {color:#555}
hr.divider {border-top: 1px solid #353535} 
/* TABLES
***************************** */
table {border-top: 1px solid #252525;}
table td {border-bottom: 1px solid #252525;}
table thead td, table tfoot td {background-color: #222;color: #fff}
td.curcol {background-color: #111;}
table.price {background-color: #252525}
table.price tr.subHeader td {background-color: #999;color: #000}
table.price tbody td {background-color: #ccc;color: #000;border-bottom: 1px solid #252525;}
/* Users list table  */
table.users thead td { background-color:#222; color:#FFF}
table.users tbody td {border-bottom: 1px solid #333; color:#000}
/* table td dark and light */
.table_dark { background-color: #555}
.table_light { background-color: #666}
.pictop { background-color:#333; border:1px solid #333}
/* Footer
 ------------------------------------ */
div#footer p {color:#555}
/* big image style */
div.myimage {border:1px solid #333;}
div.caption {background-color: #333;}