/*  
Theme Name: Richiecarpenter.com
Description: This theme will make you feel funny in your pants.
Version:
Author: Richie Carpenter
Author URI: http://www.richiecarpenter.com/
*/

* { border: 0; margin: 0; padding: 0; }


a {text-decoration: none;}


textarea, input, select {
		border: 1px solid #bbb;
		}
body {font: 80% verdana,arial,sans-serif;
			text-align:left; 
			line-height:1;
			background-color:#ccc;}


/* HEADER */
#header
		{
	background: url(images/header.gif) no-repeat top center;
	clear: both;
	height: 100px;
	width: 920px;
	border-bottom: 5px solid #000;
	margin: 10px auto 0 auto;

		}

	#logo {
		float: left;
		padding: 75px 0 0 80px;
		text-align: left;
		}
		
	#utility {
		padding: 10px 15px 0 0;
		text-align: right;
		margin-right:-100px;
		}
		
	#search {
		text-align: right;
		padding: 20px 75px 0 0;
		}
		
		#search input {
			width: 130px;
			height: 16px;
			background-image: url(http://);
			border: 1px solid #FFF;
			color: #FFF;
			}
			
		#search .submit {
			width: 25px;
			height: 20px;
			border: none;
			background-image: url(http://);
			}
	
	#utility li {
		list-style-type:disc;
		display:inline;
		font: 14px/18px "Arial", sans-serif;
		text-transform: uppercase;
		margin: 0 0 0 10px;
		color: #fff;
		}
		
		#utility li a {
			color: #000;
			border-bottom: none;
			}
		
		#utility li a:hover	{
			color: #cccc00;
		background-color:#666;
		
			}
		
	#date {
		position:absolute;
		font: 12px/14px "Arial", sans-serif;
		text-align: right;
		margin-top:130px;
		margin-left:790px;
		color: #000
		}






	
/* NAVIGATION */
#nav {
	font: 14px "Arial", sans-serif;
	width: 900px;
	margin: 0px auto 0 auto;
	}
	
	#nav ul {
		width: 900px;
		height: 25px;
		padding-top: 12px;
		margin: 0px auto 0 auto;
		border-bottom: none;
		}
	
	#nav li {
		float: left;
		list-style: none;
		text-align: center;
		width: 115px;
		}
	
		#nav li a {
			color: #000;
			}
		
		#nav li a:hover {
			color: #000;
			border-bottom: 3px solid #000;
			}
			
		#nav li.current_page_item a {
			color: #000;
			border-bottom: 3px solid #000;
			}
			
		#nav li.current_page_item a:hover {
			color: #000;
			border-bottom: 3px solid #000;
			}
			
		#nav li.current_page_parent a {
			color: #000;
			border-bottom: 1px solid #000;
			}
			
		#nav li.current_page_parent a:hover {
			color: #cccc00;
			border-bottom: 3px solid #000;
			}

