/*
Theme Name: beach party
Theme URI: http://prent.us
Description: prent theme
Version: 1.0
Author: sky bohannon
*/

/*	GLOBAL				*/
body {
	margin: 20px 0 0;		padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #dedede url('/img/bg.png') repeat-x fixed center top;
	}
.clear { clear: both; } strong { font-weight: bold; } em { font-style: italic; }
textarea, input, select, option, optgroup, button { font-family: Tahoma, Arial, Helvetica, sans-serif; }

/*	WRAPPER				*/
#wrapper { margin: 0 auto; width: 960px; }

#wrapper #header { } #wrapper #header #left { float: left; } #wrapper #header #right { float: right; }
	
	/*	TWITTER				*/
	#wrapper #header #right #twitter { }
	#wrapper #header #right #twitter #bird {
		float: left;				padding: 0 4px 0 0;
		width: 51px;				height: 68px;
	}
	#wrapper #header #right #twitter #text {
		float: left;
		width: 329px;				height: 68px;
		background: url('/img/head-twitter-bg.png') no-repeat top left;
	}
		/*	TOOLTIP				*/
		#tooltip {
			position: absolute;
			z-index: 3000;
			border: 1px solid #111;
			background-color: #fff;
			padding: 5px;
			opacity: 0.85;
		}
		#tooltip h3, #tooltip div { margin: 0; }
		#tooltip.twitter {
			font-size: 10px;			color: #373737;				line-height: 11px;
			letter-spacing: -1px;		text-align: justify;
			border: none;
			width: 114px;				height: 35px;
			padding: 10px 12px;
			opacity: 0.6;
			background: url('/img/head-twitter-tooltip.png');
		}
		
		/*	TWEETABLE			*/
		#wrapper #header #right #text #tweets small { font-style:italic; font-size: 10px; color: #535353; }
		#wrapper #header #right #text #tweets ul li {
			font-size: 12px;			line-height: 13px;			text-align: justify;
			letter-spacing: 0.2px;
			padding: 3px 12px 0 22px;
			margin: 8px 0;
			list-style-type: none;
		}
		#wrapper #header #right #text #tweets span { color: #4c4c4c; }
		#wrapper #header #right #text #tweets .hash { color:#ff9933; } 
		#wrapper #header #right #text #tweets .reply { color:#ff9933; } 

		#wrapper #header #right #text #tweets a:link { text-decoration:none; color:#ff9933;}
		#wrapper #header #right #text #tweets a:active { text-decoration:none; color:#ff9933;}
		#wrapper #header #right #text #tweets a:hover { text-decoration:underline; color:#ff9933;}
		#wrapper #header #right #text #tweets a:visited { text-decoration:none; color:#ff9933;}

/*	MENU				*/
#wrapper #mcont {
	margin: 10px 0 0;			padding: 12px 15px 0;
	width: 930px;				height: 23px;
	background: url('/img/menu-bg.png') no-repeat top left;
}
	/*	UNORDERED LIST			*/
	#wrapper #mcont ul#menu {
		float: left;
		font-size: 12px;			color: #4c4c4c;				text-transform: uppercase;
		list-style-type: none;
	}
	#wrapper #mcont ul#menu li {
		float: left;
		margin: 0 20px 0 0;			padding: 0;
	}
	#wrapper #mcont ul#menu li a:link { text-decoration: none; color: #4c4c4c; }
	#wrapper #mcont ul#menu li a:hover { text-decoration: none; color: #7e7e7e; }
	#wrapper #mcont ul#menu li a:active { text-decoration: none; color: #4c4c4c; }
	#wrapper #mcont ul#menu li a:visited { text-decoration: none; color: #4c4c4c; }
	#wrapper #mcont ul#menu li.active a { text-decoration: none; color: #f36a22; }

#wrapper #mcont #icons {
	float: right;
}


/*	MAIN				*/
#wrapper #main {
	margin: 15px 0 0;
	width: 960px;
}
#wrapper #main #l { margin: 0 15px 0 0; float: left; width: 760px; }
#wrapper #main #r { float: left; width: 185px; height: 200px; }

