/*  
Theme Name: JP33
Theme URI: http://www.jp33.com/
Description: Theme for portfolio of Jeremy Prasatik
Version: 1.0
*/

/* Include Reset File */
@import url("reset.css");

	body {
		font:12px Arial;	
		background-color:#fff;
		color:#020202;
	}
	a:link,a:visited,a:active{
		color:#595959;
		text-decoration:none;
	}
	a:hover {
		color:#000000;
	}


	#wrapper {
		width:948px;
		margin:0 auto;
	}
	
	#header {
		padding:40px 0;
		width:948px;
	}
		#header #logo {
			font-weight:bold;
			font-size:14px;
			text-align:right;
		}
	#mailinglist {
		overflow:hidden;
		margin-bottom:5px;
	}
		#mailinglist .contact {
			width:323px;
			float:left;
		}
			#mailinglist .contact span {
				font-size:10px;
				margin-right:10px;
			}
			#mailinglist .contact a {
				margin-left:10px;
				text-decoration:underline;
			}
		#mailinglist .mailinglist {
			width:623px;
			float:left;
			font-size:10px;
			font-weight:bold;
		}
			#mailinglist .mailinglist form {
				float:right;
			}
				#mailinglist .mailinglist span {
					font-weight:normal;
					text-transform:uppercase;
					margin-right:15px;
					font-size:10px;
					color:#6b6b6b;
				}
				#mailinglist .mailinglist form input.text { 
					border:0;
					margin:0 5px;
					width:100px;
				}
				
	#navigation {
		overflow:hidden;
		text-transform:uppercase;
		display:block;
		padding:20px 0;
	}
		#navigation a:link, #navigation a:visited, #navigation a:active {
			color:#000000;
		}
		#navigation a:hover {
			color:#595959;
			text-decoration:underline;
		}
		#navigation .outgoing {
			float:left;
			font-weight:bold;
		}
			#navigation .outgoing ul li {
				float:left;
				margin-right:15px;
			}
		#navigation .folionav {
			float:right;
		}
			#navigation .folionav ul li {
				float:left;
				margin-left:15px;
			}
			
	#main {
		margin:40px 0;
		overflow:hidden;
		clear:both;
	}
		#main a:hover {
			text-decoration:underline;
		}
		#content {
			float:left;
			width:580px;
			margin-right:30px;
		}
			#content .post {
				background:#ffffff;
				padding:30px;
				margin-bottom:30px;
				border:0px solid #fafafa;
				border-top:0;
				border-left:0;
				color:#525252;
			}
				#content .post a:link, #content .post a:visited, #content .post a:active {
					color:#000000;
				}
				#content .post a:hover {
					color:#595959;
				}
				#content .post h2 {
						font-size:18px;
						padding-bottom:10px;
						margin-bottom:10px;
						border-bottom:1px dotted #0f0f0f;
						font-weight:bold;
						font-style:italic;
				}
					#content .post h2 a {
						text-decoration:none;
					}
				#content .post .meta {
					margin-bottom:10px;
					font-size:11px;
					overflow:hidden;
					display:block;
				}
					#content .post .meta .comments {
						float:left;
					}
					#content .post .meta .tags {
						float:right;
						text-align:right;
					}
				#content .post .entry {
					font-size:12px;
					clear:both;
				}
					#content .post .entry p {
						padding-bottom:20px;
						line-height:20px;
					}
				#content .post .author {
					border-top:1px dotted #0f0f0f;
					padding:25px 0;
					font-size:11px;
				}
				#content .post .share {
					color:#000;
					font-size:11px;
				}
					#content .post .share a {
						margin:0 5px;
					}
				#content .post .sharesingle {
					margin-top:30px;
					padding-top:30px;
					border-top:1px dotted #000;
				}
					
				#content #respond {
					margin:20px 0;
					overflow:hidden;
				}
					#content #respond h3,#content #comments h3 {
						font-size:16px;
						letter-spacing:-1px;
						margin-bottom:10px;
					}
						#content #respond h3 span {
							font-size:12px;
							margin-left:20px;
							letter-spacing:0;
						}
					#content #respond form {
						width:520px;
					}
						#content #respond textarea {
							width:497px;
							border:1px solid #b0b0b0;
							background-color:#f9f9f9;
							color:#848484;
							padding:10px;
							font:12px Arial;
							margin-bottom:10px;
						}
						#content #respond input {
							width:497px;
							border:1px solid #b0b0b0;
							background-color:#f9f9f9;
							color:#848484;
							padding:10px;
							font:12px Arial;
							margin-bottom:10px;
						}
						#content #respond label {
							display:block;
						}
						#content #respond input.sumbit {
							float:right;
							background-color:#767676;
							padding:10px;
							text-transform:uppercase;
							font-size:14px;
							border:0;
							color:#ffffff;
							letter-spacing:-1px;
							width:auto;
						}
				#content #comments {
					padding:20px 0;
				}
					#content #comments ol.commentlist {
						color:#5f5f5f;
						font-size:11px;
					}
						#content #comments ol.commentlist li {
							padding:20px;
							overflow:hidden;
						}
							#content #comments ol.commentlist li .comment-author {
								padding-bottom:5px;
							}
							#content #comments ol.commentlist li cite.fn,#content #comments ol.commentlist li cite.fn a {
								font-weight:bold;
								color:#3c3c3c;
								font-style:normal;
							}
							#content #comments ol.commentlist li .avatar {
								float:right;
							}
							#content #comments ol.commentlist li .comment-meta {
								display:none;
							}
						#content #comments ol.commentlist li.even {
							background-color:#ffffff;
						}
					
			#content .footer {
				clear:both;
				overflow:hidden;
				margin:80px 0;
				border-top:1px dotted #000;
				padding-top:50px;
				line-height:20px;
				font-size:11px;
			}
				#content .footer .widget {
					color:#525252;
					margin-right:20px;
				}
					#content .footer .widget h3 {
						font-size:13px;
						margin:0;
						padding:0;
						color:#373737;
						font-weight:bold;
					}
				#content .footer .col1 {
					width:250px;
					float:left;
				}
				#content .footer .col2 {
					width:120px;
					float:left;
				}
		#sidebar {
			width:338px!important;
			width:328px;
			float:left;
		}
			#sidebar .widget {
				margin-bottom:50px;
				line-height:20px;
				color:#565555;
			}
				#sidebar .widget h3 {
					color:#4b4b4b;
					font-size:18px;
					padding-bottom:5px;
				}
				#sidebar .widget a:link, #sidebar .widget a:visited, #sidebar .widget a:active {
					color:#565555;
				}
				#sidebar .widget a:hover {
					color:#222;
				}
				#sidebar .widget p {
					margin-bottom:20px;
				}
			#sidebar .widget_search {
			
			}
				#sidebar .widget_search input {
					border:1px solid #b5b5b5;
					padding:3px;
					color:#4b4b4b;
					background:#fff;
				}
				#sidebar .widget_search #s {
					width:85%;
					margin-right:5px;
				}
				#sidebar .widget_search #searchsubmit {
					width:10%;
				}
			#sidebar .widget_twitter {
			
			}
				#sidebar .widget_twitter h3 a:hover{
					text-decoration:none;
				}
				#sidebar .widget_twitter ul {
				
				}
					#sidebar .widget_twitter ul li {
						margin:10px 0;
					}
						#sidebar .widget_twitter ul li .timesince {
							display:none;
						}
			#sidebar .first_widget {
				
			}
				#sidebar .first_widget h2 {
					color:#9b9b9b;
					font-size:30px;
					line-height:40px;
				}
				#sidebar .first_widget h3 {
					color:#595959;
					font-size:28px;
					line-height:36px;
				}
				#sidebar .first_widget p {
					font-size:14px;
					color:#404040;
					line-height:22px;
				}
	/* WP-PageNavi Styles */
	.wp-pagenavi {
		clear:both;
		font-size:14px;
		padding:10px 0;
		text-align:center;
		font-weight:bold;
		overflow:hidden;
	}
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 5px 8px; 
		margin: 3px;
		text-decoration: none;
		color: #000;
	}
	.wp-pagenavi a:visited {
		padding: 5px 8px;  
		margin: 3px;
		text-decoration: none;
		color: #000;
	}
	.wp-pagenavi a:hover {	
		color: #434343;
		text-decoration:none;
	}
	.wp-pagenavi a:active {
		padding: 5px 8px; 
		margin: 3px;
		text-decoration: none;
		color: #000;
	}
	.wp-pagenavi span.pages {
		display:none;
	}
	.wp-pagenavi span.current {
		padding: 5px 8px; 
		margin: 3px;
		font-weight: bold;
		color: #434343;
		border-bottom:1px solid #000;
	}
	.wp-pagenavi span.extend {
		padding: 5px 0px;  
		margin: 2px;	
		color: #000000;
	}
	
	/* Twitter Widget */
	
				
				
/* slideViewer Styles */
	#slider ul, #slider li,#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#slider ul li img,#slider {
		width:948px;
		height:15px;
	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
		width:948px;
		height:15px;
		overflow:hidden; 
	}	
	#prevBtn, #nextBtn,#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
	}	
	#nextBtn, #slider1next{ 
		left:696px;
	}														
	#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  
		display:none;
		position:relative;
		width:30px;
		height:77px;
	}
	
	
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.blogroll img { 
	display:block;
	padding-top:15px;
}
/* End captions