/* 	Theme Name: InkSplatter
	Theme URI: http://briceshepherd.com/ 
	Description: Personal WordPress Theme by <a href="http://briceshepherd.com/">Brice Shepherd</a> 
	Version: 1.0 (WP2.9.1) 
	Author: Brice Shepherd 
	Author URI: http://briceshepherd.com/ 
	Tags: blog, portfolio, resume, design services 
*/

/* COLORS 

light gray: 	#AFAFAF
dark gray:		#484848
process blue: 	#00bbf8

*/

/* RESET */


* { margin: 0; padding: 0; }


/* TYPOGRAPHY */

a				{	color: #00bbfb; text-decoration: none;}
a:hover			{	color: #AFAFAF; text-decoration: underline;}
p				{	margin: 0 0 10px 0}

ul li ul 		{	margin-left: 20px;}

h1 				{ 	font: 30px Trebuchet, Tahoma, Helvetica; color: #00bbf8; text-transform: uppercase; margin: 0 0 14px 0}
h2 				{	font: 20px Trebuchet, Tahoma, Helvetica; color: #AFAFAF; margin: 0 0 12px 0}
h3				{	margin: 0 0 5px 0;}
h4				{ 	font: 25px Trebuchet, Tahoma, Helvetica; color: #00bbf8; text-shadow: 0.1em 0.1em 0.2em black; margin: 0 0 5px 0; font-weight: bold}
h5 				{	font: 16px Trebuchet, Tahoma, Helvetica; color: white; font-style: oblique; margin: 0 0 5px 0}
h6 				{	font: 14px Trebuchet, Tahoma, Helvetica; color: white; font-style: italic; }

/* -- TYPOGRAPHY END -- */

body {
	font: 14px Trebuchet, Tahoma, Helvetica; line-height: 1.4em;
	color: white;
	background: url(images/bodybg-solid2.jpg) top center no-repeat;
	background-color: #000;
}

#page-wrap { 
	width: 850px;
	margin: 0 auto;
}

/* BLOG ENTIRES */


.datebox				{	width: 40px; float: left; padding: 8px; background: #00bbf8; color: black; text-align: center; margin: 10px 10px 0px 0;}
p.day					{	font-size: 30px; font-weight: bold; margin: 0 0 5px 0;} 
p.month					{	font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0;}
p.year					{	font-size: 14px; font-weight: bold; margin: 0;}
.commentbox 			{	background: #484848; color: white; padding: 10px; border: 1px solid #afafaf; width: 75%;
							-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
ul.commentlist			{	list-style: none;}					
ul.commentlist li p		{	font-size: 12px;}
div.readMore			{	width: 150px; float: right; padding: 3px; background: #484848; color: black; text-align: center;}

/* Side Bar */

ul#rss					{	list-style: none;}
ul#rss li 				{	display: inline;}
ul#rss li a				{	text-indent: -9999px; display: block; height: 40px;}
	ul#rss li a.rssFeed	{	background: url(images/rssSubscribe.png) no-repeat top center; width: 200px}
	ul#rss li a.rssMail	{	background: url(images/rssEmail.png) no-repeat top center; width: 200px}
		ul#rss li a.rssFeed:hover, ul#rss li a.rssMail:hover {	background-position: bottom center;}
		
div#sidebar ul li		{	list-style: none;}

		
						

/* SOCIAL NETWORKING MENU */

#topBar {
	width: 850px;
	height: 33px;
	}

#topBar ul { 
	list-style: none;
	float: right;
	}

	#topBar ul li {
		float: left;
		}
		#topBar ul li a {
			text-indent: -9999px;
			display: block;
			height: 32px;
			float: left;
			}
			#topBar ul li a.twitter { 
				background: url(images/menu/menu_twitter.png) no-repeat bottom center;
				width: 34px;
				}
			#topBar ul li a.facebook { 
				background: url(images/menu/menu_facebook.png) no-repeat bottom center;
				width: 34px;
				}
			#topBar ul li a.youtube { 
				background: url(images/menu/menu_youtube.png) no-repeat bottom center;
				width:34px;
				}
			#topBar ul li a.linkedin { 
				background: url(images/menu/menu_linkedin.png) no-repeat bottom center;
				width: 34px;
				}
			#topBar ul li a.blogger { 
				background: url(images/menu/menu_blogger.png) no-repeat bottom center;
				width: 34px;
				}
			#topBar ul li a.flickr { 
				background: url(images/menu/menu_flickr.png) no-repeat bottom center;
				width: 35px;
				}
			#topBar ul li a.yahoo { 
				background: url(images/menu/menu_yahoo.png) no-repeat bottom center;
				width: 33px;
				}
			#topBar ul li a.aim { 
				background: url(images/menu/menu_aim.png) no-repeat bottom center;
				width: 31px;
				}
			#topBar ul li a.skype { 
				background: url(images/menu/menu_skype.png) no-repeat bottom center;
				width: 35px;
				}
				#topBar ul li a.twitter:hover, a.twitter:active,
				#topBar ul li a.facebook:hover, a.facebook:active,
				#topBar ul li a.youtube:hover, a.youtube:active,
				#topBar ul li a.linkedin:hover, a.linkedin:active,
				#topBar ul li a.blogger:hover, a.blogger:active,
				#topBar ul li a.flickr:hover, a.flickr:active,
				#topBar ul li a.yahoo:hover, a.yahoo:active,
				#topBar ul li a.aim:hover, a.aim:active,
				#topBar ul li a.skype:hover, a.skype:active {
					background-position: top center;
}

