/* ======================================================================

    Garage.css

    SEOmoz.org
    timothy@seomoz.org
    (c) 2009, All Rights Reserved.

    Stylesheet prepared by Timothy Christensen
    Version: 2-2-09

 ======================================================================== */

/*----------------------------------------------------------------------- 
    Visual Styles (from: Tripoli Visual, author: David Hellsing)
 ------------------------------------------------------------------------ */

a:link {
	color:#36C;
}

a:visited {
    color:#36C;
}

a:hover, code, pre {
	color: #C33;
}

a:active, .a:focus {
	color: #000;
}

abbr[title], acronym[title], dfn[title] {
	border-bottom: 1px solid #CCC;
}

blockquote {
	color: #666;
}

blockquote p:first-child:before { /* pure CSS blockquote */
    content: "\201C";
    color: #AAA;
    font-family: Georgia, serif;
    font-size: 2.5em;
    line-height: 0;
    margin-left: -.62em;
    padding-right: .2em;
}

del {
	color: #666;
}

dfn, ins {
	border-bottom-color: #666;
}

fieldset {
	border-color: #CCC;
}

textarea, input[type='text'], input[type='password'], select {
    background: #FFF;
	border: 1px solid #CCC;
}

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #AAA;
}

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #888;
}
    
.alt { 
	font-family: "baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif; 
	font-style: italic;
	font-weight: normal;
}

.dquo {
	margin-left: -.55em;
}

.content hr {
	background: #AAA;
	color: #AAA;
}

.content table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.content th, .content td {
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #CCC;
	padding: 0.8em; /* check with the line-height spacing defined in blueprint.css */
}

.underline {
    text-decoration: underline;
}


/*----------------------------------------------------------------------- 
    Tab Styles (from: Woork, author: Auntonio Lupetti)
 ------------------------------------------------------------------------ */

    /*------------------------------------------------------------------- 
        ** Usage **
        
        <ul class="tab">
            <li rel="home" class="active"><a href="home.html"><span>Home</span></a></li>
            <li rel="upcoming"><a href="#upcoming"><span>Upcoming</span></a></li>
            <li rel="favorites"><a href="#favorites"><span>Favorites</span></a></li>
            <li rel="messages"><a href="#messages"><span>Messages</span></a></li>
            <li rel="account"><a href="#account"><span>My Account</span></a></li>
        </ul>
        <div class="tab-body"></div>
        
     -------------------------------------------------------------------- */

.tab-body {
    background: #E9F0F5;
	padding: 20px;
}

ul.tab, .tab li {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.tab {
	border-bottom: 1px solid #E9F0F5;
	height: 2.9em;
}

    .tab li {
        float: left;
        margin-right: 2px;
    }

.tab a:link, .tab a:visited {
	background: url(images/tab-round.png) right 74px;
	color: #56554E;
	display: block;
	height: 2.9em;
	line-height: 3.0em;
	text-decoration: none;
}

.tab a span{
	background: url(images/tab-round.png) left 74px;
	display: block;
	font-size: 1.25em;
	height: 1.74em;
	margin-right: 14px;
	padding-left: 14px;
}

.tab a:hover {
	background: url(images/tab-round.png) right 37px;
	cursor: pointer;
	display: block;
	color: #E0DED0;
}

.tab a:hover span{
	background: url(images/tab-round.png) left 37px;
    cursor: pointer;
	display: block;
}

/*------------------------------------------------------------------- 
    Active Tab
 -------------------------------------------------------------------- */

.active a:link, .active a:visited, .active a:visited, .active a:hover{
    background: url(images/tab-round.png) right 0 no-repeat;
	color: #1C4E7E;
}

.active a:focus {
    outline: none;
}

.active a span, .active a:hover span {
	background: url(images/tab-round.png) left 0 no-repeat;
	font-weight: bold;
}