/*
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>
*/
body {			background-color:#ffffff;
				color:#000000;
				font-family: Helvetica, Arial, Sans-Serif;
				font-size:11px;
				line-height: 14px;
				padding:2px;
				margin:5px;

				}

a {color:#000000; text-decoration:none; border-bottom: 0px solid #000000;}

a:hover	{color:#7e7e7e; text-decoration:none; border-bottom: 0px solid #fff000;}



hr{
border: 0px; 
border-top: solid 1px #000000;
margin: 4px 0px 6px 0px;

}


.round { 		background-color:#000000;
				padding: 0px;
				width: 200px;
				float: left;
				margin-right: 0px; }

.contentIndex p img { display:none; }

.eachpost { background-color:#ffffff;
	
position:absolute; margin-left: 210px;}

.eachpost > div { padding:5px;}
	
.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 {
margin-top: 5px;
margin-left: 10px;
width: 180px;
float:left;
}


#mainContent img { display: none }
#mainContent {  		border: 0;
				background: #ffffff;
				padding: 0 00px;
				margin-right: 10px;
				margin-bottom: 10px;
				width: 430px;
				float: left;
}
.main { font-size: 0px !important;}
.main p img {	border: 0;
				background: #ffffff;
				padding: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				display: inline; }

object {
padding:12px;
margin-left: -6px;
top:-8px !important;
position:relative;
}

.twocols {background: #ffffff; }
.threecols { background: #ffffff; }

input, textarea, select, button{
				background-color:white;
				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;
   				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; }






/* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : left;
 }

 /*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   color : #000000;
   font-style : normal;
   font-weight:bold;

 }

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-top : -5px;
   margin-left:-40px;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn’t do it in this example. I didn’t feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {

   color : #7e7e7e;
 }

 /*
  This style the single state of the “current_page_item” class link. Not needed for
  the “rss” class link since that target page won’t display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   color : #000000;
   text-align : left;
   border-bottom: 1px solid #000000;
 }


.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}