/*========================================================+
|        CSS for Boxcar Gallery Website                   |
|        554 Santa Fe Drive Denver, Colorado 80204        |        
|        Copyright 2011 Boxcar gallery                    |
|        http://www.boxcar-gallery.com                    |
|                                                         |
+========================================================*/

/* ============== LAYOUT =============== */
body {font: 0.875em/1.5 Verdana, Arial, Helvetica, sans-serif;background: #ffffff;margin: 0;padding: 0;color: #222222;font-weight:normal;}
/* ~~this fixed width container surrounds the other divs~~ */
.pagewrapper {width: 960px;height:100%;background: #ffffff;margin: 0 auto;}
.navigationwrapper {height:45px;border-top: 5px solid #222222;margin: 0 auto;text-align:center;position:relative;clear:both;}
.header {background: #ffffff;margin: 0 0 10px 0;}
.sidebar1{float: right;width: 309px;background: #ffffff;padding: 10px;border-left: 1px dotted #cccccc;margin-left:10px;}
.content {width: 600px;padding: 10px 10px 0 0;margin-right:10px;float: right;}/* ~~ Content Container Stlye ~~ */
.footerwrapper {width:100%;background: #222222;border-top: 1px solid #000000;margin: 0 auto;text-align:center;position: relative;clear: both;}
.footer {width:960px;padding: 10px;color:#cccccc;margin:0 auto;}
.container{border-top: 4px double #cccccc;padding:10px 0 20px 0;}
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}

/* =========== NAVIGATION MENU ========= */

.navigation {width:960px;padding: 10px 0;margin:0 auto;}
ul.nav {float: right;margin: 0 0 3em 0;padding: 0;list-style: none; /* this removes the list marker */}
ul.nav li{float: left;}
ul.nav a, ul.nav a:visited { padding: 0px 10px 5px 10px;display: block;text-decoration: none;color:#222222;background: transparent;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { color: #444444;border-bottom: 3px solid #cccccc;}

/* ======= Element/tag selectors ======= */
ul{list-style-type:none;margin:0;padding:0;}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
h1 {font-size:1.125em;}
h2 {font-size:1em;}
h3 {font-size:0.875em;}
h4 {font-size:0.875em; font-style:italic;}
h5 {font-size:0.750em;}
h6 {font-size:0.750em; font-style:italic; font-weight:normal;color:#999; text-align:right;}

a img {border: none;}
a:link {color: #42413C;text-decoration: underline;}
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus {color: #6E6C64;text-decoration: underline;}

.fineprint p{font-size:8px;color:#858585;font-style:italic;}

/* ======= FONT SIZE FOR CONTENT AREAS ======= */
.fineprint p{font-size:8px;color:#666666;font-style:italic;}
.content p{font-size:0.875em;font-weight:normal;}
.sidebar1 p, .sidebar1 ul, .sidebar1 ol{font-size:0.875em;padding: 0 15px 0 20px;}
.footer p {font-size:.75em;}
.location {padding: 0 15px 0 20px;}
.content ul, .content ol { list-style-type: disc;font-size:0.875em;font-weight:normal; padding: 0 15px 15px 40px;}
.content li, .sidebar li {padding:0 0 5px 0}
.footer a,.footer a:link,.footer a:visited{color:#cccccc;text-decoration:underline;}
.footer a:hover{color:#ffffff;text-decoration:underline;}
.footer h1, .footer h2, .footer h3 {color:#cccccc;}
.footer li, .footer ul {list-style-type:disc;color:#cccccc;}