/*

Theme Name: Shoomba
Theme URI: http://www.kevinpajak.com/
Description: This is Shoomba 3
.
Version: 3.0

Author: Kevin Pajak

Author URI: http://www.kevinpajak.com/
*/

body {
	background-color: #000000;
	margin:0px auto;
	padding:0px;
	font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	width: 902px;
    height: 100%;
	text-align: center;
}



#wrapper{width:902px; margin:0px auto; text-align:center; }

#container{width:902px; margin:0px auto; padding:0px; text-align:left; bottom:0; float: left; 



}

#header{margin: 0 auto; top:0; padding:0px; width:900px; height:163px; background: url(images/header-bkgrd-1px.gif); font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;  border-right:1px solid #666666; border-left:1px solid #666666; float:left;}

#logo{width:369px; height:122px; background: url(images/logo.gif) no-repeat; float:left;}

#tagline{width:271px; height:122px; padding-top:30px; padding-left: 10px; color:#ffffff; font-size:11px; float:left; text-align:left;

/* Fix IE. Hide from IE Mac \*/
* width: 281px;
/* End */

}

#pic-me{margin:0; width:144px; height:122px; background: url(images/me-pic.gif) no-repeat; float:left;

/* Fix IE. Hide from IE Mac \*/
* width: 134px;
/* End */
}

#facebook-add-me{margin:0; width:106px; height:122px; background: url(../images/facebook-add-me.gif) no-repeat; float:left;
}


#linkedin-connect{margin:0; width:106px; height:122px; background: url(images/linkedin-connect.png) no-repeat; float:left;
}


#navbar{position: absolute; top: 122; height:41px; width: 900px; padding:0px; margin:0 auto; float:left;


/* Fix IE. Hide from IE Mac \*/
* position:relative;
/* End */

/* Fix IE. Hide from IE Mac \*/
* margin-top:-122px;
/* End */

}


#portfolio{margin:0; padding:0px; width:152px; height:41px; background: url(images/portfolio.gif) no-repeat; float:left;}

#portfolio:hover {background: url(images/portfolio-over.gif) no-repeat; float:left;}


#portfoliocurrentpage{margin:0; padding:0px; width:152px; height:41px; background: url(images/portfolio-over.gif) no-repeat; float:left;}



#resume{margin:0; padding:0px; width:134px; height:41px; background: url(images/resume.gif) no-repeat; float:left;}

#resume:hover {background: url(images/resume-over.gif) no-repeat; float:left;}

#resumecurrentpage {margin:0; padding:0px; width:134px; height:41px; background: url(images/resume-over.gif) no-repeat; float:left;}



#about-me{margin:0; padding:0px; width:151px; height:41px; background: url(images/about-me.gif) no-repeat; float:left;}


#about-me:hover {background: url(images/about-me-over.gif) no-repeat; float:left;}

#aboutmecurrentpage {margin:0; padding:0px; width:151px; height:41px; background: url(images/about-me-over.gif) no-repeat; float:left;}



#apps{margin:0; padding:0px; width:105px; height:41px; background: url(images/apps.gif) no-repeat; float:left;}

#apps:hover {background: url(images/apps-over.gif) no-repeat; float:left;}

#appscurrentpage {margin:0; padding:0px; width:105px; height:41px; background: url(images/apps-over.gif) no-repeat; float:left;}



#blog{margin:0; padding:0px; width:108px; height:41px; background: url(images/blog.gif) no-repeat; float:left;}

#blog:hover {background: url(images/blog-over.gif) no-repeat; float:left;}

#blogcurrentpage {margin:0; padding:0px; width:108px; height:41px; background: url(images/blog-over.gif) no-repeat; float:left;}



#contact{margin:0; padding:0px; width:151px; height:41px; background: url(images/contact.gif) no-repeat; float:left;}

#contact:hover {background: url(images/contact-over.gif) no-repeat; float:left;}

#contactcurrentpage {margin:0; padding:0px; width:151px; height:41px; background: url(images/contact-over.gif) no-repeat; float:left;}



#navbar-filler{margin:0; padding:0px; width:99px; height:41px; background: url(images/navbar-filler-rt.gif) no-repeat; float:right;

}


/*
#main{width:auto; display:block; padding:0px; color:#999999}
*/


#content {margin-top:0px; width:902px; background:#ffffff; 
bottom: 0;}



#content #sidebar {width:180px; background:#ffffff; float:left; padding:2px 0 0 26px;