#wrapper #main #l .box { width: 760px; margin: 0 0 15px; clear: both; }

	/*	ITEM				*/
	#wrapper #main #l .box .top {
		float: right;
		width: 760px;				height: 15px;
		background: url('/img/main-box-tb.png') 0 0 no-repeat;
	}
	#wrapper #main #l .box .mid {
		position: relative;
		margin: -1px 0 0;			padding: 0 15px 0;
		float: right;
		width: 730px;
		background: url('/img/main-box-m.png') repeat-y;
	}
	#wrapper #main #l .box .midpage {
		position: relative;
		margin: -1px 0 0;			padding: 0 15px 0;
		float: right;
		width: 730px;
		background: url('/img/main-box-m.png') repeat-y;
	}
		/*	DATE TAB				*/
		#wrapper #main #l .box .mid .tab {
			float: left;
			position: relative;		left: -29px;
			width: 53px;				height: 42px;
			margin: 0 -29px 0 0;					padding: 3px 6px 0 0;
			text-align: center;
			background: url('/img/main-box-tab.png') no-repeat top left;
		}
			#wrapper #main #l .box .mid .tab h2, #wrapper #main #l .box .mid .tab h3, #wrapper #main #l .box .mid .tab h4 { color: #f2f2f2;	text-transform: uppercase; text-shadow: -1px -1px 0px #4498b0; }
			#wrapper #main #l .box .mid .tab h2 { font-size: 9px; }
			#wrapper #main #l .box .mid .tab h3 { font-size: 14px; }
			#wrapper #main #l .box .mid .tab h4 { margin: 1px 0 0; font-size: 8px; }
			
		/*	TITLE					*/
		#wrapper #main #l .box .mid .meta {
			float: left;
			padding: 0 0 0 5px;
		}
		#wrapper #main #l .box .mid .meta h1, #wrapper #main #l .box .midpage .post h1  {
			display: block;
			font-size: 22px;			color: #646464;			font-weight: bold;
			text-shadow: -1px -1px 0px #c2c2c2;
		} #wrapper #main #l .box .mid .meta h1 a { color: #646464; text-decoration: none; }
		#wrapper #main #l .box .mid .meta h1 { top: 11px; left: 52px; } 
		
		#wrapper #main #l .box .mid .meta p {
			color: #323232;
			margin: 5px 0 0;
			display: block;
			font-size: 10px;			text-transform: uppercase;
		} #wrapper #main #l .box .mid .meta p a { color: #323232; text-decoration: none; }
		  #wrapper #main #l .box .mid .meta p a:hover { color: #fff;  text-decoration: none; background: #646464; }
		
		#wrapper #main #l .box .mid .meta .rt {
			position: relative;
			float: right;			clear: none;
			margin: 14px 0 0;
		}
		
			/*	POST					*/
			#wrapper #main #l .box .mid .post, #wrapper #main #l .box .midpage .post { margin: 10px 0 0;  }
			#wrapper #main #l .box .mid .post p, #wrapper #main #l .box .midpage .post p {
				margin: 0;					padding: 0 0 10px;
				font-size: 12px;			line-height: 18px;		text-align: justify;
				color: #4c4c4c;				
			}
			#wrapper #main #l .box .mid .post a, #wrapper #main #l .box .midpage .post p a { text-decoration: none; color: #f36a22; }
			#wrapper #main #l .box .mid .post a:hover, #wrapper #main #l .box .midpage .post p a:hover { text-decoration: underline; color: #f9894e; }
			#wrapper #main #l .box .mid .post blockquote {
				margin: 0 0 10px 15px;			padding: 0 15px;
				font-style: italic;
				border-left: 1px solid #cecece;
			}
		  

			/*	META					*/
			#wrapper #main #l .box .mid .post .meta2 {
				margin: 5px 0 0;			padding: 0;
			}
			#wrapper #main #l .box .mid .post .meta2 p {
				margin: 0;					padding: 0 0 2px;
				text-align: justify;
				font-size: 10px;			text-transform: uppercase;
				letter-spacing: 1px;		text-shadow: -1px -1px 0px #c2c2c2;
				color: #4c4c4c;
			} #wrapper #main #l .box .mid .post .meta2 p a { color: #4c4c4c; text-decoration: none; }
			  #wrapper #main #l .box .mid .post .meta2 p a:hover { color: #4a4a4a; text-decoration: none; }
			#wrapper #main #l .box .mid .post .meta2 .r .sharethis_0 {
				font-size: 18px;			text-transform: uppercase;
				letter-spacing: 1px;		text-shadow: -1px -1px 0px #c2c2c2;
				color: #4c4c4c;
			}
			#wrapper #main #l .box .mid .post .meta2 .l {
				float: left;
			}
			#wrapper #main #l .box .mid .post .meta2 .r {
				float: right;
			}	
			

		#wrapper #main #l .box .mid .post p img.aligncenter {
			margin: 10px 0;
			padding: 10px;
			border: 0;
			background: url('/img/img-bg.png') repeat;
		}
		#wrapper #main #l .box .mid .post p object { margin: 0 auto; text-align: center; }
		
