/*
___________________________________________________________________________

Stylesheet created for Snow City Cafe
  
author: Taughnee Stone    
email:  taughnee@endeavorcreative.com    
website:  www.endeavorcreative.com   
___________________________________________________________________________

*/

/* =Basics
___________________________________________________________________________*/

html, body {
       font: small Verdana, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, sans-serif normal;
       background: #000 url(http://www.snowcitycafe.com/images/graphics/bg.gif) repeat-x top left;
       margin: 0;
       padding: 0;
}

*html body {
        font-size: x-small; /* for IE5/Win */
        f\ont-size: small; /* for other IE versions */
        }

/* Remove padding and margin universally */
       *{
       margin: 0;
       padding: 0;
       }

/* Put margins back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
      margin: 1em 0;
       }

/* Class for clearing floats */
.clear {
	clear:both;
         }


/* =Type Styles
___________________________________________________________________________*/

h1 {
}
	
h2 {
        font-family: "Century Gothic", "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans", Tahoma, sans-serif normal;
        font-size: 22px;
        font-weight: normal;
        letter-spacing: -1px;
        margin-bottom: 0;
}

h3 {
        font-family: "Century Gothic", "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans", Tahoma, sans-serif normal;
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: uppercase;
        border-bottom: 1px dotted #000;
}
h4, h5, h6 {
        font-family: "Century Gothic", "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans", Tahoma, sans-serif normal;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: -1px;

}

caption {

	}
	
blockquote {

	}
	
ul {
        list-style-type: none;
        font-size: 11px;  
}

li {

}

/* =Text Styles
___________________________________________________________________________*/



/* =Link Styles
___________________________________________________________________________*/

a:link{color: #fff; text-decoration: none;}
a:visited{color: #fff; text-decoration: none;}
a:hover{color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
a:active{color: #fff; text-decoration: none;}

.black-link a:link{color: #000; text-decoration: none;}
.black-link a:visited{color: #000; text-decoration: none;}
.black-link a:hover{color: #000; text-decoration: none; border-bottom: 0;}
.black-link a:active{color: #000; text-decoration: none;}

#nav a:link{color: #000; text-decoration: none;}
#nav a:visited{color: #000; text-decoration: none;}
#nav a:hover{color: #000; text-decoration: none; border-bottom: 1px dotted #000;}
#nav a:active{color: #000; text-decoration: none;}

/* =Image Styles
___________________________________________________________________________*/

/* Removes border around linked images */
img {
	border: 0;
}

.avatar img {border: 1px solid #fff; padding: 2px; margin: 2px;}

/* =Layout
___________________________________________________________________________*/

/* =Header or Logo */
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
}


#logo-gold, #logo-white {
         position: absolute;
         left: 40px;
         top: 0;
         height: 108px;
         width: 125px;
         z-index: 500;
         }

/* =Main Nav */

#nav {
       position: absolute;
       top:20px;
       left: 200px;
        }

#menu1 {
      float: left;

}
#menu2 {
      float: left;
      margin-left: 20px;

}

#menu3{
      float: left;
      margin-left: 20px;

}
/* =Content */



#main-content, #main-content-home  {
        position: absolute;
        top: 215px;
        left: 500px;
        width: 370px;
        font-size: 11px;
        line-height: 140%;
        z-index: 200;
        background: transparent;
        height: 340px;
        }


#main-content-home {
        left: 559px;
        }

#main-content{
        top: 225px;
        }

/* =Secondary Content */

#sub-content {
        position: absolute;
        left: 200px;
        top: 225px;
        height: 360px;
        width:220px;
        font-size: 11px;
        line-height: 140%;
        z-index: 700;
        }


/* =Footer */

#footer-home {
        position: absolute;
        left: 559px;
        top: 560px;
        color: #fff;
        }


#footer {
        position: absolute;
        left: 500px;
        top: 560px;
        color: #fff;
        }






/* =Tables
___________________________________________________________________________*/

table { 
  	border-spacing: 0;
	border-collapse: collapse;
}

td, tr {
	padding: 3px;
}



/* =Misc 1
___________________________________________________________________________*/

.clear {clear: left;}

#credits {margin-top: 50px; margin-bottom: 10px;}
#credits p {font-size: 9px; color: #fff;}


#blogbox {
position: absolute;
top: 20px;
right: 20px;
width: 200px;
font-size: 11px;
line-height: 110%;
}
.snip a:link {color: #809AC8;}
.snip a:visited{color: #809AC8;}
.snip a:hover{color: #809AC8;}
.snip a:active{color: #809AC8;}
.snip p {font-size: 11px; line-height: 110%;}