body {
background:#46739E url(images/bgTEST.png)0 0 repeat-x;
}

/*CAUTION: TEST AREA*/

/*END TEST AREA*/

.container {
position:relative;
top:-20px;
width:100%;
height:100%;
margin:0 auto;
padding:20px 0 0 0;
/*background:url(images/bgTEST.png) 0 0 repeat-y;*/
}

.header {
position:relative;
width:920px;
height:186px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
-moz-border-radius:9px;
-webkit-border-radius:9px;
z-index:2;
background:url(images/pixelPants.png)0 0 no-repeat;
}

.body {
position:relative;
top:-10px;
/*min-height:550px;*/
width:858px;
margin-left:auto;
margin-right:auto;
border-right:2px solid #ff0e3f;
border-left:2px solid #ff0e3f;
border-bottom:2px solid #ff0e3f;
padding:20px 20px 120px 20px;
font-family:Arial, Arial, Helvetica, sans-serif;
background:#daf2f0;
}

.box {
width:100%;
height:80px;
margin:0px 20px 20px 20px;
}

#comicThumb {
cursor:pointer;
}

.comic {
border:2px solid black;
}

#comic {
position:relative;
top:-10px;
display:none;
width:1081px;
height:480px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid black;
z-index:4;
background:url(images/tyQuits.png)0 0 no-repeat;
}

.close {
width:100%;
height:100%;
z-index:5;
cursor:pointer;
background:url(images/close.png) top right no-repeat;
}

.leftBar {
position:absolute;
top:15px;
left:-12px;
width:150px;
padding:0px 10px 30px 10px;
/*z-index:3;*/
-moz-border-radius:9px;
-webkit-border-radius:9px;
background:#99e1da;
border:2px solid #A60524;
overflow:visible;
}

.rightBar {
position:absolute;
top:15px;
right:-10px;
width:154px;
min-height:300px;
padding:0px 8px 30px 8px;
margin-left:10px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
background:#99e1da url(images/barBg.png) repeat-y;
border:2px solid #a60524;
overflow:visible;
}

.barShadow {
position:absolute;
bottom:-11px;
width:165px;
height:10px;
margin:0 0 0 -10px;
opacity:.75;
-moz-border-radius:9px 0 0 0;
-webkit-border-radius:9px 0 0 0;
background:url(images/shadow.png) repeat-x;
}

.items {
position:absolute;
width:800px;
margin-top:10px;
margin-bottom:10px;
padding-bottom:50px;
z-index:2;
border-bottom:1px solid black;
text-align:center;
}

.showcase {
position:relative;
width:675px;
border-bottom:1px solid #40adb0;
padding:10px 20px;
background:url(images/mainShowcaseBg.png)0 0 repeat-y;
}

.mainShowcase {
display:block;
width:675px;
border-bottom:1px solid #40adb0;
padding:0px 4px 10px 4px;
overflow:hidden;
}

.hovery {
border:2px solid #ff0e3f;
}

.hovery:hover {
border:2px solid #5cff03;
}

.hovery:active {
border:2px solid #ff0e3f;
}

.image, a.image:link {
display:inline-block;
margin:0px 5px 10px 5px;
color:#ff0e3f;
}

.hangover {
display:block;
text-align:center;
margin:-35px auto 0 auto;
overflow:visible;
}

/*text elements*/

.copy {
display:block;
width:350px;
padding:5px;
margin:5px;
background-color:#32B8CA;
border:2px solid #ff0e3f;
}

.date {
text-align:right;
font-weight:bold;
font-size:.835em;
}

.description {
position:relative;
width:600px;
margin:10px;
float:right;
text-align:left;
}

.caption {
display:block;
margin-top:0px;
font-weight:bold;
text-align:center;
color:black;
text-shadow:#009499 1px 1px 1px;
background:url(images/caption.png)0 0 no-repeat;
}

.caption2 {
display:block;
margin-top:0px;
font-weight:bold;
color:black;
background:url(images/caption.png)0 0 no-repeat;
}


.justify {
padding:5px;
font-family:Arial, Arial, Helvetica, sans-serif;
text-align:justify;
}

.center {
position:relative;
font-family:Arial, Arial, Helvetica, sans-serif;
text-align:center;
margin-left:auto;
margin-right:auto;
}

a.center:link {
color:#ff0e3f;
}

.floatRight {
display:block;
margin:5px 10px;
float:right;
}

.floatLeft {
margin:5px 10px;
float:left;
}

.displayImage {
margin:20px;
min-width:300px;
max-width:500px;
}

h1 {
color:#ff0e3f;
text-align:center;
font-size:2em;
}

h2 {
color:black;
text-shadow:#009669 2px 2px 2px;
width:280px;
height:20px;
float:left;
padding:10px;
margin-top:20px;
margin-left:-40px;
font-size:1.25em;
text-align:justify;
line-height:90%;
font-family:Verdana, Geneva, sans-serif;
letter-spacing:+1px;
background:url(images/h3bg.png)0 0 no-repeat;
}

h3 {
color:black;
font-size:1.25em;
text-shadow:#009499 1px 1px 1px;
font-family:Verdana, Verdana, Geneva, sans-serif;
}

h4 {
color:#000000;
font-size:1em;
font-weight:bold;
text-align:justify;
text-indent:5px;
}