#middle {
	clear: both;
	width: 920px;
	margin: 10px auto 0 auto;
	padding: 0 75px 0 75px;
	}


	/* SIDEBAR */
	#sidebar {
		float: right;
		width: 170px;
		padding-bottom: 20px;
		}
		
	#sidebar p, #sidebar ol, #sidebar ul {
		font: 10px "Verdana", sans-serif;
		color: #000;
		line-height: 150%;
		margin: 0px 0px 10px 0px;
		}
	
	#sidebar h3, #sidebar h2 {
		border-bottom: 1px solid #ddd;
		color: #000;
		font: 14px "Arial", sans-serif;
		margin: 5px 0 5px 0;
		text-align: left;
		}
	
	#sidebar li {
		background: url(images/side_li.gif) no-repeat 0px 6px;
		line-height: 150%;
		list-style: none;
		padding: 0 0 0 7px; 
		margin-bottom: 4px;
		}
		
	#sidebar li a {
		border-bottom: none;
		color: #000;
		}
		
	#sidebar li a:hover {
		color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;
		}
		
	
		
	#sidebar li.current_page_item a {
		color: #000;
		border-bottom: 1px solid #000;
		}
			
	#sidebar li.current_page_item a:hover {
		color: #000;
		border-bottom: 1px solid #ddd;
		}
		
	#sidebar img, #sidebar iframe {
		padding: 5px;
		margin: 5px 0;
		border: none;
		background: none;		}
		
	/*.sponsors {
		width: 70px;
		}*/
	
	
	/* RESUME PAGE STYLE */
	
	#resume_col1 {
		list-style:disc;
	}
	
	#resume_col1  {
	float: left;
	width: 220px;
	}
	
	#resume_col2 {
		float: right;
		width: 380px;
	}
	
	
	
	
				
	/* CONTENT */
	#content {
		float: left;
		width: 710px;
		min-height:380px;
		}
			
	#content h2, #content2 h2	{
		clear: both;
		font-weight: bold;
		border-bottom: 1px solid #000;
		color: #000;
		font: 18px "Arial", sans-serif;
		margin: 0 0px 10px 0;
		}
		
		#content h2 a, #content2 h2 a {
			margin-right: 3px;
			border-bottom: 1px solid #000;
			color: #000;
			}
			
		#content h2 a:hover, #content2 h2 a:hover {
			margin-right: 3px;
			color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;

			}
			
		.breadcrumb a {
			margin-right: 10px;
			}
			
	#content h3, #content2 h3	{
		clear: both;
		color: #000;
		font: 16px "Arial", sans-serif;
		font-weight: 400;
		margin-bottom: 4px;
		}
		
		#content h3 a, #content2 h3 a {
			border-bottom: none;
			color: #000;
			}
		
		#content h3 a:hover, #content2 h3 a:hover {
			color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;;
			}		
			
	#content h4, #content2 h4	{
		clear: both;
		color: #000;
		font: 14px "Arial", sans-serif;
		font-weight: bold;
		margin-bottom: 4px;
		}
		
		#content h4 a, #content2 h4 a {
			border-bottom: 1px solid #ddd;
			color: #000;
			}
		
		#content h4 a:hover, #content2 h4 a:hover {
			color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;
			}
			
	#content p, #content2 p {
			color: #000;
			font: 12px/18px "Arial", sans-serif;
			margin: 0 0 10px 0;
			}
				
	#content p a, #content2 p a {
		border-bottom: 1px solid #999;
		color: #000;
		
		}
	
	#content p a:hover, #content2 p a:hover {
		color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;;
		}
	
	#content ul, #content2 ul {
		color: #000;
		font: 12px/18px "Arial", sans-serif;
		margin: 0 0 10px 0;
		}
		
	#content ul li, #content2 ul li	{
		background: url(images/content_li.gif) no-repeat 5px 8px;
		line-height: 150%;
		
		padding: 2px 5px;
		margin: 0 0px 2px 0px;
		}
		
	#content ul ul li, #content2 ul ul li	{
		
		line-height: 150%;
		list-style:none;
		padding: 2px 5px;
		margin: 0 0px 2px 0px;
		}		
				
		#content ul li a, #content2 ul li a {
			border-bottom: 1px solid #000;
			color: #000;
			}
			
		#content ul li a:hover, #content2 ul li a:hover {
			color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;;
			
			}
			
	#content ol, #content2 ol {
		color: #000;
		font: 12px/18px "Arial", sans-serif;
		margin: 0 0 10px 0;
		padding: 0 15px;
		}
		
	#content ol li, #content2 ol li	{
		line-height: 150%;
		margin: 0 0px 2px 10px;
		}
				
		#content ol li a, #content2 ol li a {
			border-bottom: 1px solid #ddd;
			color: #000;
			}
			
		#content ol li a:hover, #content2 ol li a:hover {
			color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;
			}

	#content blockquote, #content pre, #content2 blockquote, #content2 pre {
		padding: 15px;
		border: 1px solid #ddd;
		margin: 0px 0px 10px 0px;
		overflow:auto;
		}
		
		#content blockquote h3, #content2 blockquote h3 {
			color:#000000;
			}
			
	#content label, #content2 label	{
		color: #bd2025;
		font: 12px/18px "Arial", sans-serif;
		}
		
	#content iframe, #content2 iframe {
		padding: 4px;
		border: 1px solid #ddd;
		background: #cccccc;
		margin: 0 0 10px 0;
		}	
	
	#content img, #content2 img{
		padding: 0px;
		border: none;
		background: #fff;
		
		}
		
		.wp-caption-text  {
			text-align: center;
			}
			
		.alignnone {
			margin-bottom: 10px; 
			}
			
		.alignleft {
			float: left;
			margin: 0 10px 10px 0px ; 
			}
			
		#previous_image a, #next_image a {
			border-bottom: none; 
			}
			
		.alignright {
			float: right;
			margin: 0 0px 10px 10px; 
			}
			
		.attachment-thumbnail, .size-thumbnail {
			padding: 5px;
			border: 1px solid #ddd;
			}
			
		#gallery-box {
			margin-bottom: 25px;
			}
			
		#comments-box {
			clear: both;
			}

/* CONTENT */
	#content2 {
		float: left;
		width: 920px;
		min-height:380px;
		}
	
			
		/* COMMENTS */
		
		#comments-head {
			border-bottom: 1px solid #ddd;
			}
			
		#comments-box ol {
			padding: 0;
			}
			
		#comments-box ol li {
			list-style-type:none;
			padding: 10px 0;
			}
			
		#comments-box ul li {
			list-style-type:none;
