/* @override http://mactyler.com/wp-content/themes/StarIce/style.css */

/*  
Theme Name: StarIce
Theme URL: mactyler.com
Description: My own personal hand made theme
Version: 1.0
Author: Mac Tyler
Author URL: http://www.mactyler.com

	Valid XHTML 1.0 Strict & CSS2

*/

*{margin:0;padding:0;}

body {
background:#cacaca url(images/framebg.png) top center repeat-y;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#c6c6c6;
padding:0px;
margin:0px;
text-align:left;
}
.logo {
	padding-left: 40px;
}

#preload { height: 0; overflow: hidden; } 

#pallet {
min-width: 1024px;
max-width: 1440px;
margin: 0 auto;
}

#frametop {
background:url(images/frametop.png) top center no-repeat;
}

#header {
background:url(images/headerbg.jpg) top center no-repeat;
padding: 0px;
margin: 0px;
height: 224px;
width: 100%;
}

#navbar {
width:100%;
height:58px;
float:left;
background:url(images/navright.jpg) top left repeat-x;
}

#shadow {
width:100%;
height:166px;
}

#spaceleft {
float:left;
}

#spaceright {
float:right;
}

.tab1 {
              display: inline;
              text-align:center;
              background-image: url("images/Contact.jpg"); 
              float: left;
              background-position:top left;
              height:58px;
              margin: 0px;
              padding: 0px;
              width: 180px;
              position:relative;
			 }    
.tabfade1 {
              display: inline;
              text-align:center;
              background-image: url("images/Contact_Invert.jpg"); 
              float: left;
              background-position:top left;
              height: 58px;
              margin: 0px;
              padding: 0px;
              width: 180px;
              position:relative;
			 }             

.tab2 {
              display: inline;
              text-align:center;
              background-image: url("images/About.jpg"); 
              float: left;
              background-position:top left;
              height:58px;
              margin: 0px;
              padding: 0px;
              width: 180px;
              position:relative;
			 }    
.tabfade2 {
              display: inline;
              text-align:center;
              background-image: url("images/About_Invert.jpg"); 
              float: left;
              background-position:top left;
              height: 58px;
              margin: 0px;
              padding: 0px;
              width: 180px;
              position:relative;
			 }
.tab3 {
              display: inline;
              text-align:center;
              background-image: url("images/Logo.jpg"); 
              float: left;
              background-position:top left;
              height:58px;
              margin: 0px;
              padding: 0px;
              width: 180px;
              position:relative;
			 }    
.tabfade3 {
              display: inline;
              text-align:center;
              background-image: url("images/Logo_Invert.jpg"); 
              float: left;
              background-position:top left;
              height: 58px;
              margin: 0px;
              padding: 0px;
              width: 180px;
              position:relative;
			 }

/* ----------layout-------------- */
#container {
background:url(images/container.jpg) top center no-repeat;
padding: 0px;
padding-top: 5px;
margin-top: 224px;
margin: 0px;
text-align:left;
}

#content {
padding: 0px;
width: 946px;
padding-top: 0px;
margin: 0 auto;
text-align:left;
}

#leftcolumn,#rightcolumn{position:relative;top:50px;}
#leftcolumn{float:left;width:600px;}
#rightcolumn{float:right;width:270px;height:600px;background: url(images/spacer.jpg) left top no-repeat;}


/* ----------sidebar-------------- */

#sidebar {
	width: 196px;
	margin: 0px;
	margin-right: 50px;
	padding: 0px;
	float:right;
}
#navigation {
	display:block;
	padding-left: 10px;
	margin:10px 5px 30px 0px;
}
#navigation li {
	display:block;
	font-size:14px;
	font-family: myriad pro;
	font-weight: 100;
	line-height:1em;
	padding:0;
	margin: 0px;
}
#navigation li a {
	display:block;
	color:#666;
	padding:11px 0;
	width:100%;
	text-indent:10px;
}
#navigation li a:hover, #navigation ul li a:focus {
	text-decoration:none;
	color:#fff;
	background: url(images/sidebars.png) left top no-repeat;
/*	background:url('images/highlight.png') center center no-repeat; */
}
#twitter_div {
/*	color: #a8a7a7; */
	color: #FFF;
	width: 210px;
	font-size: 8px;
	margin-left: 10px;
	margin-top: 6px;
	vertical-align: middle;
}

