/*
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 {
height: 130%;
}

body {			        
background-color:white;
height:100%;
color:#6a737b;
width:700px;
font-family: Arial, sans-serif;
font-size:0.8em;
font-weight:550;
line-height: 15px;
padding:25px;
margin:0px}




.wrapper{
background-color:white;
height:relative;
position:absolute;
width:970px;
margin-left:10px;
left:68px;
top:0px;
}

.footer {
position: relative;
margin-top: -7.5em;
background-color:red;
width:500px;
height:80px;
}


.main_header {
position:absolute;
width:670px;
left:18px;
top:110px;
}

.rule1 {
border-top: 1px #444251 solid;
position:absolute;
height:0.5em;
width:661px;
left:18px;
top:95px;
}

.rule1a {
border-top: 1px #444251 solid;
position:absolute;
height:0.5em;
width:170px;
left:730px;
top:95px;
}

.details {
position:absolute;
height:80px;
width:170px;
left:730px;
top:115px;
}

.rule2 {
border-top: 2px #444251 solid;
position:absolute;
height:0.5em;
width:880px;
left:18px;
top:55px;
}

.rule3 {
border-top: 2px #444251 solid;
position:absolute;
height:0.5em;
width:430px;
left:248px;
top:240px;
}

.rule4 {
border-top: 2px #444251 solid;
position:absolute;
height:0.5em;
width:170px;
left:730px;
top:240px;
}

.work {
position:absolute;
height:32px;
width:170px;
left:730px;
top:135px;
padding-bottom:2px;
border-bottom: 1px #DCDDDE solid;}
}


.contact2 {
position:absolute;
font-size:0.9em;
line-height:15px;
top:190px;
left:730px;
width:280px;
margin-bottom:2px;
height:132px;
}

.header_right {
position:absolute;
font-size:0.9em;
line-height:15px;
width:120px;
left:478px;
top:110px;
z-index:10;
}



.title {
position:absolute;
width:660px;
height:60px;
left:18px;
top:110px;
z-index:4;
border-bottom: 1px #CCCCCC solid;
}

.news {
position:absolute;
font-weight:500;
top:10px;
left:18px;
width:200px;
height:32px;
border-bottom: 1px #DCDDDE solid;
}

.about {
position:absolute;
top:10px;
left:248px;
width:200px;
height:32px;
border-bottom: 1px #DCDDDE solid;
}

.contact {
position:absolute;
top:10px;
left:478px;
width:200px;
height:32px;
border-bottom: 1px #DCDDDE solid;}

.home {
position:absolute;
top:10px;
left:730px;
width:170px;
height:32px;
border-bottom: 1px #DCDDDE solid;}

.categories {
position:absolute;
width:250px;
left:730px;
top:460px;
}

.all {
position:absolute;
top:0px;
left:0px;
width:170px;
height:12px;
border-bottom: 1px #CCCCCC solid;
padding: 0 0 5px 2px;
}

.identity {
position:absolute;
top:30px;
left:0px;
width:170px;
height:12px;
border-bottom: 1px #CCCCCC solid;
padding: 0 0 5px 2px;
}

.brand {
position:absolute;
top:60px;
left:0px;
width:170px;
height:12px;
border-bottom: 1px #CCCCCC solid;
padding: 0 0 5px 2px;
}

.print {
position:absolute;
top:90px;
left:0px;
width:170px;
height:12px;
border-bottom: 1px #CCCCCC solid;
padding: 0 0 5px 2px;
}

.graphics{
position:absolute;
top:120px;
left:0px;
width:170px;
height:12px;
border-bottom: 1px #CCCCCC solid;
padding: 0 0 5px 2px;
}


.project_list {
position:absolute;
width:270px;
left:750px;
top:190px;
}


h1, h1 a {font-size:1.9em; color:#444251;}

h2, h2 a {font-size:1.1em; color:#444251;}

a { color:#6a737b; text-decoration:none; text-align:bottom; outline:none  }

a:hover	{ color:#F1676B; text-decoration:none; }

a:active {outline:none;}




.news a:hover, .about a:hover, .contact a:hover, .home a:hover, .work a:hover {
background:transparent url(/wp-content/uploads/2009/09/link.png); display:block; width:100%; color:#6a737b;}

.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; }

.contentIndex   {margin-bottom:8px;  border-bottom:1px solid #CCCCCC; margin-top:-11px;}

.bookmark a { font-weight:700;}

.eachpost { 	
position:absolute;  
background-color:white;
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
}
			
.eachpost > div { padding:10px;}
	
.eachpost .author { padding-right: 3em; }

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

.eachpost .signature { margin-top:1.5em; }



	
#allposts { margin-bottom:60px; margin-top:175px; margin-left:60px; }

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

#menuItem { height:35px; -105px;}

#mainContent img { display: none }
#mainContent {  
border:0;
background: white;
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: white}
.threecols { background: white}

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

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

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

.bubble blockquote { 
				margin: 0 5px 20px 0;
                                font-size:0.85em;
   				-moz-border-radius: 3px;
  				-khtml-border-radius: 3px;
  				-webkit-border-radius: 3px;
				padding: 8px;
				background:#EFF0F0; 
border:1px solid #CCCCCC;}

.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; }


*/ DROPDOWN MENU */

#menu {
margin-top:10px;
position:absolute;
}
#menu ul .item {
display:none; margin-top:10px;
}
#menu ul:hover .item {
display:block; 
}
#menu ul:hover .item a {
text-decoration:none; line-height:16px;
}
#menu ul:hover .item a:hover { 
}
#menu ul {
background:white none repeat scroll 0 0;
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
border:1px solid #CCCCCC; 
width:150px; 
padding:5px;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

.top {  cursor: pointer; background:transparent url(/wp-content/uploads/2009/09/arrow.png) none repeat scroll 0 0; 

}

.clear {
clear:both;
height:10px;
}

p.arrow {
position:absolute;
left:146px;
top:0px;
}
p.arrow img {
height:3px;
width:5px;
}