/*			padding: 15px 0;
*/			}
			
		#comments-box cite {
			font-weight:bold;
			font-size:14px;
			}
			
		.comment-author {
			margin-bottom: 2px;
			}
			
		.comment p {
			clear:both
			}
		
		.reply {
		 	font-size:10px;
			}
			
		.comment-meta {
			/*display:none;*/
			font-size:10px;
			}
			
		.avatar {
			float: left;
			margin: 0 10px 10px 0;
			}
			
		
		#content img.print {
			float: right;
			border: none;
			clear:both;
			margin-bottom: 20px;
			}
		
	#content object { 
		margin: 0 0 10px 0px ; 
		/*border: 1px solid #ddd;*/ 
		background: #cccccc
		}
		
	#content pre {
		max-height: 300px;
		font-size: 12px;
		padding: 10px;
		margin: 10px 0px;
		overflow: auto;
		}
		
	
		
	.clear {
		clear:both;
		height: 0px;
		}
	
	
						
	/* POST ITEMS */
	.post-box {
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		overflow: auto;
		}
	
	
	/* GALLERY ITEMS */
	.gallery {
		margin: auto;
		}
		
	.gallery-item {
		float: left;
		margin: 5px 3px 5px 0;
		text-align: center;
		}
		
		#content p.smallattachment a, #content dl.gallery-item a {
			border-bottom: none;
			}
		
	.gallery img {
		}
		
	.gallery-caption {
		margin-left: 0;
		}
		
	#content p.wp-caption-text {
		margin-top: 10px;
		font: 10px/12px "Arial", sans-serif;
		}


	/* PAGINATION */
	div.wp-pagenavi {
		float: right;
		font: 12px/18px "Arial", sans-serif;
		margin: 10px 0 20px 0;
		border-bottom: none;
		}
	
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		border: 1px solid #ddd;
		color: #000000;
		background-color: #FFFFFF;	
		}
	.wp-pagenavi a:hover {	
		border: 1px solid #ddd;
		color: #000000;
		background-color: #FFFFFF;
		border-bottom: none;
		}
		
	.wp-pagenavi span.pages {
		padding: 2px 4px 2px 4px; 
		margin: 2px 2px 2px 2px;
		color: #000000;
		border-bottom: none;
		background-color: #FFFFFF;
		}
	.wp-pagenavi span.current {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		font-weight: bold;
		border-bottom: none;
		color: #000000;
		background-color: #FFFFFF;
		}
	.wp-pagenavi span.extend {
		padding: 2px 4px 2px 4px; 
		margin: 2px;	
		border: none;
		color: #000000;
		background-color: #FFFFFF;
		}	
			
	
/* FOOTER */
#footer {
	background: url(images/footer_img.gif) no-repeat top center;
	border-top: 5px solid #000;
	clear: both;
	height: 100px;
	width: 920px;
	margin: 0 auto 20px auto;
	padding: 6px 0 0 0;
	font: 12px/14px "Arial", sans-serif;
	text-align: center;
	color: #000;
	}
	
	#footer a {
		color: #000;
		border-bottom: none;
		}
	
	#footer a:hover	{
		color: #cccc00;
		background-color:#666;
		border-bottom: 1px solid #000;
		}

/* GALLERY STYLES  - A different page template.  two divs    gallery is the name of conent div with class for images, navigation, and thumbnails */		
#gallery {
		float: left;
		width: 900px;
		}
 .jgallery-images{
			float:left;
			width:520px;
			margin-bottom:10px;
		
				}		

.jgallery-navigation {
			float:right;
			width:240px;
			
			
				}
				
				
.jgallery-navigation  {
		color:#cc3;
		
	}
	
	
.jgallery-navigation a {
		color: #bd2025;
		border-bottom: none;
		}
	
.jgallery-navigation a:hover	{
		color: #CC3;
		background-color:#333;
		
		}
		
.jgallery-navigation a:visited {
		color:#bd2025;
		background-color:#000;
	}				
				
				
 .jgallery-thumbnails  {
			float:right;
			width:240px;
						}
						
						
						
						
/* Rolling */
.menu{
    width:600px;
    height:52px;
    position:relative;
    top:20px;
    left:20px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.item{
    position:relative;
    background-color:#f0f0f0;
    float:left;
    width:52px;
    margin:0px 5px;
    height:52px;
    border:2px solid #ddd;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;
}

.link{
    right:2px;
    top:2px;
    position:absolute;
    width:48px;
    height:48px;
}
.icon_home{
    background:transparent url(images/home.png) no-repeat top left;
}
.icon_mail{
    background:transparent url(images/mail.png) no-repeat top left;
}
.icon_help{
    background:transparent url(images/work.png) no-repeat top left;
}
.icon_find{
    background:transparent url(images/who.png) no-repeat top left;
}
.icon_photos{
    background:transparent url(images/photos.png) no-repeat top left;
}
.item_content{
    position:absolute;
    height:52px;
    width:220px;
    overflow:hidden;
    left:20px;
    top:7px;
    background:transparent;
    display:none;
}
.item_content h2{
    color:#aaa;
    text-shadow: 1px 1px 1px #fff;
    background-color:transparent;
    font-size:14px;
}
.item_content a{
    background-color:transparent;
    float:left;
    margin-right:7px;
    margin-top:3px;
    color:#bbb;
    text-shadow: 1px 1px 1px #fff;
    text-decoration:none;
    font-size:12px;
}
.item_content a:hover{
    color:#0b965b;
}
.item_content p {
    background-color:transparent;
    display:none;
}
.item_content p input{
    border:1px solid #ccc;
    padding:1px;
    width:155px;
    float:left;
    margin-right:5px;
}