#twitter_update_list li span {
	font-size: 8px;
	text-shadow: #000 0px -1px 1px;
	display: inline;
}

#twitter_update_list li {
		background:url('images/tweetbg.png') top left;
		padding: 10px 10px 8px 60px;
		display: block;
		min-height: 50px;
}

#twitter_update_list li a {
	display: inline;
	color:#9CF;
}
#twitter_update_list li a:hover {
	display: inline;
	text-decoration:underline;
	color:#9CF;
}


a:focus {
	outline:none;
}
a {
	text-decoration:none;
	color:#005e8f;
}
a:hover, a:focus {
	text-decoration:underline;
}

.posttitle{
	font: 18px "Myriad Pro", Arial, Helvetica, Geneva, sans-serif;
    color: #707070;
	text-shadow: #000 0px -1px 1px;
	padding-left: 22px;
	font-weight: normal;
}
.posttitle a,a:hover{
	color: #707070;
	text-decoration:none;
}
a {
      text-decoration: none;
      color: #666666;
    }
    
    a.glowing {
      color: #0af;
    }
    
.post{background:url(images/entrynope.png) top left repeat-x;padding:2em 0 0.5em;width: 628px;}
.title{color:#656565;margin:0;width:628px;margin-bottom: 10px;}
.date {
display: none;
}
.ratingblock {
	display: block;
	float: right;
	position: relative;
	bottom: 34px;
	right: 24px;
	font-size: 12px;
}
/* ---------- albumart ----------------------- */
.albums {
	width: 230px;
	height: 100px;
	margin: 0 auto;
	margin-top: 10px;
}
.albumart {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.albumart li {
	margin: 10px;
	margin-top: 0px;
	padding: 0;
	float: left;
	position: relative;
}
.albumart img {
	padding: 20px 0 0 0px;
}
.albumart em {
	width: 42px;
	background: url(images/albumart_sm.png) no-repeat;
	display: block;
	position: absolute;
	left: -5px;
	padding-top: 39px;
}
#ilastfm a img, #ilastfm_display a img {
	padding: 2px;
	width: 35px; /* Put the width and the height of the covers here! */
	height: 35px;
	padding-left: 0px;
}
div.ratings img{
	float: right;
	margin: 0px;
	padding: 0px;
}
div.ratings {
	float: right;
	padding-right: 20px;
}
}
h1,h2,h3,h4,h5,h6{font-family:Geneva, Arial, Helvetica, sans-serif;}
h1{font-size:3em;position:relative;top:15px;}
h1 a{display:block;height:65px;padding-top:15px;color:#fff;text-decoration:none;}
h1 a:hover{color:#eee;}
p {
	font: 13px "Myriad Pro", Arial, Helvetica, Geneva, sans-serif;
    color: #606060;
	text-shadow: #000 0px -1px 1px;
	line-height: 20px;
		letter-spacing:1px;
	}
blockquote{background:url(images/quote.png) no-repeat;color:#666;margin:1em;padding:1em 0 0 3em;}
em{font-style:italic;background:#efefe9;}
pre,codeimages
pre{background:#efefe9;border-top:1px solid #ccc;white-space:pre;overflow:auto;max-height:300px;}
img{border:none;}
p img{padding:0px;}
a:focus,a:hover{text-decoration:none;}
ul{list-style-type:circle;}
.clear{clear:both;}
.title h2{color:#d0d0d0;margin-bottom:0.2em;}
.title h2 a{color:#d0d0d0;text-decoration:none;}
.title h2 a:hover{background:none;color:#d0d0d0;text-decoration:underline;}
.postdata,.aside dd span{color:#454545;padding-top: 4px;padding-left: 22px;
font: 10px/10px "Myriad Pro", Arial, Helvetica, Geneva, sans-serif;text-shadow: #000 0px -1px 1px;}
.postdata a,.aside dd span a{color:#454545;font-weight:500;}
.entry{clear:both;padding:0px 20px 0px;line-height:20px;}
#footer{position:relative;top:5em;color:#555;background:url(images/footer.jpg) top center;width:100%;height:70px;padding-top:10px;}
#footpad {
	padding: 20px 220px 10px 220px;
}
#footer p {
	padding-left: 15px;
	padding-right: 20px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
#footer span{color:#999;float:right;}
div.entry a {
	background: #454545;
	padding: 3px 4px 1px 4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
div.entry a:hover {
	background: #525252;
	padding: 3px 4px 1px 4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}