@charset "utf-8";
/* CSS Document */
/* Theme Name: AngryTeeth.net
Theme URI: http://www.angryteeth.net/
Description: This is the main CSS document.  Windows Internet Explorer has modifications in separate style sheets.
Version: 3.0 10/08
Author: SKERichards */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1; 
  font-family:inherit; text-align:left; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing:border-box;}
img {margin:0; padding:0; border:0;}
a img, :link img, :visited img {border:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul {list-style:none;}
q:before, q:after,
blockquote:before, blockquote:after {content:"";}

/* general stuff */
body {font-family:"Trebuchet MS",Arial,sans-serif; font-size:76%; background-color:#81869A;}
h1 {font-size:1.4em; font-weight:bold; color:#333; margin:0; padding:0;}
h2 {font-size:1.2em; font-weight:bold; color:#333; margin: 9px 0 0; padding:0;}	
h3 {font-size:1.2em; font-weight:normal; margin:0; padding:0;}	
p {margin:0; padding:0 0 8px 0; font-size:1.1em;}	
ul {margin:0 0 7px 10px; padding:0 0 0 5px; list-style:none;}
ol {text-align:justify;}
a {text-decoration:none; color:#5686B6;}
a:visited {color:#993399;}
a:hover {color:#3300FF;}
a:active {color:#3300FF;}

/* universal classes - last three designed for use in #wrapper */
.justify {text-align:justify;}	
.error {font-size:1.2em; color:#333;}
.completedBar {margin-bottom:9px;}
.footnote {font-size:.9em;}
.left {float:left; width:49%; padding:5px 5px 5px 0;}
.right {float:right; width:49%; padding:5px 0 5px 5px;}
.margins {padding:5px 5px 5px 0;}
.clear {clear:both; display:block;}
.upperspace {margin-top: 100px;}

/* head - main navigation - it's like a complicated image map, and I have to rebuild it, but it does qualify as being unique. */
#head {height:170px;}	
#logo {background:transparent url(img/pageelements/lizard.png) 0 0 no-repeat; width:231px; height:185px; position:absolute; left:9px; top:35px; z-index:12;}
#logo span {position:relative; display:block; width:220px; height:160px;}
#sidebar {background:transparent url(img/pageelements/sidebar.png) 0 0 no-repeat; width:56px; height:420px; position:absolute; left:12px; top:200px;}
#navbar {background:transparent url(img/pageelements/topbar.png) 0 0 no-repeat; width:683px; height:144px; position:absolute; left:230px; top:22px;}
#navbar a {color:#333; font-size:1.6em; text-decoration:none;}
#link1 {position:absolute; top:3px; left:8px; height:96px; width:98px;}
#link1 span {top:70px; position:relative; display:block;}
#link2 {position:absolute; top:-4px; left:110px; height:55px; width:102px;}
#link2 span {top:0px; left:12px; position:relative; display:block;}
#link3 {position:absolute; top:58px; left:141px; height:81px; width:175px;}
#link3 span {top:58px; position:relative; display:block;}
#link4 {position:absolute; top:-10px; left:288px; height:60px; width:94px;}
#link4 span {top:0px; left:12px; position:relative; display:block;}
#link5 {position:absolute; top:67px; left:375px; height:72px; width:125px; z-index:5;}
#link5 span {top:56px; left:25px; position:relative; display:block;}
#link6 {position:absolute; top:15px; left:432px; height:96px; width:58px; z-index:10;}
#link6 span {top:66px; left:27px; position:relative; display:block;}
#link7 {position:absolute; top:0px; left:491px; height:59px; width:90px; z-index:20;}
#link7 span {top:-5px; left:20px; position:relative; display:block;}
#link8 {position:absolute; top:5px; left:592px; height:86px; width:86px; z-index:10;}
#link8 span {top:73px; left:19px; position:relative; display:block;}

	
/* main layout */
#sideNav {float:left; background:transparent; width:140px; margin-left:100px; padding-bottom:28px; margin-top:28px; z-index:5;}
#sideNav .inner {background-color:#E8E8E8; text-align:center; padding:12px 7px 0; min-height:302px;}
#sideNav .inner a {font-weight:bold; color:#000;}
#sideNav img {margin:2px;}
#main {margin:0 95px 25px 240px; background:transparent; min-width:665px;}
#main .inner {background:#F8F8FF; padding:0 24px;}
body#gallery #main .inner, body#error #main .inner {text-align:center; min-height:350px;}
#wrapper {background:#F8F8FF; padding:28px 24px 0; min-height:150px; min-width:659px;}
#wrapper h3 {border-bottom:#565A51 2px solid; font-weight:bold;}
#wrapper p {padding-top:8px;}
#copy {background-color:#E8E8E8; min-width:659px; color:#666;  padding:12px 24px 0;}
#copy p {text-align:center; font-size:1.0em;}
#copy p.left {text-align:left; width:60%;}
#copy p.right {text-align:right; width:35%;}

/* bubble corners - credit to Stu Nicholls (cssPlay) as the starting point! */
.b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0; background:#E8E8E8;}
.b1, .b2, .b3, .b4, .b5, .b6 {height:1px;}
.b1 {margin:0 8px;}
.b2 {margin:0 6px;}
.b3 {margin:0 4px;}
.b4 {margin:0 3px;}
.b5 {margin:0 2px;}
.b6 {margin:0 2px;} 
.b7 {margin:0 1px;height:2px;}
.mainTop {background:#F8F8FF;}
#sideNav .b1, #sideNav .b2, #sideNav .b3, #sideNav .b4, #sideNav .b5, #sideNav .b6, #sideNav .b7 {margin-right:0;}


/* gallery pieces */
#primaryLinks {position:relative; width:100%; line-height: 1.2em; padding-top:8px; margin-bottom:40px; text-align:center;}
#primaryLinks ul {display:inline; margin:0; padding:0; font-size: 1.1em; font-weight: bold;}
#primaryLinks li {display:inline; list-style:none; z-index:100; border-right: 2px solid #000; padding:0 21px; line-height:20px;}
#primaryLinks ul li.last {border-right:none;}
#primaryLinks ul a {color:#000;}
#primaryLinks ul a:hover {text-decoration:underline; color:#565A51;}
#largeimg {border:#565A51 2px solid;}
#pictureName {text-align:center; font-weight:bold; font-size:larger; margin-top:12px;}
	
#safari {display:none;}	
/* Safari hack... cause the gallery AJAX doesn't work :( */
/*\*/
html>body*div#safari{display:block; margin:20px auto 0 auto; width:480px;}
/**/	
	
/* robot */
#robot {background:transparent url(img/pageelements/robot.jpg) 0 0 no-repeat; padding:0px; margin:70px 0 0; z-index:3; width:126px; height:233px;}
#pay {margin-left:19px; padding-top:76px;}