@charset "utf-8";
/* 
Author: MELDEINE SIPES
Website: http://meldeinesipes.com
Design Name: Monochrome
Date: November 23, 2008
*/

/* PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #737272;
	background: url(images/background.jpg);
} 
a {
	color:#bebebe ;
	text-decoration: none;
}
a:hover {
	color:#383737 ;
	text-decoration: none;
}
a { 
	outline: none; 
}
a image {
	border: none;
}
img {
	border: 0;
	text-decoration: none;
	border: none;
}
h1,h2 {
	font-size: 18px;
	color: #737272;
	text-transform: none; 
	font-weight: normal; 
	letter-spacing: 0.1em;
	line-height: 2em;
	background: url(images/side_bg.jpg);
	padding: 3px;
}

.photogallery {
		margin: auto;
		font-size: 12px;
		font-weight: normal;
		border-spacing: 2px;
		border-style: none;
	}
	.photogallery td {
		text-align: center;
		vertical-align: text-top;
		padding: 5px 5px 5px 5px;
		border-style: none;
		width: 160px;
}
.phototable {
		margin: auto;
		border: none;
		border-spacing: 10px 10px;
		text-align: center;
}	
.services {
	border-collapse: collapse;
	width: 550px;
	}

	.services td {
		border: 1px solid #000000;
		padding: 5px;
	}

ul { list-style: none inside; }
p { 	
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.0em;
	padding: 0 0 0 3px;
}
	p.metadata {
	background: url(images/meta_bg.jpg); 
	font-size: 10px;
	color: #737272;
	padding: 3px;
	text-align: right;
	}
	p.sidehead {
	font-size: 16px;
	color: #737272;
	background: url(images/title_bg.jpg); 
	text-align: left;
	font-weight: normal; 
	letter-spacing: 0.1em;
	line-height: 2em;
	}
	p.sidecontent {
	background: url(images/side_bg.jpg); 
	text-align: left;
	padding: 0 0 0 3px;
	font-weight: normal; 
	line-height: 1.5em;
	color: #737272;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
/* END PAGE SETUP */

/* TOOLBOX */
.floatleft { float: left; }
.floatright {float: right; }
.clear { clear: both; }
/* END TOOLBOX "/

/* SITE STRUCTURE */
#page-wrap {
	width: 1024px;
	margin: 0 auto;
	background: url(images/content_bg.jpg) repeat-y;
	}
	#header {
	min-height: 144px;
	background: url(images/header_bg.jpg) center no-repeat;
	}
	#main-content {
		padding: 0 55px 100px 100px;
	}	
	#article-area {
		width: 600px;
		float: left;
	}
	#sidebar {
		width: 230px;
		float: right;
	}
	#footer {
	min-height: 129px;
	background: url(images/footer_bg.jpg) no-repeat;
		}
		#footer_nav {
			font-size: 8px;
			padding: 110px 0 0 0;
}
/* END SITE STRUCTURE */

/* NAVIGATION */
ul#nav {
	
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 45px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.left a {
			width: 90px;
			background: url(images/nav_left.jpg) bottom center no-repeat;
		}		
		ul#nav li.home a {
			width: 72px;
			background: url(images/nav_home.jpg) bottom center no-repeat;
		}		
		ul#nav li.photos a {
			width: 81px;
			background: url(images/nav_photos.jpg) bottom center no-repeat;
		}		
		ul#nav li.blog a {
			width: 72px;
			background: url(images/nav_blog.jpg) bottom center no-repeat;
		}		
		ul#nav li.contact a {
			width: 90px;
			background: url(images/nav_contact.jpg) bottom center no-repeat;
		}		
		ul#nav li.projects a {
			width: 90px;
			background: url(images/nav_projects.jpg) bottom center no-repeat;
		}		
		ul#nav li.links a {
			width: 72px;
			background: url(images/nav_links.jpg) bottom center no-repeat;
		}
		ul#nav li.about a {
			width: 83px;
			background: url(images/nav_about.jpg) bottom center no-repeat;
		}
		ul#nav li.right a {
			width: 374px;
			background: url(images/nav_right.jpg) bottom center no-repeat;
		}
		ul#nav li a:hover {
			background-position: top center;
		}
		body#left ul#nav li a:active,
		body#home ul#nav li a:active,
		body#photos ul#nav li a:active,
		body#blog ul#nav li a:active,
		body#contact ul#nav li a:active,
		body#projects ul#nav li a:active,
		body#links ul#nav li a:active,
		body#right ul#nav li a:active {
			background-position: center center;
		}
/* END NAVIGATION */	
/* NAVIGATION */
ul#socialnetwork {
	
	}
	ul#socialnetwork li {
		display: inline;
		}
		ul#socialnetwork li a {
			display: block;
			height: 64px;
			text-indent: -9999px;
			float: left;
		}
		ul#socialnetwork li.facebook a {
			width: 64px;
			background: url(images/facebook.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.myspace a {
			width: 64px;
			background: url(images/myspace.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.delicious a {
			width: 64px;
			background: url(images/delicious.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.stumbleupon a {
			width: 64px;
			background: url(images/stumbleupon.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.feedburner a {
			width: 64px;
			background: url(images/feedburner.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.twitter a {
			width: 64px;
			background: url(images/twitter.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.reddit a {
			width: 64px;
			background: url(images/reddit.png) bottom center no-repeat;
		}
		ul#socialnetwork li.youtube a {
			width: 64px;
			background: url(images/youtube.png) bottom center no-repeat;
		}
		ul#socialnetwork li.themeforest a {
			width: 130px;
			height: 125px;
			background: url(images/themeforest.png) bottom center no-repeat;
		}		
		ul#socialnetwork li.audiojungle a {
			width: 130px;
			height: 125px;
			background: url(images/audiojungle.png) bottom center no-repeat;
		}
		ul#socialnetwork li.videohive a {
			width: 130px;
			height: 125px;
			background: url(images/videohive.png) bottom center no-repeat;
		}
		ul#socialnetwork li.flashden a {
			width: 130px;
			height: 125px;
			background: url(images/flashden.png) bottom center no-repeat;
		}
		ul#socialnetwork li a:hover {
			background-position: center center;
		}
		body#facebook ul#socialnetwork li a:active,
		body#myspace ul#socialnetwork li a:active,
		body#delicious ul#socialnetwork li a:active,
		body#stumbleupon ul#socialnetwork li a:active,
		body#feedburner ul#socialnetwork li a:active,
		body#twitter ul#socialnetwork li a:active,
		body#links ul#socialnetwork li a:active,
		body#right ul#socialnetwork li a:active {
			background-position: top center;
		}
/* END NAVIGATION */	


/* DROP IN */
#dropinboxv2cover{
width: 660px; /*change width to desired */
height: 520px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 640px; /*change width to above width-20. */
height: 500px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid #383737; /*Customize box appearance*/
background: url(images/background.jpg);
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}