/* Fix IE. Hide from IE Mac \*/
* padding: 17px 0 0 26px;
/* End */

}

/* Target all Firefox - Special Thanks to: http://perishablepress.com/press/2009/06/28/css-hacks-for-different-versions-of-firefox/ */ 
@-moz-document url-prefix() { #content #sidebar { padding-top: 3px; } } 



/* Opera hack - with VERY special thanks to Neil Grosskopf!! - http://www.nealgrosskopf.com/tech/thread.php?pid=20 */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #content #sidebar { padding-top: 17px; }
}



#content #sidebar ul {
	    list-style: none;
}



#content #postarea {width:650px; background:#ffffff; float:right; padding-right: 20px; padding-left: 26px; padding-bottom: 30px; 


/* Fix IE. Hide from IE Mac \*/
* padding: 16px 16px 30px 0px;
/* End */

/* Fix IE. Hide from IE Mac \*/
* width: 686px; 
/* End */

}


@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #content #postarea { padding-top: 16px; }
}


#interiorcontent{top: 163px; position:absolute; width:802px; height:218px; padding:30px 60px 10px 40px; background:#ffffff; float:left; font-family:verdana; font-size: 13px; color:#000000;

/* Fix IE. Hide from IE Mac \*/
* height: 254px;
/* End */

/* Fix IE. Hide from IE Mac \*/
* width: 902px;
/* End */

}




/*** FEATURE SECTION ********************/
#feature{top: 419px; position:absolute; width:450px; height: 298px; float:left; background:#000000; color:#ffffff; padding: 26px; border-left:1px solid #666666; border-bottom:1px solid #666666;



/* Fix IE. Hide from IE Mac \*/
* top: 416px;
/* End */

/* Fix IE. Hide from IE Mac \*/
* height: 350px;
/* End */



}


#recentprojects{margin:0; width:396px; height:129px; background: url(images/feature-box-bkgrd.gif) no-repeat; float:left; padding:20px 20px;}
/***************************************/





/*** TWITTER SECTION ********************/
#tweets{top: 419px; margin-left:450px; position:absolute; width:450px; height: 350px; background:#000000; border-left:1px dashed #666666; border-right:1px solid #666666; border-bottom:1px solid #666666;


/* Fix IE. Hide from IE Mac \*/
* top: 416px;
/* End */

/* Fix IE. Hide from IE Mac \*/
* width: 452px;
/* End */


}


#twitter-follow{width:141px; height:162px; background: url(images/twitter-follow-me2.gif) no-repeat; float:left; margin-left: 8px; margin-top: 14px;


/* Fix IE. Hide from IE Mac \*/
* margin-top:16px;
/* End */

/* Fix IE. Hide from IE Mac \*/
* right:0px;
/* End */

}


.tweetfeed{margin-left: 141px; width:286px; padding-top:6px; 


/* Fix IE. Hide from IE Mac \*/
* padding-top:16px;
/* End */


}

.tweetfeed a:link, .tweetfeed a:visited {color:#ffff00;}

.tweetfeed ul li {margin-bottom: 7px; border-bottom: 1px dotted #575757; padding-bottom:10px;}


/****************************************/


/* TEXT CSS */
.portfoliotitle{font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; margin-left:38px; font-size: 25px; color:#000000; font-weight:bold;}

.featuretitle{font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; font-size: 25px; color:#000000; font-weight:bold;}

.descriptor{font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; margin-left:40px; font-size: 11px; color:#666666;}

.descriptorwhite{font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; margin-left:40px; font-size: 11px; color:#ffffff; }

.tweetwhite{font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; margin-left:40px; font-size: 13px; color:#ffffff;}

.h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 17px; font-weight: bold;}

.resumetext {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/************/





/*
div.spacer, solves an issue with #container height
in css 2-column layout.
*/


/*
div.spacer{clear:both; height:10px; display:block;}
*/


#footer{clear:both; bottom:0; margin:0 auto; width:900px; text-align:center; vertical-align:middle; font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; font-size: 11px; padding-top: 30px; background: #000000; color: #ffffff;  border-bottom:1px solid #FFFFFF;}


textarea#comment { width: 400px; padding: 5px; }  
   
.commentmetadata { font-size: 10px; }

H2 {font-size: 18px;}

.postmetadata {
border-bottom: 1px dashed #666666;
padding-bottom: 22px;

/* Fix IE. Hide from IE Mac \*/
* padding-bottom:24px;
/* End */

}