/* CSS Document - Developed by CheckYourVector.com - Anthony Collurafici */





body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	background-image:url(images/checkyourblack.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	background-color: #000000;

	text-align: center;

}



img {

	border: none;

	}



a:link { 

	color: #f4eee0;

	text-decoration:none;

}



a:visited { 

	color: #f4eee0; 

	text-decoration:none;

}



h1 {

	color: #343434;

	display: block;

	margin: 5px;

}



h1 a:link, h1 a:visited { 

	color: #343434;

	text-decoration:none;

}



h1 a:hover { 

	color: #760000;

	text-decoration:none;

}



/* TOP ------------------------------------------- */



#header {

	font-size: 48px;

	font-weight: bold;

	padding: 0px 0px 10px 10px;

	width: 100%;

}



#header a {

	color: #343434;

	}

	

#header a:hover {

	color: #343434;

	background-color: #d8ff00;

	}



#title {

	font-size: 18px;

	font-weight: bold;

	color: #343434;

	padding-left: 10px;

}



#title a {

	color: #343434;

	}

	

#title a:hover {

	color: #343434;

	background-color: #ff00cc;

	}



#by {

	font-size: 24px;

	font-weight: bold;

	color: #343434;

	padding-left: 10px;

}



#by a {

	color: #343434;

	}

	

#by a:hover {

	color: #343434;

	background-color: #00ffe4;

	}



.navigation {

	padding: 5px;

	text-align: right;

	font-size: 10px;

	color: #00ffb7;

}



.navigation a{

	color: #00fff6;

}



.flickr {
	
	color: #ff0084;
	
	font-weight: bold;
}


#container {

	text-align: left;

	margin: auto;

	padding: 0px;

	width: 800px;

	height: 100%;

}



#container_projects {

	text-align: left;

	margin: auto;

	padding: 0px;

	width: 778px;

	height: 100%;

}



#login_form {

	padding: 5px;

}





/* Projects ------------------------------------------- */



#current_projects {

	padding: 5px;

	text-align: center;

}



.project_title {

	text-align: left;

	padding-left: 10px;

	font-size: 35px;

	font-weight: bold;

	color: #4e4e4e;

}



.project {

	margin: 10px;

	padding: 10px 0px 10px 0px;

	background-color: #FFFFFF;

	text-align: center;

}



.client_project {

	padding: 10px 0px 10px 0px;

	text-align: center;

}



.project_info {

	margin: 10px;

	padding: 10px;

	border: dotted #4e4e4e 2px;

	font-size: 12px;

	color: #6d6d6d;

}



.project_info h3 {

	margin: 0px;

	color: #d5f3f2;

}



.project_role { 

	margin: 0px 0px 5px 0px;

	color: #00ffb7;

	font-style: italic;

}



.project_list {

	text-align: left;

}



#current_page {

	background-color: #d8ff00;

}





/* General Comment ------------------------------------------- */



#comments {

	padding: 20px;

}







.general_comment {

	padding: 5px;

	width: 100%;

	min-height: 70px;

	border: dashed #ffffff 1px;

	margin-bottom: 5px;

}







.poster {

	float: left;

	font-weight: bold;

}



.post_date {

	display: block;

	float: left;

	text-align: center;

	padding-top: 4px;

	margin: 5px 0px 10px 0px;

	font-size: 10px;

	font-weight: normal;

	width:57px;

	background-image:url(images/date.gif);

	background-repeat: no-repeat;

	color: #3a091b;

 }



 .day {

	font-size: 20px;

	font-weight: bold;

	color: #3a091b;

}



.post {

	margin-left: 80px;

	padding: 5px;

	color: #930202;

	background-color: #FFF5DB;

	height: 60px;

}



#comment_button {

  width: 100px;

  height: 13px;

  padding: 13px 0 0;

  margin: 0;

  border: 0;

  background: transparent url(images/button_comment.gif) no-repeat center top;

  overflow: hidden;

}



/* Contact ------------------------------------------- */



#contact {

	padding: 5px;

}



.contact_line {

	border-bottom: dashed #ffffff 1px;

}



.contact_field {

	background-color: #000000;

	border: none;

	color: #d8ff00;

}



.contact_message {

	background-color: #000000;

	border: dashed #ffffff 1px;

	color: #d8ff00;

}



/* Subsiquent Pages*/



.text_group {

	padding: 3px;

	width: 370px;

	margin-right: 3px;

	margin-left: 3px;

	clear: left;

}



.text_group h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	background-color: #930202;

}



/* WORK */



.wholder {

		text-align: left;

}



.wthumb	{

	float: left;

	width: 140px;

}



/* Footer ------------------------------------------- */







#footer {

	background-color: #000000;

	text-align: center;

	padding: 3px;

	color: #343434;

}



#footer a{

	color: #d87171;

}



#footer a:hover{

	color: #d87171;

}