/* CSS Document */
/** © 2006-2007 TiredHeart.com **/

/****** body ******/
body{margin:0; padding:0; background:url(http://tiredheart.com/images/bg.gif); background-repeat:repeat; font-family:Arial;}

/****** wrapper ******/
#wrapper{width:604px; background-image:url(http://tiredheart.com/images/prop.gif); margin:0 auto; padding:0;}

/****** topnav ******/
#topnav{height:176px;}
#topnav_tert{height:203px;}

/****** content ******/
#content{ margin-left:15px; margin-right:15px;}
.prop{height:100px; width:1px; float:right}
#content form{padding: 0 50px}
#content table .hompage_shirt{border-style:solid; color:#999999; border-width:1px;}
.products{margin:auto; padding-left:40px; padding-top:20px}

/****** size chart ******/
#sizetable{font-size:12px; color:#62626d; line-height:150%;}
#sizetable .th{background-color:#800000; color:#FFFFFF}
#sizetable{background-color:#FFFFFF}
#sizetable{border-style:solid; border-width:1px; color:#62626d}
#sizetable td{border-style:solid; border-width:1px; color:#62626d}

/****** about sidebar ******/
#aboutsidebar{width:150px; float:right; padding:15px}

/****** community sidebar ******/
#commsidebar{width:100px; float:right; padding:15px}

/****** VR ******/
#aboutvertrule{width:1px; height:290px; background-color:#e4e4e5; float:right; margin:3px}
#commvertrule{width:1px; height:270px; background-color:#e4e4e5; float:right; margin:3px}

/****** images ******/
#content .artist{border-width:2px; border-style:solid; color:#e4e4e5}
#content .gallerythumb{border-width:1px; border-style:solid; color:#e4e4e5}
#content .treatedimg{border-width:1px; border-style:solid; color:#e4e4e5}
#content .linkpage{border-width:1px; border-style:solid; border-color:#e4e4e5}
#content {padding-bottom:40px}


/****** footer ******/
#footer{padding-bottom:40px}
#footer .bottomnav a{text-decoration:none; color:#62626d}
#footer{background:url(http://tiredheart.com/images/tiredheart_2007.gif) bottom center no-repeat}
#footer{width:604px; height:41px}
#footer{clear:both}


/****** font treatments ******/
h1,h2,h3{color:#62626d;}
h1{font-size:14px; line-height:75%;}
h2{font-size:11px;}
h3{font-size:10px;}
p{font-size:12px; color:#62626d; line-height:150%;}
.tinytext{font-size:10px;}
#content .tinytext p{ font-size:10px;}
#topnavbar p {font-size:24px; line-height:100%;}
#topnavbar p a{font-size:14px;}
.bottomnav p{font-size:10px;}

/* inline-links */
#footer a img{border:none}
#content a img{border:none}
#content a{text-decoration:none;color:#CC0000}
#content a:visited{text-decoration:none;color:#800040}
#content a:hover{text-decoration:underline;color:#FF0000}

/****** HOMEPAGE *****/
/********************/

.contentslide{height: 172px; background-image:url(http://tiredheart.com/images/tiredheart_bg.jpg);}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 590px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 590px; /*IE5 width*/
w\idth: 590px; /*IE6 width*/
}

.pagination a{ 
font-size:11px;
text-decoration: none; 
color: #999999;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000000;
background-color:#990000;
}

/****** END *********/
/********************/


/****** GALLERY *****/
/********************/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #999999;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #ffffff;
padding: 5px;
z-index: 5;
}

/**** END GALLERY ****/
/********************/


/********** cart ****************/
/*******************************/
	*
	{font-family:Verdana, Arial, Helvetica, sans-serif;}
	
	div.list
    { }

    div.list .product
    {width:430px; float:left; margin :5px; background-color:#FFFFFF}

	div.list .product .name
    {text-align:left; background-color: #ffffff; color:white; padding:2px;}

	div.list .product .name a
    {color:#62626d; text-decoration:none;}

	div.list .product .name a:visted
    {color:#62626d; text-decoration:none;}


	div.list .product img.product
    {float:left; margin:5px; border:0; width:175px;}

	div.view.product, div.list.categories
    {background-color:#FFFFF;}
	
	div.order
    {border:1px solid black; background-color:#e5e5e5;}

    div.list.categories div.list
    {padding:5px;}

	div.list.categories div.list a
     {display:block; float  :left; width  :49%; text-align:left;}

    div.order label, div.list.categories label
     {display:block; border-bottom:1px solid black; background-color: #bb3300; color:white; font-weight:bold; padding:2px;}

    div.view.product label 
     {display:block; background-color: #FFFFF; color:#62626d; padding:2px;}


	div.order label
    {border-bottom:none;}

    div.order
    {border-bottom:none;}

	div.view.product div.description
    {padding:10px; width:525px;}

	div.view.product div.image
    {float:left; margin:5px; padding:5px;}

    div.order table
    {border-collapse:collapse;}

    div.order td, div.order th
    {border: 1px solid black;}

    div.order td.first
    {border-left:none;}

    div.order td.last
    {border-right:none;}

    a.basket
    {display:block; text-align:center; clear:both;}

    a.checkout, a.categories, a.basket
    {display:block; background-color:#C0C0C0; width  :200px; text-align:center; border :1px outset; color  :black; text-decoration:none; padding:3px;}

	a.checkout:active, a.categories:active, a.basket:active
    {border :1px inset;}

    table.buttons
    {margin-top:1em; clear:both;}

    div.error, font.error
    {color:red;}

    a.branding
    {display:block; text-align:center; font-size:10px; color: #C0C0C0;}

/********************************/
/********************************/