/* Copyright (C) 2005-2009 Brothers Media */


/* GENERAL */
html, body {	
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 14px;
	line-height: 150%;	
	height: 100%;
	color: #fff;
	}	

html { 
	background: #1b1c1e url('../images/html-bg.jpg') repeat-x center top;
	}
body { background: none; }		

h1, h2, h3, h4, h5 { color: #fff; }		

h3.label {
	padding: 5px;
	line-height: 25px;
	background: transparent url('../images/pixel-black60.png') repeat left top; 
	color: #fff;
	display: inline;
	clear: both;
	font-size: 13px;
	}	
h3.label:hover {	background: #4272a2; }

a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	}	
a:hover { text-decoration: underline; color: #fff; }	

div.page {
	width: 900px;
	margin: 0 auto;
	}
/* GENERAL END */
	

/* HEADER */
div#header-wrapper {
	text-align: left;
	width: 100%;
	height: 67px;
	background: transparent url('../images/pixel-black60.png') repeat left top; 
	}
div#header-wrapper img {
	float: left;
	}	
div#header-wrapper p {
	color: #fff;
	font-size: 150%;
	line-height: 300%;
	text-align: right;
	}		
/* HEADER END */


/* NAVIGATION */
ul#navigation {
	float: left;
	text-align: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	}	

li#nav-portfolio { width: 185px; background: transparent url('../images/pixel-black60.png') repeat left top; }
li#nav-portfolio a {
	background: transparent url('../images/nav_portfolio.png') no-repeat center center; 
	display: block;
	width: 165px; 
	height: 28px;
	padding: 10px;
	}
li#nav-portfolio a:hover, li#nav-portfolio a.active { background: transparent url('../images/nav_portfolio_active.png') no-repeat center center; }

li#nav-blog { width: 96px; background: transparent url('../images/pixel-black60.png') repeat left top; }
li#nav-blog a {
	background: transparent url('../images/nav_blog.png') no-repeat center center; 
	display: block;
	width: 76px; 
	height: 28px;
	padding: 10px;
	}
li#nav-blog a:hover, li#nav-blog a.active { background: transparent url('../images/nav_blog_active.png') no-repeat center center; }

li#nav-aboutme { width: 176px; background: transparent url('../images/pixel-black60.png') repeat left top; }
li#nav-aboutme a {
	background: transparent url('../images/nav_aboutme.png') no-repeat center center; 
	display: block;
	width: 156px; 
	height: 28px;
	padding: 10px;
	}
li#nav-aboutme a:hover, li#nav-aboutme a.active { background: transparent url('../images/nav_aboutme_active.png') no-repeat center center; }
/* NAVIGATION END */


/* CONTENT */	
div#content-wrapper { margin: 25px 0 25px 0; }

div#content {
	width: 690px;
	float: right;
	}
	
div.content-bg {
	background: transparent url('../images/pixel-black60.png') repeat left top;
	}	
div.content-inside {
	margin: 25px;
	}	
/* CONTENT END */	


/* FRONTPAGE */	
div.frontpage {
	background: transparent url('../images/frontpage-messages.png') no-repeat 95px 0px;	
	}	
/* FRONTPAGE END */	


/* BLOG */	
div#blog {
	width: 75%;
	float: left;
	text-align: left;
	}
	
div.post {
	margin: 0 25px 25px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #526e80;
	}
/* BLOG END */			


/* SIDEBAR */	
div#sidebar {
	width: 25%;	
	float: right;
	text-align: left;
	xbackground: pink;
	}
	
div#sidebar ul {
	list-style: none;
	margin: 0;
	}	
div#sidebar li {
	margin-bottom: 25px;
	}		
div#sidebar h2 {
	font-size: 125%;
	margin: 0 0 2px 0;
	}				
div#sidebar ul li ul {
	margin: 0;
	}		
div#sidebar ul li ul li {
	margin: 0 0 0 10px;
	}	
	
/* Widgets */	
form#searchform .field {
	width: 96%;
	font-size: 150%;
	}			
/* SIDEBAR END */		


/* CONTENT: PORTFOLIO */	
div.filter {
	width: 690px;
	float: right;	
	}
	
div.filter-controls {
	margin: 0 auto;
	height: 40px;
	width: 397px;
	margin-bottom: 15px;
	background: transparent url('../images/pixel-black60.png') repeat left top; 
	}	
	
div.filter-controls a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 17px 0 17px;
	float: left;
	text-align: center;
	font-size: 17px;
	text-decoration: none;
	color: #fff;
	}	 
div.filter-controls a:hover {
	background: transparent url('../images/pixel-whitealpha.png') repeat left top;
	color: #fff;
	}			
a.filter_all {}
a.filter_design {}
a.filter_apps {}
a.filter_projects {}
a.filter_college {}
	
	
div.project {
	width: 307px;
	float: left;
	font-size: 12px;
	line-height: 150%;
	}
	
div.project h3 {
	margin-top: 10px;
	}
	
div.second	{
	margin-left: 26px;
	}
/* CONTENT: PORTFOLIO END */	


/* FOOTER */	
div#footer {
	padding: 25px 0 25px 0;
	text-align: left;
	font-size: 13px;
	}
div.footer-alternate	{
	background: #1b1c1e url('../images/html-bg.jpg') repeat-x center top;
	}

div#footer div.links {
	width: 245px;
	padding: 10px;
	float: left;
	background: transparent url('../images/pixel-whitealpha.png') repeat left top;
	}	
div#footer div.right {
	width: 615px;
	float: right;
	}		

/* Links */
.links p { line-height: 200%; }
.links p.contact { margin: 0; padding: 2px 0 3px 0; text-align: center; }
.links p.copyright { text-align: center; margin: 0 7px 0 7px; padding-top: 3px; border-top: 1px solid white; }
.links p.socials { margin-bottom: 0; text-align: justify; }
.links p.socials a {
	padding: 4px;
	line-height: 26px;
	background: transparent url('../images/pixel-black60.png') repeat left top; 
	color: #fff;
	display: inline;
	text-decoration: none;
	}
.links p.socials a:hover { background: #4272a2; text-decoration: none; }
	
/* Tweets & Recent Posts */	
.rcpost, .tweet {
  color: #fff; 
  }
.rcpost .rcpost_list, .tweet .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: transparent url('../images/pixel-whitealpha.png') repeat left top;
	}
.rcpost .rcpost_list li, .tweet .tweet_list li {
	overflow: auto;
	padding: .5em; 
	}
.rcpost .rcpost_list a, .tweet .tweet_list li a { color: #fff; }
.rcpost .rcpost_list .rcpost_even, .tweet .tweet_list .tweet_even { background-color: #91E5E7; }
.rcpost .rcpost_list .rcpost_avatar, .tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.rcpost .rcpost_list .rcpost_avatar img, .tweet .tweet_list .tweet_avatar img { vertical-align: middle; }	

.bm-tweets .tweet_list .tweet_even { background: transparent url('../images/pixel-blackalpha.png') repeat left top; }
.bm-tweets .tweet_list .tweet_odd { background: transparent url('../images/pixel-whitealpha.png') repeat left top; }
/* FOOTER END */