@import url(reset-min.css);
@import url(fonts-min.css);
@import url(../fb/facebox.css);

/*   COLORS   */
body, #side2, #side4    { background-color: #1f8dd2; } /* lighter blue */
#gb cite, #gb .errorlist { color: #1f8dd2; }

/* BLUEISH NEW */ 
#header { 
    background-color: #0087c2; }

/* BLUEISH ORIG */  
#side1, #side3, .submit { 
    background-color: #0a7bc6; } 
.datelist dt, #ft .cite, #tm .cite, #shop .price { color: #0a7bc6; } 

a                       { color: #7b001d; } /* maroon */
#nav, #nav li           { background-color: #7b001d; }
#nav a, .submit, #copy     { color: white; }
#main                   { background-color: white; }

#ft                     { background-color: #d4eefa; } /* light light blue */

#sidecol h4 { color: #616264; } /* gray */
#contact #form { background-color: #eeeeee; }
#contact #form .error input, #contact #form .error textarea { border-color: red; }
#contact em { color: red; }
#shop li { border-color: silver; }

/*   FONTS   */
#nav a { font: bold 93% arial; text-decoration: none; }
h4 { font: bold 108% arial; line-height: 17px; }
p { font: 85% verdana; line-height: 14px; }
p a { font-size: 115%; }
a { font: bold 93% arial; line-height: 18px; }
em, #ft .cite, #tm .cite { font-style: italic; }
strong, #copy p { font-weight: bold; }
.submit { font: bold 153.9% arial; }
#contact #form label { font: 93% arial; }
#contact #form .error label { font-style: italic; }
#contact #form input, #contact #form textarea { font-size: 115%; }
#shop .price { font-size: 115%; }

#ft #ft-1 p { font-family:arial; }
#ft a { font-weight: normal; }


.datelist dt, .datelist h5 { font-weight: bold; font-size: 116%; line-height: 1em; }
#gb cite { font-style: italic; }
#gb label, #gb .errorlist { font-size: 93%; }

#gb h4 { font-size: 93%; }
#gb .errorlist { font-style: italic; }


#main {
    width: 765px;
    padding: 0 50px;
}
#side1 { padding: 0 1%; }
#side2 { padding: 0 1.1%; }
#side3 { padding: 0 2.1%; }
#side4 { padding: 0 1.2% 10px; }

#side4 { min-height: 700px; }
#outter { margin: 0 auto; width: 965px; }
#body { padding: 27px 0 13px; }

#ft { 
    clear:both;
    margin-top: 10px; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    padding-left: 50px;
    margin-right: 0px;
}
#ft h4 { margin-bottom: 5px; margin-top: 0px;}
#ft #ft-1 { float:left; }
#ft #ft-2 { width: 320px; float:left; margin-left: 20px; }
#ft #ft-3 { float:left; margin-left: 40px; }
.clear { clear:both; }
#ft .cite { text-align: right; }

#copy { text-align:center; margin-top: 10px;}
#copy p { margin: 0px auto; }

#header {
    padding: 50px 0 0 20px;
    margin-bottom: 10px;
    height: 118px;
}
#header #wheel { 
    margin-top: -50px;
    margin-left: 190px;
    position: absolute; 
    z-index: 10;
}
#nav { 
    width: 100%; 
    height: 1.5em;
    padding-top: .2em;
}
#nav li { 
    float: left;
    margin: 0 auto; 
    margin-left: 20px;
}

#header #scroll { float: right; position: absolute; top: 0px; margin-left: 283px; z-index: 5;}
#header #scroll li { float: left; padding-left: 15px; background-color: white; }
h4 { margin: 1em 0px 0px 0px; }

#sidecol { width: 310px; float:left; margin-right: 20px; }
#sidecod #video { margin-bottom: 17px; }
#sidecol .photo { margin-bottom: 17px; }
#sidecol h4, #home #sidecol ul, #arts #sidecol ul { padding-left: 10px; }
#maincol {margin-left: 330px;  padding-right: 20px; }
#maincol p, #maincol h3 { margin-bottom: 1em; }
#maincol p img { margin-bottom: -.5em; }


#home #sidecol ul, #arts #sidecol ul { margin-top: 1em; }
#about #sidecol p, #about #sidecol h4, #about #sidecol ul { padding-left: 0px; }

.datelist dt { float: left; width: 1em; text-align: right; padding-right: 10px;}
#sched #maincol p { margin-top: -1em; }
.datelist dl { margin-bottom: 10px; }
.datelist dd { width: 220px; }

#arts #maincol h5 { margin-bottom: 10px; }
#arts #maincol h4, #arts #maincol h5 { font-size: 93%; }
#arts .pages { text-align: right; }

#gb label { display: block; }
#gb .errorlist { float: right; }

#gb fieldset input, #gb textarea, #contact #form ul input, #contact #form textarea { 
    border: 2px solid silver; }
#gb fieldset input, #gb textarea { margin-bottom: 5px; }

#gb textarea { width: 310px; }
.submit { padding: 2px 15px; border: none; margin-top: 10px; }
#gb .submit { margin-bottom: 10px; }
#gb #pages { text-align: right; }

/* NASTY IE HACK! I DARE YOU TO REMOVE THIS LINE */
#contact #form #side-1, #contact #id_state_li { position: relative; }

#contact #form #side-1 { 
    margin-right: 20px; 
    border-right: 2px solid silver; 
    width: 180px;
    float:left;
    padding-bottom: 25px; 
}

#contact ul input, #contact textarea { width: 140px; }
#contact textarea { height: 50px; }
#contact input#id_state { width: 25px; }
#contact input#id_zip { width: 60px; }
#contact #id_state_li { float: left; margin-right: 20px; }
#contact #form { padding: 20px; }
#contact #form div { clear:both; text-align:center; }
#contact #form div p { margin: 0px auto; }
#contact #form ul { margin-bottom: 10px; }

#tm li p { margin: 1em 0 0 0; }
#tm li p.cite { margin-top: 0; text-align: right;}

#shop ul { margin-top: 20px; }
#shop li { 
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    margin-left: 10px;
    float: left; 
    text-align: center;
    width: 224px;
    min-height: 272px;
}
#shop li.first { margin-left: 0px; }
/*#shop li img { height: 100px; width: 100px; background-color: red; display: block; margin: auto; }*/
#shop li .thumb { width: 100%; margin: auto; text-align: center; }
#shop li p { margin-top: 10px; }
#shop li p { text-align: center; }
#shop li .price { text-align: center; }
#shop li .item_name { margin-bottom: -10px; }
#shop .space { min-height: 11px; }