/*HEADER*/

#header {
	width: 850px;
	overflow: hidden;
	padding-bottom: 10px;
}

#headerLeft {
	float: left;
	padding-top: 10px;
	}
	#headerLeft a {
		background: url(images/logo.png) no-repeat left center;
		text-indent: -9999px;
		width: 342px;
		height: 134px;
		display: block;
}
#headerRight {
	float: left;
	width: 508px;
	}
	#twitter {
		background: url(images/twitter_bg.png) no-repeat left top;
		width: 277px;
		height: 92px;
		padding-left: 60px;
		float: right;
		margin-top: 2px;
		}
		#twitter ul {
			padding-top: 20px;
			padding-right: 10px;
			font-size: 12px;
			font-style: italic;
			list-style: none;
			}
/*TWITTER LINK COLORS*/	
		#twitter_update_list a {
			text-decoration: none;
			color: #AFAFAF;
			}

		#twitter_update_list a:hover {
			text-decoration: underline;
			color: #c9c9c9;
			font-style: normal;
			}

		#twitter_update_list a:visited {
			text-decoration: underline;
			color: #00bbf8;
			font-style: normal;
			}
/*-- END -- TWITTER LINK COLORS --END --*/

/*MAIN NAVIGATION*/

#nav {
	margin: 115px -30px 0 0;
	width: 508px;
	float: right;
	}
	#nav li {
		list-style: none;
		}
		#nav ul li {
			float: left;
		}
		#nav ul li a {
			text-indent: -9999px;
			display: block;
			height: 35px;
}
/*BUTTONS*/
#nav ul li a.thedezyner { 
	background: url(images/nav/thedezyner.png) no-repeat bottom center;
	width: 106px;
	}
#nav ul li a.theservices { 
	background: url(images/nav/theservices.png) no-repeat bottom center;
	width: 113px;
	}
#nav ul li a.thework { 
	background: url(images/nav/thework.png) no-repeat bottom center;
	width: 90px;
	}
#nav ul li a.theblog { 
	background: url(images/nav/theblog.png) no-repeat bottom center;
	width: 89px;
	}