#wrapper #main #l .box .bot {
	float: right;
	width: 760px;				height: 15px;
	background: url('/img/main-box-tb.png') 0 -20px no-repeat;
}

/*	SINGLE PAGE				*/	   
/*	COMMENTS				*/
#wrapper #main #comments, #wrapper #main #comments-add {
	width: 760px; margin: 0 0 15px; clear: both;
}
#wrapper #main #comments #top, #wrapper #main #comments-add #top  { float: right; width: 760px; height: 15px; background: url('/img/main-box-tb.png') 0 0 no-repeat; }

#wrapper #main #comments #mid, #wrapper #main #comments-add #mid {
	margin: 0;			padding: 0 15px;
	float: right;
	width: 730px;
	background: url('/img/main-box-m.png') repeat-y;
}
	#wrapper #main #comments #mid h1, #wrapper #main #comments-add #mid h1 { float: right; margin: -3px 0 0; text-align: right; font-size: 24px; color: #646464; }
	#wrapper #main #comments-add #mid h2 { 
		float: left;			clear: left;
		margin: -1px 0 5px;		padding: 0 0 0 24px;
		text-align: left;		font-size: 12px; 		color: #646464;
		line-height: 18px;
		background: url('/img/comment-grav.png') no-repeat top left; 
	} #wrapper #main #comments-add #mid h2 a { text-decoration: none; color: #f36a22; }
	  #wrapper #main #comments-add #mid h2 a:hover { text-decoration: underline; color: #f9894e; }
	  	#wrapper #main #comments-add #mid h2.grav{ background: url('/img/comment-grav.png') no-repeat top left; }
		#wrapper #main #comments-add #mid h2.fb { background: url('/img/comment-fb.png') no-repeat top left; line-height: 21px;  }

