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

/* GENERIC DEFINITIONS */
BODY {background-color: white; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #b2b2b2;}
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: 982px; height: 600px; margin-left: -491px; margin-top: -300px;} /* 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: Arial,Helvetica,sans-serif;}
h1, h2, h3 {font-size: 30px; color: #b2b2b2; letter-spacing: 12px; margin: 0px; font-weight: normal;}
h1, h2 {color: #b2b2b2;}
h2 {color: #e8e8e8;}
h2, h3 {left: 480px;}
h3 {letter-spacing: 3px; font-size: 14px; line-height: 20px; color: #b2b2b2; top: 40px;}

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

/* MENU STYLES*/
div#menuholder {top: 570px; width: 100%; display: block; text-align: center;}
 #menuholder table {margin-left: auto; margin-right: auto;}
 #menuholder td {padding: 0px 15px 0px 15px; 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;}
 
/* NAV ARROWS */
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;} 
 
/* CONTENT WINDOW */
div#contentWindow {top: 90px; width: 100%; height: 460px; margin: 0px;} /* border: 1px solid red; */


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

/* GALLERY */
table#thmTable {width: 994px; height: 354px; padding: 0px; border-spacing: 0px 0px; border: none;}
  table#thmTable tr {padding: 0px;}
  table#thmTable td {padding: 0px; border: none; text-align: left; vertical-align: top; width: 491px;}
  table#thmTable td img:hover {border-color: #197070;}

div#thumbStrip {left: 0px; top: 430px; height: 32px; width: 982px; overflow: hidden;}
  div#thumbStrip img {position: static; margin: 0px 0px 0px 2px; float: right;}
  div#thumbStrip img:hover {border-color: #197070;}

 /* BLOG */
div#main {left: 0px; width: 700px; float: left; height: 460px; overflow: hidden;} /* border: 1px solid green; */
 #main img {position: static; float:left; clear: both; margin-bottom: 10px;}
 #main p {clear: both;}
 
 
/* ----------------- */
/* 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;}*/
 
 /* BLOG */
#blog {width: 980px;}
 /*#blog img {position: static; float:left; clear: both;}
 /*#blog p {clear: both;}
/* #main {left: 0px; width: 700px; float: left; height: 460px; overflow: hidden;} /* border: 1px solid green; */
/* #main img {margin-bottom: 10px;} */
#main a {margin-left: 3px;}
#side_head, #side_list {left: 720px; width: 250px; float: right; height: 50px; overflow: hidden;} /* border: 1px solid green; */
#side_list {top: 50px; height: 410px;}
.single {position: static; width:100%; float:left;}

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

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

#archives_list a:link {font-weight: 700;}

#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;}


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 {left: 600px; top: 0px;}
#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;}