#nav ul li a.thedigits { 
	background: url(images/nav/thedigits.png) no-repeat bottom center;
	width: 86px;
	}
	
	/*HOVER STATE*/
		#nav ul li a.thedezyner:hover,
		#nav ul li a.theservices:hover,
		#nav ul li a.thework:hover,
		#nav ul li a.theblog:hover,
		#nav ul li a.thedigits:hover {
			background-position: center center;
		}
	/*--END-- HOVER STATE --END--*/	
	
	/*ACTIVE STATE*/
		body#dezyner li a.thedezyner,
		body#services li a.theservices,
		body#work li a.thework,
		body#blog li a.theblog,
		body#digits li a.thedigits {
			background-position: top center;
		}
	/*--END-- ACTIVE STATE --END--*/	
/*--END-- BUTTONS --END--*/

/*-- MAIN CONTENT --*/

#main-content {
	width: 790px; margin: 0 auto;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	border: 1px solid #484848;
	padding: 30px;
	min-height: 400px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	overflow: hidden;
	}


#main-content ul li {
	font-size: 14px;
	line-height: 1.5em;
	}

.main-columnNarrow {
	width: 260px;
	float: left;
	}
	
.main-columnWide {
		width: 490px;
		float: left;
		padding-left: 40px;
		}
		
.main-columnWideLeft {
		width: 490px;
		float: left;
		}

.main-columnNarrowRight {
	width: 260px;
	float: left;
	padding-left: 40px;
	}		
	
}	
/*--END-- MAIN CONTENT --END--*/
	
/*SECONDARY*/

#secondary {
	width: 850px;
	margin: 10px auto 0 auto;
	overflow: hidden;
	}

.column {
	float: left;
	width: 260px;
	padding-left: 20px;
	}
/*--END-- SECONDARY --END--*/

/* CONTACT FORM */

#wpcf label {
	float: left;
	width: 160px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	font-size: 14px;
}
#wpcf input {
	float: left;
	padding: 1px;
	width: 485px;
	font-family: Trebuchet, Tahoma, Helvetica;
	font-size: 12px;
	margin: 0 0 5px 0;
	border: 1px solid #484848;
}
#wpcf textarea {
	float: left;
	width: 485px;
	height: 100px;
	padding: 1px;
	margin: 0 0 20px 0;
	border: 1px solid #484848;
}
#wpcf #contactsubmit {
	float: left;
	width: 100px;
	font-family: Trebuchet, Tahoma, Helvetica;
	font-weight: bold;
	background: #AFAFAF;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

#wpcf #contactsubmit:hover { background: #00bbf8;}

/* END CONTACT FORM */

/*FOOTER*/

#footer {
	background: url(images/footer_bg.png) repeat-x left top;
	height: 123px;
	font-size: 12px;
	margin-top: 20px;
	}
	#footerInner {
		width: 850px;
		margin: 0 auto;
		padding: 15px 0 0 40px;
		text-align: left;
		}
		#footerInner ul li{
			list-style: none;
			display: inline;
			}
			#footerInner ul li a {
				padding-right: 30px;
				width: 90px;
				height: 23px;
				color: white;
				text-decoration: none;
				}
				#footerInner ul li a:hover, #footerNav ul li a:active {
					color: #00bbf8;
					}

/*FOOTER LINKS*/
#footerInner ul li a.thedezyner_footer { 
	width: 112px;
	}
#footerInner ul li a.theservices_footer { 
	width: 108px;
	}
#footerInner ul li a.thework_footer { 
	width: 90px;
	}
#footerInner ul li a.theblog_footer { 
	width: 87px;
	}
#footerInner ul li a.thedigits_footer { 
	width: 53px;
	}				
	
	/*FOOTER LINKS ACTIVE STATE*/
		body#dezyner li a.thedezyner_footer,
		body#services li a.theservices_footer,
		body#work li a.thework_footer,
		body#blog li a.theblog_footer,
		body#digits li a.thedigits_footer {
			color: #00bbf8;
		}
	
#copyright {
	background: url(images/footerNav_bottomLine.png) no-repeat left top;
	margin: 12px 0 0 0;
	}		
.copyright {
	color: #00324a;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 12px;
	}