#wrapper #main #comments #bot, #wrapper #main #comments-add #bot { margin: 0 0 15px; float: right; width: 760px; height: 15px; background: url('/img/main-box-tb.png') 0 -20px no-repeat; }

	/*	COMMENTS THREAD		*/
	#wrapper #main #comments #mid ol#thread{
		margin: 10px 0 0;				padding: 0;
		list-style-type: none;
	}
	#wrapper #main #comments #mid ol#thread li {  }
	#wrapper #main #comments #mid ol#thread li .l {
		position: relative;
		float: left;					clear: both;
		width: 82px;					height: 91px;
		margin: 0 8px 10px 0;			padding: 15px 20px 15px 10px;
		background: url('/img/comment-author.png') no-repeat;
		z-index: 1;
	}
		#wrapper #main #comments #mid ol#thread li .l .number {
			position: absolute;
			top: -15px;					left: -10px;
			overflow: hidden;
			z-index: 2;
		} #wrapper #main #comments #mid ol#thread li .l .number span { font-size: 64px; font-weight: bold; color: #fff; }
		#wrapper #main #comments #mid ol#thread li .l .gravatar {
			position: relative;
			text-align: center;
			background: #a1a1a1;
			width: 64px;
			margin: 0 auto 3px;
			z-index: 3;
		}
		#wrapper #main #comments #mid ol#thread li .l .gravatar img{
			margin: 0;					padding: 1px;
			width: 60px;				height: 60px;
			border: 1px solid #636363;
		}
		#wrapper #main #comments #mid ol#thread li .l span.author, #wrapper #main #comments #mid ol#thread li .l span.time {
			display: block;
			text-align: center;
			font-size: 10px;			line-height: 10px;			letter-spacing: -1px;
		}
		#wrapper #main #comments #mid ol#thread li .l span.author { color: #636363; }
			#wrapper #main #comments #mid ol#thread li .l span a{ text-decoration: none; color: #f36a22; }
			#wrapper #main #comments #mid ol#thread li .l span a:hover { text-decoration: underline; color: #f9894e; }
		#wrapper #main #comments #mid ol#thread li .l span.time { color: #a3a3a3; }
		
	#wrapper #main #comments #mid ol#thread li .r {
		float: left;				clear: none;
	}
		#wrapper #main #comments #mid ol#thread li .r .top {
			width: 610px;				height: 10px;
			background: url('/img/comment-tb.png') 0 0 no-repeat;
		}
		#wrapper #main #comments #mid ol#thread li .r .mid {
			width: 580px;
			margin: 0;					padding: 0 15px 5px;
			background: url('/img/comment-mid.png') repeat-y;
		}
			#wrapper #main #comments #mid ol#thread li .r .mid p {
				padding: 5px 0 0;
				text-align: justify;		font-size: 12px;			color: #636363;
				line-height: 13px;
			} #wrapper #main #comments #mid ol#thread li .r .mid p a { text-decoration: none; color: #f36a22; }
			  #wrapper #main #comments #mid ol#thread li .r .mid p a:hover { text-decoration: underline; color: #f9894e; }
		#wrapper #main #comments #mid ol#thread li .r .bot {
			margin: 0 0 10px;
			width: 610px;				height: 10px;
			background: url('/img/comment-tb.png') 0 -15px no-repeat;
		}
		
		/*	COMMENT FORM			*/
		#wrapper #main #comments-add #mid fieldset textarea:focus, #wrapper #main #comments-add #mid fieldset input:focus {
			border: 1px solid #8b939a;
		}
		#wrapper #main #comments-add #mid fieldset {
			float: left;
			width: 630px;
			margin: 15px 3px 0 25px;			padding: 15px 15px 5px;
			border: 0;
			background: url('/img/comment-fieldset.png') no-repeat top left;
		}
			#wrapper #main #comments-add #mid fieldset ol {
				list-style-type: none;
			}
			#wrapper #main #comments-add fieldset label {
				margin: 0 10px 0 0;				padding: 0 0 10px 0;					color: #5F5F5F;
				font-size: 10px;				line-height: 24px;						text-align: right; 
				float: left;
				width: 60px;
				display: block;
			} #wrapper #main #comments-add fieldset label strong { font-weight: bold; color: #ff0000; }

			#wrapper #main #comments-add #mid fieldset textarea{
				float: left;
				margin: 0 0 5px 0; 					padding: 6px 0 0 5px;
				width: 550px;						height: 80px;
				border-top: 1px solid #898989;		border-left: 1px solid #898989;
				border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
				font-size: 12px;					text-align: left;						color: #1a1a1a;
				background: #fff url('/img/comment-input.png') no-repeat;
			}
			#wrapper #main #comments-add #mid fieldset input {
				float: left;
				margin: 0 0 5px 0; 					padding: 6px 0 0 5px;
				width: 550px;						height: 21px;
				border-top: 1px solid #898989;		border-left: 1px solid #898989;
				border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
				font-size: 12px;					text-align: left;						color: #1a1a1a;
				background: #fff url('/img/comment-input.png') no-repeat;
			}
			#wrapper #main #comments-add #mid fieldset button.sub {
				background:#fdfdfd url('/img/comment-submit-bg.png') repeat-x;
				border-top: 1px solid #898989;		border-left: 1px solid #898989;
				border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
				font-size: 10px;				color: #5F5F5F;					text-align:center;
				cursor: pointer;
				width: 90px;					height: 20px;
				margin: 8px 0 0 536px; 			padding: 0 0 2px;
			}
			#wrapper #main #comments-add #mid fieldset button.sub:hover {
				background:#fdfdfd url('/img/comment-submit-hov.png') repeat-x;
				color:#646464;
			}
		
	#wrapper #main #comments-add #mid #fieldset-bot {
		margin: 0 0 0 25px;			padding: 0;
		float: left;					clear: both;
		width: 660px;					height: 10px;
		background: url('/img/comment-fieldset-bot.png') no-repeat top left;
	}
		
		
	/*	SIDEBAR			*/
	#wrapper #main #r #tagcloud .top, #wrapper #main #r #search .top, #wrapper #main #r #bttf .top { margin: 0; width: 185px; height: 16px; background: url('/img/sidebar-tb.png') 0 0 no-repeat; }
	#wrapper #main #r #tagcloud .mid, #wrapper #main #r #search .mid, #wrapper #main #r #bttf .mid { margin: 0; padding: 0 10px; width: 165px; background: url('/img/sidebar-m.png') repeat-y top left; }
	#wrapper #main #r #tagcloud .bot, #wrapper #main #r #search .bot, #wrapper #main #r #bttf .bot { margin: 0; width: 185px; height: 16px; background: url('/img/sidebar-tb.png') 0 -20px no-repeat; }
	#wrapper #main #r #tagcloud h1, #wrapper #main #r #bttf h1 { font-size: 10px; margin: 0 0 3px; display: block; letter-spacing: .2px; text-align: center; color: #4c4c4c; }
	
	#wrapper #main #r #tagcloud { margin: 15px 0 0; } 
		#wrapper #main #r #tagcloud a { text-decoration: none; color: #f36a22; }
		#wrapper #main #r #tagcloud a:hover { text-decoration: none; color: #f9894e; }
	
	#wrapper #main #r #search {  }
		#wrapper #main #r #search input {
			margin: 0 0 0 5px; 					padding: 6px 0 0 5px;
			width: 95px;						height: 17px;
			border-top: 1px solid #898989;		border-left: 1px solid #898989;
			border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
			font-size: 10px;					text-align: left;						color: #000;
			background: #fff;
		}
		#wrapper #main #r #search button {
			display: inline;
			border-top: 1px solid #898989;		border-left: 1px solid #898989;
			border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
			font-size: 10px;				color: #5F5F5F;					text-align:center;
			cursor: pointer;
			width: 45px;					height: 25px;
			margin: 0 0 0 2px; 				padding: 1px 0 2px;
		}
		#wrapper #main #r #search button:hover {
			background:#fdfdfd;
			color:#646464;
		}
		#wrapper #main #r #bttf {
			font-size: 12px;
			margin: 15px 0 0;
		}
			#wrapper #main #r #bttf ul {
				margin: 8px 0 0 15px;
				line-height: 14px;
				list-style-image: url('/img/bullet.png');
			}
	/*	FOOTER			*/
	#wrapper #main #footer { margin: 15px 0 0; height: 10px;  }
	
		/*	PAGE NAVIGATION			*/
		#wrapper .pages {
			margin: 5px 0 0;			padding: 12px 0 10px;
			width: 760px;
			font-size: 18px;			text-align: center;				font-weight: bold;
		}  #wrapper .pages a { text-decoration: none; color: #f36a22; }
		   #wrapper .pages a:hover { text-decoration: underline; color: #f9894e; }
		   
	
	/*	CONTACT			*/
				#wrapper #main #l .box .midpage #contact {
					width: 680px;				padding: 20px 0 0;
					margin: 0 auto;		
				}
				#wrapper #main #l .box .midpage #contact h1 {
					width: 100%;				height: 27px;
					border-bottom: 1px solid #e3e3e3;
				} #wrapper #main #l .box .midpage #contact h1.us { background: url('../img/h1-contact.png') no-repeat top left; }
				  #wrapper #main #l .box .midpage #contact h1.form { background: url('../img/h1-contactf.png') no-repeat top left; }
				#wrapper #main #l .box .midpage #contact p {
					margin: 5px 0 0;			padding: 0 0 20px;
					font-size: 10px;			line-height: 12px;
					text-align: justify;
				} #wrapper #main #l .box .midpage #contact p strong { font-weight: bold; }
				  #wrapper #main #l .box .midpage #contact p a { text-decoration: none; color: #232323; font-weight: bold; }
				  #wrapper #main #l .box .midpage #contact p a:hover { text-decoration: none; color: #434343; }
				
				#wrapper #main #l .box .midpage #contact fieldset {  
					width: 600px;   
					margin: 18px 0 0 25px;  		padding: 0; 
					border-style: none;				border: 0;    
				}

				#wrapper #main #l .box .midpage #contact fieldset span {
					margin: 15px 0 6px 160px;		padding: 0;
					font-size: 14px;					color: #5f5f5f;
					display: block;
				}

				#wrapper #main #l .box .midpage #contact fieldset span.LV_validation_message {
					position: absolute; 
					top: -11px;					left: 352px;
					font-size: 10px;				line-height: 18px;
					height: 22px;					width: 200px;
					padding: 0 0 0 20px;
				}

				#wrapper #main #l .box .midpage #contact fieldset span.LV_invalid {
					color: #c24c34;					font-weight: bold;
					background: url('../img/contact-fail.gif') no-repeat 0 0;
				}

				#wrapper #main #l .box .midpage #contact fieldset span.LV_valid {
					background: url('../img/contact-suc.gif') no-repeat 0 0;
				}

				#wrapper #main #l .box .midpage #contact fieldset ol {  
					padding: 0;  
					list-style: none;
				}

					#wrapper #main #l .box .midpage #contact fieldset ol li {  
						clear: left;
						position: relative;
						width: 100%;  
						padding-bottom: 10px; 
					}

				#wrapper #main #l .box .midpage #contact fieldset.submit {  
					position: relative; 
					float: none;  
					width: auto;  
					padding-top: 1.5em;  
				}

				#wrapper #main #l .box .midpage #contact label {
					margin: 0 10px 0 0;			padding: 0 0 10px 0;					color: #5F5F5F;
					font-size: 10px;				line-height: 18px;					text-align: right; 
					float: left;
					width: 150px;
					display: block;
				} #wrapper #main #l .box .midpage #contact label strong { color: #ff0000; font-weight: bold; }

				#wrapper #main #l .box .midpage #contact fieldset textarea:focus, fieldset input:focus {
					border: 1px solid #8b939a;
				}

				#wrapper #main #l .box .midpage #contact fieldset input {
					float: left;
					margin: 0 0 5px 0; 					padding: 6px 0 0 5px;
					width: 350px;						height: 19px;
					border-top: 1px solid #898989;		border-left: 1px solid #898989;
					border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
					font-size: 10px;					text-align: left;						color: #000;
					background: #fff url('/img/comment-input.png') no-repeat top left;
				}

				#wrapper #main #l .box .midpage #contact fieldset textarea {
					float: left;
					margin: 0 0 5px 0; 					padding: 6px 0 0 5px;
					width: 350px;						height: 200px;
					border-top: 1px solid #898989;		border-left: 1px solid #898989;
					border-bottom: 1px solid #a4a4a4;	border-right: 1px solid #a4a4a4;
					font-size: 10px;					text-align: left;						color: #1a1a1a;
					background: #fff url('/img/comment-input.png') no-repeat top left;
				}

				#wrapper #main #l .box .midpage #contact  fieldset#button {  
					position: relative;  
					float: left;  					clear: left;  
					width: 450px;   
					margin: 0;  						padding: 10px 0 0 0; 
					border-style: none;				border: 0;    
				}

				.submit-button {
					background:#fdfdfd url('/img/comment-submit-bg.png') repeat-x;
					border: 1px solid #a9a9a9;
					font-size: 10px;				color: #468175;					text-align:center;
					cursor: pointer;
					width: 90px;					height: 20px;
					margin: 0 0 0 538px; 			padding-bottom:2px;
				}

				.submit-button:hover {
				background:#fdfdfd url('/img/comment-submit-bg-hov.png') repeat-x;
				color:#232323;
				}
				
	/*	ARCHIVES		*/
	#wrapper #tcont {
	margin: 10px 0 0;			padding: 12px 15px 0;
	width: 930px;				height: 23px;
	font-size: 12px;			color: #4c4c4c;				text-transform: uppercase;
	text-align: center;
	background: url('/img/menu-bg.png') no-repeat top left;
}