h5 {
display:inline-block;
color:#B5FF44;
width:170px;
height:40px;
margin:15px 0 15px -8px;
padding-top:8px;
font-size:1.2em;
font-weight:bold;
text-align:center;
text-shadow:#7d0019 2px 2px 2px;
/*border-top:1px solid #B5FF44;
border-bottom:2px solid black;
border-right:2px solid black;*/
background:url(images/h5bg.png)0 0 no-repeat;
}

a.secret:link{
display:none;
width:100%;
height:100%;
border:2px solid #ff0e3f;
}

a.navLink:link {
color:#2D8200;
}

a.navLink:hover {
color:#ff0e3f;
}

a.navLink:active {
color:#ff0e3f;
}

a:link {
color:black;
text-decoration:none;
}

a:hover {
color:#5cff0e;
text-decoration:underline;
}

a:active {
color:#5cff0e;
text-decoration:underline;
}

a:visited {
color:black;
text-decoration:strike;
}

a.footer:link {
color:#ff0e3f;
font-weight:500;
}

a.footer:hover, a.footer:active {
color:#660693;
font-weight:500;
}

.footerBox {
position:absolute;
width:702px;
bottom:0px;
left:0px;
margin:50px 100px 10px 90px;
-moz-border-radius:9px 9px 0 0;
-webkit-border-radius:9px 9px 0 0;
padding:0 10px;
text-align:center;
font-size:.8em;
background:url(images/footerBg.png) 0 0 repeat-x;
}

.breadCrumbs {
position:relative;
margin-top:-6px;
margin-left:25px;
font-size:.825em;
}

/*navIcons*/

.navIcons {
position:relative;
width:902px;
height:32px;
z-index:2;
}

.shirts {
position:relative;
top:140px;
width:43px;
height:32px;
float:left;
margin:0px 15px 0px 30px;
background:url(images/shirtIcon.png)0 0 no-repeat;
}

.shirts:hover {
background:url(images/shirtIcon2.png)0 0 no-repeat;
}

.hoodies {
position:relative;
top:140px;
width:43px;
height:32px;
float:left;
margin:0px 15px 0px 15px;
background:url(images/hoodieIcon.png)0 0 no-repeat;
}

.hoodies:hover {
background:url(images/hoodieIcon2.png)0 0 no-repeat;
}

.mugs {
position:relative;
top:140px;
width:43px;
height:32px;
float:left;
margin:0px 15px 0px 15px;
background:url(images/mugIcon.png)0 0 no-repeat;
}

.mugs:hover{
background:url(images/mugIcon2.png)0 0 no-repeat;
}

.buttons {
position:relative;
top:140px;
width:43px;
height:32px;
float:left;
margin:0px 15px 0px 15px;
background:url(images/buttonIcon.png)0 0 no-repeat;
}

.buttons:hover {
background:url(images/buttonIcon2.png)0 0 no-repeat;
}

.bags {
position:relative;
top:140px;
width:43px;
height:32px;
float:left;
margin:0px 15px 0px 15px;
background:url(images/bagIcon.png)0 0 no-repeat;
}

.bags:hover {
background:url(images/bagIcon2.png)0 0 no-repeat;
}

.misc {
position:relative;
top:140px;
width:43px;
height:32px;
float:left;
margin:0px 15px 0px 15px;
background:url(images/miscIcon.png)0 0 no-repeat;
}

.misc:hover {
background:url(images/miscIcon2.png)0 0 no-repeat;
}

/* navIcon tags */

#shirtTag {
display:none;
position:absolute;
top:120px;
left:60px;
height:17px;
padding:0 2px;
background-color:#ff8b4a;
border:2px solid #ff0e3f;
text-align:center;
color:#ff0e3f;
font-family:Arial, Arial, Helvetica, sans-serif;
}

#hoodieTag {
position:absolute;
display:none;
top:120px;
left:130px;
height:17px;
padding:0 2px;
background-color:#ff8b4a;
border:2px solid #ff0e3f;
text-align:center;
color:#ff0e3f;
font-family:Arial, Arial, Helvetica, sans-serif;
}

#mugTag {
position:absolute;
display:none;
top:120px;
left:200px;
height:17px;
padding:0 2px;
background-color:#ff8b4a;
border:2px solid #ff0e3f;
text-align:center;
color:#ff0e3f;
font-family:Arial, Arial, Helvetica, sans-serif;
}

#buttonTag {
position:absolute;
display:none;
top:120px;
left:270px;
height:17px;
padding:0 2px;
background-color:#ff8b4a;
border:2px solid #ff0e3f;
text-align:center;
color:#ff0e3f;
font-family:Arial, Arial, Helvetica, sans-serif;
}

#bagTag {
position:absolute;
display:none;
top:120px;
left:340px;
height:17px;
padding:0 2px;
background-color:#ff8b4a;
border:2px solid #ff0e3f;
text-align:center;
color:#ff0e3f;
font-family:Arial, Arial, Helvetica, sans-serif;
}

#miscTag {
position:absolute;
display:none;
top:120px;
left:410px;
height:17px;
padding:0 2px;
background-color:#ff8b4a;
border:2px solid #ff0e3f;
text-align:center;
color:#ff0e3f;
font-family:Arial, Arial, Helvetica, sans-serif;
}

.clearTags1 {
position:absolute;
top:0px;
height:130px;
width:920px;
}

.clearTags2 {
position:absolute;
top:140px;
width:350px;
height:40px;
left:450px;
}

.clearTags3 {
position:absolute;
top:140px;
width:30px;
height:40px;
}

*{
margin:0;
padding:0;
text-decoration:none;
border:0;
}