/* @font-face {
   font-family: pointy;
   src: url("fonts/pointy.otf") format("opentype");
}

@font-face {
   font-family: FFF;
   src: url("fonts/FFF Tusj.ttf") format("truetype");
} */

body {margin:0;
	padding:0;
	background:#333 url(gfx/topcurve.gif) repeat-x;
	font-family:Tahoma, Geneva, sans-serif
}

.menuimage1 {
	float:left;
	position:relative; 
	width:800px;
	height:180px;
	border-radius-topright:15px; /* ready for css3 */
	border-radius-topleft:15px; /* ready for css3 */
	-moz-border-radius-topright:15px;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	border:1px solid #d0d0d0;
	margin:15px 0 0 0;
}

.menuimage3 {
	float:left;
	position:relative; 
	width:250px;
	height:180px;
	border-radius-topright:15px; /* ready for css3 */
	border-radius-topleft:15px; /* ready for css3 */
	-moz-border-radius-topright:15px;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	border:1px solid #d0d0d0;
	padding:0;
	margin:15px 0 0 0;
}

.left { float:left; margin-left:25px; }
.right { float:right; margin-right:25px; }
.middle { margin:25px auto 0 auto; }

.textoverlay {position:absolute;
	bottom:0;
	background: url(gfx/transbkg.png) repeat-x;
	height:44px;
	width:100%;
/*	color:#FFF; */
	font-family:Tahoma, Geneva, sans-serif;
}

.textoverlay p {
	margin:6px;
	font-size:24px;
}

#twitter .textoverlay, #links .textoverlay {position:absolute;
	top:0; left:0;
	background: url(gfx/transbkg.png) repeat-x;
	height:44px;
	width:100%;
/*	color:#FFF; */
	font-family:Tahoma, Geneva, sans-serif;
}

#twitter .textoverlay p, #links .textoverlay p {
	margin:0px;
	font-size:24px;
	padding:5px 0 0 5px;
	color:#FFF;
}

img, div, a, p { behavior: url(pngfix/iepngfix.htc) }

#wrapper{
	width:850px;
	margin:93px auto 50px auto;
	background:#FFF url(gfx/top-fade.gif) repeat-x;
	/*min-height:450px;*/
	border-top:1px solid #d0d0d0;
	border-left:6px solid #d0d0d0;
	border-right:6px solid #d0d0d0;
	border-bottom:6px solid #d0d0d0;
	padding:10px;
	border-radius-bottomright:15px; /* ready for css3 */
	border-radius-bottomleft:15px; /* ready for css3 */
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	z-index:100;
}

#header {
	position:relative;
	margin: -105px auto 10px auto;
	font-size:80px;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#333;
}

/* #header .title {font-family:pointy, Tahoma, Geneva, sans-serif; } */

#social {
	font-size:12px;
	position:absolute;
	bottom:12px;
	right:0;
	font-weight:bold;
}

#social a {padding:1px 3px;}
#social a:hover {color:#ff0; text-decoration:none; background-color:#333; -moz-transform:rotate(-3deg) scale(1.4); -webkit-transform:rotate(-3deg) scale(1.4); }

#search {
	float:right;
	position:relative;
	top:20px;
	right:4px;
}

#footer {
	position:relative;
	top:35px;
	margin: 0 auto 0 auto;
	font-size:12px;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	color:#d0d0d0;
}

#topleftcorner{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:-100;
}
#toprightcorner{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	z-index:-100;
}

.clear { clear:both; }

#sals{ background:url(gfx/menu_sals.jpg) no-repeat;}
#about{ background:url(gfx/menu_about.jpg) no-repeat;}
#blog{ background:url(gfx/menu_blog.jpg) no-repeat;}
#music{ background:url(gfx/menu_music.jpg) no-repeat;}
#x77x{ background:url(gfx/menu_77x.jpg) no-repeat;}
#garmin{ background:url(gfx/menu_garmin.jpg) no-repeat;}
#wired{ background:url(gfx/menu_wired4.jpg) no-repeat;}

a #sals:hover, a #sals:active, a #about:hover, a #about:active, a #blog:hover, a #sblogals:active, a #music:hover, a #music:active, a #x77x:hover, a #x77x:active, a #garmin:hover, a #garmin:active, a #wired:hover, a #wired:active { background-position: 0 -180px; color:#FF0;}

a:visited, a:link {color:#FFF; text-decoration:none; }
a:hover, a:active { color:#FF0; text-decoration:none; }

.normal a:visited, .normal a:link {color:#aaa; text-decoration:none;}
.normal a:hover, .normal a:active {color:#ff0; text-decoration:none; background-color:#333;}

#header a.dark:visited, #header a.dark:link {color:#333; text-decoration:none;}
#header a.dark:hover, #header a.dark:active {color:#ff0; text-decoration:none;}

#twitter a:visited, #twitter a:link, #links a:visited, #links a:link {color:#aaa; text-decoration:none;}
#twitter a:active, #links a:active {color:#ff0; text-decoration:none; background-color:#333;}
#twitter a:hover, #links a:hover {color:#ff0; text-decoration:none; background-color:#333; -moz-transform:rotate(-3deg) scale(1.2); -webkit-transform:rotate(-3deg) scale(1.2); }

#twitter .permalink {font-size:9px;}
#twitter .tweet, #links .link {font-size:10px;}
#twitter, #links {
	position:relative;
	width:220px;
	float:right;
	margin:0 0 10px 10px;
	border-radius-bottomright:15px; /* ready for css3 */
	border-radius-bottomleft:15px; /* ready for css3 */
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	border:1px solid #d0d0d0;
	padding:49px 5px 0 5px;
}

.gap6 { height:6px;; margin:0; padding:0; }
.gap10 { height:10px; margin:0; padding:0; }
.vertgap25 {height:180px; width:25px; float:left;}
.vertgap23 {height:180px; width:23px; float:left;} /*23px = 25px - 2px from borders */


#aboutleft {float:left; position:relative; width:600px;}

.randomalbum {margin:3px;}
.randomalbum:hover {border:3px solid #ff0; margin:0;}