/* MAIN CSS FILE (c) Bob Gilmour (2011) :: http://robertgilmourartforms.com */

/* GENERIC DEFINITIONS */
BODY {background-color: white; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #8e8e8e; font-weight: 200;}
p {margin-bottom: 10px; margin-top: 0px; line-height: 18px; background-color: transparent;}

div, \#, img, form {position: absolute; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
img {border: 1px solid #a9a9a9;}

div#container {left: 50%; top: 50%; width: 902px; height: 560px; margin-left: -451px; margin-top: -280px;} /* border: 1px solid blue;  border-bottom: 1px solid #dcdcdc;*/ /*width: 920;*/

a:link, a:visited, a:hover, a:active {color: #2F4f4f; text-decoration: none; letter-spacing: 2px;} /*b2b2b2*/
a:hover {text-decoration: underline;}

h1, h2, h3, h4 {position: absolute; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h1, h2, h3 {font-size: 30px; color: #b2b2b2; letter-spacing: 12px; margin: 0px; font-weight: normal;}
h1 {color: #b2b2b2;}
h2 {color: #e8e8e8;}
h2, h3 {left: 480px;}
h3 {letter-spacing: 1px; font-size: 12px; line-height: 12px; color: #b2b2b2; top: 50px;}

/* INFO DIVS AND PANELS */
div#blindInfo {display: none;}

/* MENU STYLES*/
div#menuholder {top: 540px; width: 100%; display: block; text-align: center; z-index: 1000;} /*border: 1px solid black*/
 #menuholder table {margin-left: auto; margin-right: auto;}
 #menuholder td {padding: 0px 10px 0px 10px; border-right: 1px solid #D2D2D2; font-size: 10px; color: #a9a9a9;}
 
table#menuspinner {width: 38px; height: 18px; padding: 0px; margin-left: auto; margin-right: auto;}
 #menuspinner div {position: static;}
 #menuspinner td {width: 19px; margin: 0px; padding: 0px; border-right: none;}
 
table#menu_news {display: block; margin-top: 20px; z-index: 1000;} /* border: 1px solid black;*/
 #menu_news td {font-size: 10px; color: #a9a9a9; padding-left: 10px;}
 
table#infoMenu {position: absolute; top: 50px; line-height: 12px; color: #b2b2b2;}
 #infoMenu td {padding: 0px 10px 0px 10px; border-right: 1px solid #D2D2D2; font-size: 10px; letter-spacing: 2px;}
 /*#infoMenu a {letter-spacing: 5px;}*/
 
/* NAV ARROWS */
/*#container_scroll_main a, #container_scroll_side a, #container_scroll_main a:hover, #container_scroll_side a:hover {font-size: 10px; font-weight: 700; margin-left: -2px; cursor: pointer; letter-spacing: 0px;}*/


a.arrow_vert {display: block; width: 7px; text-decoration: none; background-image: url("../resources/arrows_vertical_long.png"); background-position: 0px 0px; background-repeat: no-repeat;}
a.arrow_vert:hover {display: block; background-position: -7px 0px;}

/*
div.arrow_vert {position: absolute; width: 7px; height: 5px; cursor: pointer; background: white; z-index: 1000; overflow: hidden;}
 #icn_scroll_top_a {width: 14px; height: 135px; background-image: url('../resources/arrows_vertical_long.png'); background-position: 0px 0px; display: block; background-repeat: no-repeat;}
 #icn_scroll_top_a:hover {background-position: -7px 0px;}
*/

/*
div.icn {width: 14px; cursor: pointer; background: none;}
div.icn a {display: block; width: 15px; height: 150px; background-position: 0px 0px; background-repeat: no-repeat;}
div.icn a:hover {display: block; background-position: -15px 0px;}
*/
div.icn {width: 15px; cursor: pointer; background: none;}
div.icn a {display: block; width: 15px; height: 15px; background-position: 0px 0px; background-repeat: no-repeat;}
div.icn a:hover {display: block; background-position: -15px 0px;}

/* MENU ICONS */
div.icn_menu {position: static; float: right; width: 30px; cursor: pointer; background: none;}
div.icn_menu a {display: block; width: 30px; height: 30px; background-position: 0px 0px; background-repeat: no-repeat;}
div.icn_menu a:hover {display: block; background-position: -30px 0px;} 

/* ARTIST BIO */
 div#bio {top: 80px; width: 100%; height: 400px; display: block; border: 1px solid red;}  /* border: 1px solid red;*/
 
/* CONTENT WINDOW */
div#contentWindow {top: 80px; width: 100%; height: 400px; margin: 0px;} /* border: 1px solid red; */
div#contentWindow span {position: absolute; left: 45%; top: 45%;}
div#itemContent {}


/* HOME */
.indexImg {position: static; margin: auto; margin-top: 150px;}

/* GALLERY */
table#thmTable {width: 916px; height: 332px; padding: 0px; border-spacing: 0px; border-collapse: collapse;}
  table#thmTable tr {padding: 0px;}
  table#thmTable td {margin: 0px; padding: 0px; text-align: left; vertical-align: top;} /* width: 458px;*/
  table#thmTable td img {position: static; margin: 0px 20px 20px 0px;} 
  table#thmTable td img:hover {border-color: #197070;}

div#itemContent {top: 80px; width: 100%; height: 400px;}
  
div#thumbStrip {left: 0px; top: 500px; height: 32px; width: 902px; overflow: hidden; z-index: 1000;} /* overflow: hidden; border: 1px solid red;*/
  div#thumbStrip img {position: static; margin: 0px 0px 0px 2px; float: right;}
  div#thumbStrip img:hover {border-color: #197070;}

 /* BLOG */

div#blog_main {left: 220px; width: 600px; float: left; color: #282828; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px;} /*letter-spacing: 1px;  border: 1px solid green; height: 450px; overflow: hidden; */
 #blog_main img {position: static; clear: both; margin-bottom: 10px; display: block;}
 #blog_main p {clear: both; line-height: 20px;}
 .caption {font-size: 10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center;}
 /*#blog_main a {margin-left: 3px;}*/
 
div#blog_leftbar {top: -20px; left: 20px;} /*  border: 1px solid red; */

div#categories_menu {position: static; display: block; width: 180px; font-size: 10px;} /* border: 1px solid black;*/
ul#categories, ul#categories li, ul#categories li ul, ul#archives {font-size: 10px; margin: 0px; padding: 0px; list-style: none;} /* list-style: none;  */
 h5 {font-size: 10px; color: #2F4f4f; letter-spacing: 1px; margin: 0px 0px 5px 0px;}
 
div#blog_info {position: static; display: block; margin-top: 20px; width: 160px; font-size: 10px; color: #a9a9a9;} /* border: 1px solid black;*/
img#profile_Pic {position: static; margin-top: 10px;} /*top: 260px; border: */
  
#side_head, #side_list {left: 620px; width: 260px; float: right; height: 50px; overflow: hidden;} /* border: 1px solid green; */
#side_list {top: 50px; height: 400px;}
.single {position: static; width:100%; float:left;}
#archives_list a:link {font-weight: 200; color: #b2b2b2;}
#archives_list a:hover {color: #2F4f4f}

#blog_main h1, #blog_main h2, #blog_main h3, #blog_main h4 {position: static; font-size: 16px; margin: 0px 0px 20px 0px; color: #a9a9a9; font-weight: 700; letter-spacing: 1px;} /*letter-spacing: 1px;*/
#blog_main h3 {font-size: 12px;}
#blog_main h4 {font-size: 10px; letter-spacing: 1px;}

#blog_title:hover, #blog_title a:link, #blog_main h4 a:link, #blog_title a:hover, #blog_main h2 a:link {font-weight: 700;}
#blog_main a:visited, #blog_main a:active, #blog_main a:hover {font-weight: 200;} 



ul#archives_list {list-style: none; font-size: 10px; margin-left: 0px; padding: 0px;}
 ul#archives_list li {margin-left: 0px; padding: 0px;}
.subcat {margin-left:1em;}

.adminpanel {position: static; background-color: white; width: 700px;}
#admin_link {position: static; display: block; margin: 10px 0px 0px 10px;}

#blog_main input[type=button] {border:1px solid #ccc; color:#000; font-size:.8em; line-height:1.5em; cursor:pointer; display:block; float:left; background:#f9f6f2; margin:0 .1em; padding:.2em .8em;}
fieldset {border:1px solid #E4DF94; color:#000; background:#FFFBC0; margin:0 0 8px; padding:10px 8px;}
textarea {width:600px; height:20em; padding:3px;}
#name, #url {width: 200px;}
.comment {color:gray; border-top:1px solid #ccc; background:#F5F6F6; margin:0 0 10px; padding:10px;}
.commentsbox {color:gray; background:#f4f4f4; margin:0px 0px 10px 0px; padding:10px; width: 600px; height: 30px;}
.date {margin:0 0 20px;}
.clearer {clear:both; margin:0 auto; padding:1px 0 0;}



/* ----------------- */
/* OLD CSS */

/* GALLERY */

 
 
/*div#mainThumbs {left: 0px; top: 50px;}*/
/*div#thumbStrip {left: 0px; top: 430px; height: 32px; width: 982px; overflow: hidden; border: 1px solid red;}*/
 /*div#thumbStrip img {margin: 0px 0px 0px 2px; float: right;}/
div#itemDetails {left: 800px; top: 465px; width: 182px; text-align: right;}
div#itemDetails span {float: right;}

div#icn_itemInfo {margin-left: 10px;}
div#icn_itemCart {margin-left: 0px;}
 
div#itemContent {width: 982px; height: 425px; left: 0px; top: 0px;} /* height string set in php_lib.php as a constant */
 /*div#itemContent img {position: absolute; display: block; border: 1px solid #a9a9a9;}*/
 /*div#itemContent img:hover {border: 1px solid #a9a9a9;}*/
/* div#itemInfo {width: 972px; height: 415px; left: 0px; top: 0px; border: 1px solid #a9a9a9; z-index: 10; background-color: white; display: none; padding: 5px;}
 div#itemInfo a:link {font-weight: 200;}*/






/*
 * 

html {overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;}

BODY {scrollbar-shadow-color: #CEE7A3;
scrollbar-highlight-color: #CEE7A3;
scrollbar-face-color: #CEE7A3;
scrollbar-3dlight-color: #CEE7A3;
scrollbar-darkshadow-color: #CEE7A3;
scrollbar-track-color: #CEE7A3;
scrollbar-arrow-color: #CEE7A3;
}*/

