/*-----------------------------------------
=BASIC SETUP
-----------------------------------------*/

/* Eric Meyer's CSS Resert */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/* Tell the browser to render HTML 5 elements */
header, footer, nav {
	display: block;
}

body {
	margin: 0 auto;
	width: 940px;
	font: 13px/22px Helvetica, Arial, sans-serif;
}

h2 {
	padding: 30px;
	font-size: 80px;
}

h3 {
	padding: 0;
	font-size: 15px;
}

h4 {
	padding-bottom: 22px;
	font-size: 25px;
	text-decoration: none;
}

p {
	padding-bottom: 22px;
	/*padding-left: 30px;*/
}

.italic {
	font-style: italic;
}

.date {
	font-size: 10px;
	padding: 0 0 10px 0;
	font-style: italic;
}

.post {
	padding: 0 0 10px 0;
}

.boldBlack {
	font-weight: bold;
}

/*-----------------------------------------
=NAVIGATION
-----------------------------------------*/

nav {
	float: left;
	width: 340px;
}

	nav ul {
		margin: 0;
		padding: 0;
		width: 340px;
		list-style: none;
	}
	
		nav ul li {
			float: left;
		}
		
			nav ul li a {
				display: block;
				height: 60px;
				width: 340px;
				font-size: 30px;
				line-height: 44px;
				padding-top: 15px;
				text-align: center;
				text-decoration: none;
				/* border-left: 5px solid #f0f0f0; */
				
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-topright: 20px;
				
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 22px;
			}
				
			
/*-----------------------------------------
=HEAD CONTENT AREA
-----------------------------------------*/

#twitter {
	width: 940px;
	padding: 10px;
}

#twitter a {
	margin-left: 30px;
	font-size: 15px;
	text-decoration: none;
}

#headContent {
	/*margin-top: 10px;*/
	padding: 0;
	width: 940px;
	height: 225px;
}

	#headIntro {
		float: left;
		width: 600px;
		height: 225px;

	/* Border-radius not implemented yet */
	
	-moz-border-radius-topleft: 22px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 22px;
	-webkit-border-bottom-left-radius: 5px;
	}
	
	/*	#headIntro, h2{
			color: #212121;
		} */
		
	#headNav {
		float: right;
		width: 340px;
	}
	

/*-----------------------------------------
=MID CONTENT AREA
-----------------------------------------*/

.column {
	float: left;
	height: 375px;
	width: 313px;
}

#midContent {
	margin-top: 10px;
	width: 940px;
	height: 400px;
}

#blogPost, #portfolio, #lastFm {
	float: left;
	width: 253px;
	padding: 30px;
}

img {
	margin-top: 30px;
	width: 250px;
	border-radius: 10px;
}

#blogPost {
	-moz-border-radius-topleft: 22px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 22px;
	-webkit-border-bottom-left-radius: 5px;
	
	-moz-border-radius-bottomright: 22px;
	-webkit-border-bottom-right-radius: 22px;
}

#portfolio {
	height: 250px;
	
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-bottomright: 22px;
}

#lastFm {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 22px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 22px;
	
}

	ul#blo-list li a, ul#music-list li a {
		display: block;
		list-style: none;
		text-decoration: none;
	}
	
	ul#blo-list li a, ul#music-list li a {
		margin-bottom: 0;
	}

.title {
	padding-bottom: 22px;
}

.title a {
	font-size: 25px;
	text-decoration: none;
}

#upcoming {
	float: left;
	margin-top: 10px;
	padding: 10px 0 0 30px;
	width: 313px;
	height: 30px;
	font-size: 15px;
}

	#upcoming a, #upcoming2 a {
		text-decoration: none;
		font-size: 15px;
	}
	
	/*#upcoming a:hover, #upcoming2 a:hover {
		font-size: 15px;
	}*/

#news {
	float: left;
	margin-top: 10px;
	padding: 10px 0 0 30px;
	width: 283px;
	height: 30px;
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;	
	
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-bottomright: 5px;
}

#upcoming2 {
	float: left;
	margin-top: 64px;
	padding-top: 10px;
	width: 313px;
	height: 30px;
	font-size: 15px;
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;	
	
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-bottomright: 5px;
}

/*------------------------------------------
=FOOTER AREA
------------------------------------------*/

footer {
	padding: 0;
	margin-top: 5px;
	}
	
	footer a { 
		text-decoration: none;
	}
	
	footer a:hover {
		font-size: 20px;
	}