@import url('http://www.baskindustries.com/styles/new.css');

/* MAIN TAGS */
body { font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; text-align: center; background-color: #fafafa; margin: 0 }
h1,h2,h3 { margin: 0 }
h1 { font-size: 2em; font-weight: bold; display: none; margin: 0.67em 0 }
h2 { font-size: 18px; font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-weight: 600; line-height: 21px; margin-bottom: 5px } /*font-size: 22px; margin: 30px 0 0 }*/
h3 { color: #333; font-size: 16px; font-weight: normal; margin: 20px 0 8px }
p { color: #666; line-height: 18px; margin: 0; padding: 0 }
a { color: #000; text-decoration: none }
a:hover { color: inherit; text-decoration: underline }

/* HEADER */
.header { margin: 30px 0 10px 0; width: 800px; height: auto; float: left; clear: both }
#logo { float: left }
#home_link a { color: #999; text-decoration: none; background-image: url("http://www.baskindustries.com/images/global/home.png"); background-repeat: no-repeat; background-position: left 4px; margin-right: 15px; padding-left: 16px; position: relative; top: -20px; float: right }
#home_link a:hover { color: #000; background-image: url("http://www.baskindustries.com/images/global/home_over.png") }

/* LINK BAR */
.link_bar { font-size: 15px; margin-bottom: 20px; height: 49px; float: right; clear: right }
.link_bar ul { list-style-type: none; margin: 0; position: relative; top: 20px }
.link_bar li { display: inline; margin-right: 15px; margin-left: 15px }
.link_bar a { color: #333 }
.link_bar a:hover { text-decoration: none }

/* MAIN BANNER *//*--- GOOD CODE ---*/
.main_banner { width: 800px; height: auto; float: left; background-color: #fff; margin-bottom: 20px; border: solid 1px #ccc }
.main_banner img { margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }

/* BREADCRUM BAR */
.breadcrum_bar { line-height: 25px; display: block; padding: 0 5px 0 5px; width: 200px; height: 25px; float: left; clear: left; border-bottom: 1px solid #bfbfbf }
.breadcrum_bar img { margin-right: 5px; margin-left: 5px }

/* CONTENT BAR */
.content_bar { line-height: 25px; text-align: right; display: block; padding-right: 5px; padding-left: 5px; width: 550px; height: 25px; float: right; clear: right; border-bottom: 1px solid #bfbfbf }
.content_bar ul { list-style-type: none; margin: 0; padding: 0 }
.content_bar li { display: inline; margin-right: 5px; margin-left: 5px }
.content_bar img { margin-left: 5px }
.content_bar a { color: #666; text-decoration: none }
.content_bar a:hover { color: #000 }

/* SIDEBAR */
.sidebar { width: 182px; height: auto; float: left; padding: 8px; border: 1px solid #ddd; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(238,238,238)), color-stop(1, rgb(255,255,255))); background: -moz-linear-gradient(center bottom,rgb(238,238,238) 42%,rgb(255,255,255) 71%); background-color: #eee }
.sidebar ul { list-style-type: none; margin: 0; padding: 0 }
.sidebar li { line-height: 25px; display: block }
.sidebar h2 { margin: 5px 0 10px 0 }
.sidebar h3 { color: #666; font-size: 14px; font-weight: normal }
#year { color: #333; font-size: 16px; margin-bottom: 0 }
.sidebar h4 { color: #69c; font-size: 14px; font-weight: normal; margin-top: 5px; margin-bottom: 0; border-bottom: 1px solid #ccc }
.sidebar a { font-size: 14px; color: #666; text-decoration: none }
.sidebar a:hover { color: #000; text-decoration: underline }

/* CONTENT */
.content_container { margin-left: 50px; width: 550px; height: auto; float: left }
.content_container .sidebar { width: 50% }
.content_container .sidebar a { text-decoration: underline }
.content_container h2 { margin-top: 5px }
.content_container img.frame { background-color: #fff; padding: 9px; float: right; border: solid 1px #ccc }
.content_container p { margin-top: 5px; margin-bottom: 10px }
.content_block { display: block; margin-top: 50px; margin-bottom: 50px; width: auto; height: auto; float: none }
.content_block img { margin-right: 20px; float: left }
.thumbnail_wide { margin: 10px 8px; width: 144px; height: 100px }
.thumbnail_long { margin: 10px 33px 10px 32px; width: 100px; height: 144px }
#message { color: #0c0; float: left }

/* STATUS BAR */
.status_bar   { color: #999; font-size: 10px; line-height: 20px; margin-top: 20px; width: 100%; height: 20px; float: left; clear: both; border-top: 1px solid #e0e0e0 }
.status_bar p { display: inline; margin-right: 10px; margin-left: 10px }