/* our own reset */
th,td {border:0;}
th {text-align:center;}
td {padding:3px;}
ul li {list-style:none;}
ol,ul,dl {margin:0;}

* {margin:0; padding:0;}

html, body {background-color:#594625; width:100%; height:100%; margin:0; padding:0;}
body {background:url('/static/images/background.jpg') repeat-x top left; font-family:"Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
strong, em, b, i {font-family:"Myriad Pro", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
p {margin-bottom:10px;}
.clearall {clear:both;}

/* general text styles */
a:link, a:visited, a:active{color:#a7a6a6; font-weight:normal; text-decoration:none;}
a:hover{font-weight:normal; text-decoration:underline;}
a img{border:0px;}
p {font-size:1.0em; padding:0; margin-bottom:1em; line-height:1.6em;}
p.reset {margin:0px;}
#main ul {margin:0px 0px 0px 20px; padding-left:0px; font-size:1.1em;}
#main ul li {padding-bottom:5px; list-style:disc;}
#main ul.reset_list {list-style-type:none;}
#main ol, ol li {margin:0 0 10px 10px; padding-left:5px; list-style:decimal;} /* default behavior for ordered lists */
#main ol li {font-size:0.9em; line-height:1.6em;}

/* body text styles */
address {padding-left:25px; margin-bottom:10px;}
h2 {font-size:1.2em; margin:20px 0 5px 0;}
h3 {font-size:1.0em; margin:20px 0 5px 0; font-weight:bold;}
#main ul {font-size:0.95em; margin-left:5px; margin-bottom:10px;}
table th {text-align:center; padding:1px;}
table td {padding:2px;}

/* body */
#wrap {min-height:100%;}
#main {overflow:auto; padding-bottom:320px;}
#main.frontpage {min-height:450px;}
#slideshow {width:546px; height:420px; position:absolute; top:15px; right:520px;}
.pizza {position:absolute; top:0; left:20px; background:url('/static/images/slideshow/pizza.jpg') no-repeat top left; width:280px; height:199px; border:1px solid white; z-index:150;}
.fries {position:absolute; top:0; right:0; background:url('/static/images/slideshow/garlic-fries.jpg') no-repeat top left; width:200px; height:300px; border:1px solid white; z-index:400;}
.beer {position:absolute; bottom:0; left:0; background:url('/static/images/slideshow/beer.jpg') no-repeat top left; width:280px; height:186px; border:1px solid white; z-index:250;}
.dude {position:absolute; bottom:75px; left:150px; background:url('/static/images/slideshow/dude.jpg') no-repeat top left; width:300px; height:199px; border:1px solid white; z-index:300;}
#content {margin-top:70px; margin-left:200px; color:#EEE; width:575px; font-size:17px; line-height:23px;}
#content h2 {font-size:24px; color:#FFF; padding-bottom:10px;}
#blogroll {color:#FFF; position:relative;}
#blogroll .title {font-size:24px;}
#blogroll .timestamp {font-size:11px; padding-bottom:10px;}
#blogroll .post {font-size:17px; line-height:22px;}
#blogroll .postcontainer {padding-bottom:15px;}
#blogroll .past .title, #blogroll .past .timestamp, #blogroll .past .post {color:#999;}
.scroll-pane {width:310px; height:300px; overflow:auto;}
.jScrollPaneContainer {position:absolute; top:20px; right:70px; overflow:hidden; z-index:1; padding-right:10px;}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%;}
.jScrollPaneDrag{position:absolute; background:#CCC; cursor:pointer; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px;}
#twitroll {z-index:500; padding:0 20px 0 20px; width:200px; background:#ddeef6; font-size:14px;}
a#twitter-link {padding:5px 0 10px 0; font-weight:bold;}
#twitter_div .item {padding-top:15px;}

/* secondary pages */
#map {position:relative; height:226px; width:503px;}
#map p {position:relative; top:-42px; left:10px; text-align:left; color:white; font-weight:bold;}

/* footer */
#ft {position:relative; margin-top:-290px; height:290px; clear:both; background-color:#47391e; width:100%; color:white;}
#logo {position:absolute; bottom:240px; left:50%; margin-left:-97px; background:url('/static/images/logo.png') no-repeat top center; width:194px; height:98px; z-index:1000;}
#logo h1 {text-indent:-10000px;}
#columns {margin:0 auto; width:900px;}
#col1, #col2, #col3, #col4 {float:left; margin-top:50px; font-size:18px; line-height:32px;}
#col1 {}
#col2 {margin-left:50px;}
#col3 {margin-left:50px;}
#col4 {margin-left:50px;}
#social {position:absolute; bottom:10px; width:100%; text-align:center;}