/* YUI reset 2.6.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

html {color:#000; background:#fafaf4; font-family:Times New Roman, serif; font-style:italic; font-weight:lighter;}

.invisible {display: none;}
.left {float: left;}
.right {float: right;}
.underline {text-decoration: underline;}

a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {}
h2 {font-family:Garamond, serif; font-size:32px; line-height:1em;font-weight:normal;}
h3 {font-size:18px; font-weight:bold; font-style:normal;} 
h3.date {font-weight:lighter; color:#6d6e71;}
h3.section {font-weight:normal; font-style:italic;}
h4.searchquery { font-family:Garamond, serif; font-size:18px; font-style:italic;line-heigth:1em;margin-top:-7px;}

ul.pagenav {float:right; margin-bottom:8px;}
ul.pagenav li {float:left; width:23px; height:23px; margin:0 2px; background:url(../images/pagedots.png) no-repeat; text-align:center; line-height:1.8em; font-family: Garamond, serif; font-size:14px; font-style:normal; font-weight:bold;}
ul.pagenav li.active {color:#fafaf4; background:url(../images/pagedots.png) no-repeat -23px 0;}
ul.pagenav li.active a {color:#fafaf4;}
div.spectacles { width:39px; height:17px; background: url(../images/grazlogo.png) no-repeat -34px -30px; }
span.line {height:0; border-bottom:thin solid #000;}

div#container {width:800px; margin:auto; margin-top:50px; overflow:visible;}

div#header {width:100%;}
	div#logo {height:35px;margin-bottom:38px;}
	div#navigation {font-size:18px;overflow:hidden;}
	div#search {position: relative; float: left; line-height:3em;margin-top:-3px;padding-top:3px;}
	div#search input {background:#fafaf4;vertical-align:middle; width:201px; margin-top:-3px; padding:6px; padding-bottom:3px; border:1px solid; font-family:Times New Roman,serif; font-style:italic; }
	div#search a {margin-left:10px;}
	div#links {float:right; line-height:2em;}
	div#links span.divider {margin-left:7px; margin-right:7px;}
	div#links a.selected {font-weight: bold;}

div#footer {height:auto; position:relative;padding-bottom:40px}
	div#footer span.line {float:left; width:94%; margin-top:8px}
	div#footer p{padding-top:14px;}
	div#footer p img {vertical-align:middle;}
	span.boilerplate {color:#6e6f71; font-size:12px;letter-spacing:2px;}
	span.boilerplate a {font-weight:bold;}


div#content {overflow:visible; margin-top:14px;}

/* Home page */
ul#gallery {height:100%;width:818px;}
	ul#gallery li {display:inline; } 
	ul#gallery li img { width:260px; height:260px; margin-right:7px; margin-bottom: 7px;}
p#title {margin-top:1em; height:1em; font-weight:bold;}
	p#title span.triangle {font-size:10px; margin-right:4px;}

/* Products page */
div#product {margin-top:36px;}
	div#productdata {padding:16px 0 30px; border-top:thin solid #000;}
	div#productdata img {margin:15px 25px 30px;}
	div#productdata p {font-size: 13px; width:600px; margin:7px 0;}
	div#productdata div.buy {float:right; border:thin solid #000; width:115px; height:31px; line-height:2em; text-align:center; text-transform:uppercase; font-weight:bold; font-style:normal;}
	div#productdata div.buyhover,
	div#productdata div.buyhover a,
	div#productdata div.buyhover a:hover {color:#fafaf4;background:#000;text-decoration:none;}

/* Projects page */
div#projects {margin-top:36px;}
	div.project {border-top:thin solid; padding-top:10px; margin-bottom:80px;}
	div.project p {font-size: 13px; width: 600px; padding:10px 0 14px;}
	div.project img {margin: 15px 25px;}

/* Search results page */
div#results { border-top:thin solid; margin-bottom:60px;}
	div.result { padding-top:10px; margin-bottom:3px; overflow: auto; clear:both;}
	div.result img {float: left; margin-right:15px;}
	div.result p { font-size:13px; margin-bottom:9px; }

/* Subscribe page */
div#subscribe {margin-top:36px;}
	div#subscribe-details {padding:16px 0 10px; border-top:thin solid #000;}
	div#subscribe p { margin-bottom: 30px; width: 600px; font-size: 13px; }
	div#subscribe ol#errors{ margin-left: 30px; font-size: 13px; color: #CC3300; margin-bottom: 30px;}
	div#subscribe div.subscribe-col-left {float: left; clear: both; width: 300px;}
	div#subscribe div.subscribe-col-right {float: left;}
	div#subscribe div.subscribe-submit {clear: both;}
	div#subscribe legend { display:none; }
	div#subscribe label { font-weight: bold;font-size: 13px; }
	div#subscribe input { background:#fafaf4;vertical-align:middle; width:250px; margin-top:0px; padding:6px; padding-bottom:3px; border:1px solid; font-family:Times New Roman,serif; font-style:italic;margin-bottom:30px; }
	div#subscribe select { background:#fafaf4; border: 1px solid; width: 250px; height:31px; margin-bottom:30px; margin-top:0px; font-family:Times New Roman,serif; font-style:italic; }
	div#subscribe input.submit {background:#fafaf4;vertical-align:middle; width:115px; margin-top:0px; height:31px; padding:0px; padding-bottom:3px; border:1px solid; font-size: 18px;font-family:Times New Roman,serif; font-style:normal; font-weight: bold; line-height:1.5;cursor: pointer; }
	div#subscribe input.submit:hover {background:#000000;vertical-align:middle; width:115px; margin-top:0px; height:31px; padding:0px; padding-bottom:3px; border:1px solid; color: #ffffff; font-size: 18px;font-family:Times New Roman,serif; font-style:normal; font-weight: bold; }
