/*
Theme Name: Grid-A-Licious(tm)
Theme URI: http://www.suprb.com/grid-a-licious/
Version: 1.0
Author: <a href="http://www.suprb.com">(c) 2008 Suprb</a>
*/

html{
width:100%;
height:100%;
}

ul{
margin: 0px;
padding: 0px;
}



body {			       
color:#999;
font-family: Tahoma, Geneva,Helvetica, Arial, sans-serif;
font-size:11px;
line-height: 15px;
padding:25px;
margin:0px;
background-color:#fff;
z-index:0;
}

a {
color:#fff; 
text-decoration:none; 
font-size:11px; 
border-bottom: 1px dotted #999999; 
outline:none;
}

#menuItem:hover{
color:#000;
}

#menuItem a:hover	{ 
color:#fff;
text-decoration:none;  
background-color:#fff; 
text-indent:-10000px;
background-image:url('bgfunky.gif');
}





.round { 	
background-color:white;
/*-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;*/
padding: 10px;
width: 200px;
float: left;
margin-right: 10px; 
}

.contentIndex p img { display:none; }

.eachpost { 	
/*-moz-border-radius:1px;
-khtml-border-radius: 1px;
-webkit-border-radius:1px;*/
position:absolute;
/*border:1px dotted #bbb;*/
z-index:50;
}


			
.eachpost > div {padding:0px 0px 0px 10px; }
	
.eachpost .author { padding-right: 3em; }

.author, .comment { text-decoration:none; }

.eachpost .signature { margin-top:1.5em; }
	
#allposts { margin-bottom:60px; }

il, ul, ol { list-style-type: none; list-style: none; }

#menuItem { height: 100px; 
background-color:white;

}



 #imagelink{ 
 border-bottom:none;
padding:none;
background-color:#fff;
display:none;
z-index:150;
 }

 



.posts .eachpost:hover #imagelink {display:block;}
.posts .eachpost:hover a {color:#ffffff; background-image:none; color:#fff; font-size:1px; border:none;}
.posts .eachpost:hover p {text-indent:-10000px;}
.eachpost:hover { z-index:100; }



#mainContent img { display: none }
#mainContent {  /*-moz-border-radius:3px;
				-webkit-border-radius:3px;
  				-khtml-border-radius: 3px;*/
				border: 0;
				background: #fff;
				padding: 0 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				width: 430px;
				float: left;
}
.main { font-size: 0px !important; }
.main p img {	/*-moz-border-radius:3px;
				-webkit-border-radius:3px;*/
				border: 0;
				background: #fff;
				padding: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				display: inline; }

.twocols { background:transparent;}
.threecols { background:transparent; }

input, textarea, select, button{
				background-color:#white;
				/*-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;*/
				padding: 3px;
				border:0px;
				margin-top: 5px;
				color:#666;
				font-size:11px;
				font-family: Arial, sans-serif; }
				
textarea { width: 420px; padding: 5px; }

input { padding: 5px; width: 420px; }

.bubble { width: 430px; margin-bottom: 10px; }

.bubble blockquote { background: #fff;
				margin: 0px;
   				/*-moz-border-radius: 3px;
  				-khtml-border-radius: 3px;
  				-webkit-border-radius: 3px;*/
				padding: 3px;
				background: white; }

.bubble blockquote p { margin: 3px; padding: 0px; }

.bubble cite { 	position: relative;
				margin: -7px;
				padding: 7px 0px 13px 18px;
				top: 5px;
				background: transparent;
				font-style: normal;
				display: block; }

.commentmetadata { margin: 0; display: block; }

#commentBox a { text-decoration: none; }

small a { text-decoration: none; }


a img{
border:none;
}



#logo{
height:100px;
background-color:white;
}

#logo a {
font-family:tahoma, arial;
color:#000;
font-size:10px;
border-bottom:none;
background-color: #000;
text-transform:uppercase;
}

#logo a:hover {
color:#000;
border-bottom:none;
background-color: transparent;
}


h2{
color:#000000;
font-family: Arial, sans-serif;
font-size:11px;
line-height: 14px;
font-weight:normal;
}

#myDynamicContent{ 
width:100%;
height:100%;
position:fixed;
z-index:1;
top:0px;
left:0px;
}


.dotsallover{
z-index:2;
height:100%;
width:100%;
position:fixed;
top:0px;
left:0px;
background-color:#fff;
}


.singleposttext{
color:#999;
width:300px;
}

.eachpost ul{
list-style-type:none;
width: 260px;
position:relative;
margin-bottom:20px;
margin-top: -10px;
}

.eachpost li{
color:#999;
border-bottom:1px dotted #666;
margin-top:3px;
padding-bottom:2px;}

.eachpost a{
color:#000;
background-color:#fff;
}

.eachpost a:hover{
color:#fff;
}


#lastfm {
background-image:url(lastico1.png);
background-position:left top;
background-repeat:no-repeat;
color:transparent;
font-size:20px;
border:none;
padding:0px 0px 0px 0px;
}

#lastfm:hover {
background-image:url(lastico2.png);
background-color:transparent;
}

#vimeo{
background-image:url(vimeo1.png);
background-position:left top;
background-repeat:no-repeat;
color:transparent;
font-size:20px;
border:none;
padding:0px 0px 0px 0px;
}

#vimeo:hover {
background-image:url(vimeo2.png);
background-color:transparent;
}

#resample{
background-image:url(resample1.png);
background-position:left top;
background-repeat:no-repeat;
color:transparent;
font-size:20px;
border:none;
padding:0px 0px 0px 0px;
margin-left:-18px;
}

#resample:hover {
background-image:url(resample2.png);
background-color:transparent;
}

/*.hide img {display:none;}
.eachpost:hover img {display:block;}*/

.hide { border-bottom:none; color: transparent;}

#work{
width:70px;
position:relative;
border:none;
display:block;
height:13px;
margin-bottom:1px;
}

#play{
width:70px;
position:relative;
border:none;
display:block;
height:13px;
margin-bottom:1px;
}

#about{
width:70px;
position:relative;
border:none;
display:block;
height:13px;
margin-bottom:1px;
}

#bart{
background-image:url('bgfunky.gif');
background-color:#000000;
width:100px;
position:relative;
border:none;
display:block;
height:15px;
background-color:black;
width:15px;
text-indent:-10000px;
font-size:10px:
}


#bart:hover{
text-indent:0px;
background-image:none;
background-repeat:no-repeat;
background-color:transparent;
width:200px;

}