.postImageCaption{
	width: 500px;
	background-color:black;
	display:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}
.postImageCaption p{
	font-size: 18px;
	font-weight: bold;
	color:white;
	padding:20px;
}
				

.noResults form div #s{
margin-top:20px;
margin-left: 20px;

}

#tinyIcons{
	display: block;
	width: 265px;
	height: 30px;
	margin: 10px auto 20px;
}

#tinyIcons a{
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	background: none;
	text-decoration: none;
	left: -9999px;	
}

#tinyIcons .iconAmazon{
	background-image: url('http://kempa.com/images/icons/icon_amazon.gif');	
	margin-right:7px;
}
#tinyIcons .iconDelicious{
	background-image: url('http://kempa.com/images/icons/icon_delicious.gif');	
	margin-right:7px;
}
#tinyIcons .iconFacebook{
	background-image: url('http://kempa.com/images/icons/icon_facebook.gif');	
	margin-right:7px;
}
#tinyIcons .iconFlickr{
	background-image: url('http://kempa.com/images/icons/icon_flickr.gif');	
	margin-right:7px;
}
#tinyIcons .iconMyspace{
	background-image: url('http://kempa.com/images/icons/icon_myspace.gif');	
	margin-right:7px;
}
#tinyIcons .iconTwitter{
	background-image: url('http://kempa.com/images/icons/icon_twitter.gif');	
	margin-right:7px;
}
#tinyIcons .iconVimeo{
	background-image: url('http://kempa.com/images/icons/icon_vimeo.gif');	
	margin-right:7px;
}
#tinyIcons .iconLastFM{
	background-image: url('http://kempa.com/images/icons/icon_lastfm.gif');	
	margin-right:7px;
}
#tinyIcons .iconYoutube{
	background-image: url('http://kempa.com/images/icons/icon_youtube.gif');	
}


.aLinkDetails
{
	display: block;
	float: left;
	width: 70px;


}

.aLinkRight
{
	display: block;
	float: left;
	width: 500px;

}




/* @group Global */

a.img {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ffffff;
}



a.img:hover {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ffffff;
}

div.link
{
	display: block;
	float: left;
	width: 580px;
	padding: 0px 10px 20px 10px;


}

a img{
	border: none;
}

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

body
{
	background: #fff;
	color: #000;
	font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

li
{
	margin-left: 20px;
	padding-left: 5px;
	padding-bottom: 4px;
	list-style-type: square;
}

ul
{
	margin-bottom: 10px;
}

h3
{
	color: #000000;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 33px;
	/*	margin-bottom:  15px;*/
	
}


.highlightTitle
{
background-color: #FFFFCF;

}



.pageHead
{
	background-color: #FFFFCF;
}

.pageTitle

{
	
	display: block;
	float: left;
	padding: 10px 0px 15px 0px;
	color: #000000;
	font-size: 1.7em;
	font-weight: normal;
	margin-left:  10px;;
	width: 400px;
}



h4
{
	color: #000000;
	font-size: 1.35em;
	font-weight: normal;
	width: 300px;
	
}

h6
{
	color: #000000;
	font-size: 1.35em;
	font-weight: normal;
	padding-top: 42px;
	padding-bottom:8px;
}


h5
{
	color: #000000;
	font-size: 1.7em;
	font-weight: normal;
	/*background-color: #FFFFCF;*/
	
}

h4 span.title
{ 
	color:#000000; 
}

h4 a.title
{ 
	color:#000000; 
	background-color: #FFFFCF;
	text-decoration: none;
}

h4 a.title:hover
{ 
	color:#000000; 
	background-color: #FFF;
	text-decoration: none;
}

.postDetails
{
	margin: 0px;
	float:  right;
	text-align: center;
	font-size:10px;
	line-height: 10px;
	color:#4D4D4D;
}
.postDetails a, h4 .postDetails a, .postCategories a, a.footer
{
	color:#4D4D4D;
	text-decoration:none;
}



/* @end */

/* @group Layout */

#mainwrapper{
	width: 800px;
	display: block;
	margin: 0px auto;
}

#leftwrapper{
	display: block;
	float: left;
	width: 600px;
}

.inside{
	width: 602px;
	min-width:600px;
	max-width:600px;
	margin:0px auto;
	display: block;
	float: none;
}



/* @end */

/* @group Header */




.header
{
	padding-top: 20px;
	height: 30px;
	border-bottom: 2px solid #000;
	margin-bottom: 15px;
	
}


.headerHomepage
{
	margin-bottom:  15px;;
}

.headerPage
{
	padding-top: 20px;
	height: 30px;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
	width: 500px;
}

.topLeft
{
	width: 40%;
	height: 100%
	text-align: left;
	float: left;
}
.topRight
{
	width: 60%;
	height: 100%
	text-align:right;
	line-height: 30px;
	float: left;
	font-size:12px;
}

a.nav 
{
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border: 0;

}

a.nav:hover 
{
	
	background-color: #fff;
	border: 0;
	text-decoration: underline;
}



/* @end */

/* @group Kempa Content  */

#mariomix{
	width: 288px;
	display: block;
	margin: 20px auto 20px;
	border: 1px solid black;
	background: url(http://www.kempa.com/images/blog/20040206_smbbg.gif);
}

#mariomix p{
	margin: 0 10px 0 10px;
}

.divider
{
	width: 50px;
	margin: 20px 225px 30px 233px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	height: 2px;
	display: block;
	float: left;

}

img.center, .centerTitle
{
	display: block;
	margin: 0px auto;
	margin-bottom: 15px;
	text-align: center;
	
}

img.centerWithTitle
{
	display: block;
	margin: 0 auto;
}



/* @end */

/* @group Archive Nav Page */

.archiveHeader{
	font-size: 1.3em;
	padding-top: 10px;


}
.archiveHead{
	margin-left: 10px;


}




#archiveMonth a.archiveMonth
{
	text-decoration: none;
	border: 1px solid #FFF;
	background-color: #FFFFFF; 
	padding-right: 2px;
	padding-left: 2px;
}

#archiveMonth a.archiveMonth:hover
{
	text-decoration: none;
	border: 1px solid black;
	background-color: #FFFFCF; 
	color: #000;
	padding-right: 2px;
	padding-left: 2px;
}


#archiveMonth a.archiveYear, #archiveCategory a
{
	text-decoration: none;
	border: 1px solid #FFF;
	background-color: #FFFFFF; 
	padding-right: 2px;
	padding-left: 2px;
}

#archiveMonth span.emptymonth
{
	text-decoration: none;
	border: 1px solid #FFF;
	background-color: #FFFFFF; 
	color: gray;
	padding-right: 2px;
	padding-left: 2px;
}




#archiveMonth a.archiveYear:hover, #archiveCategory a:hover
{
	text-decoration: none;
	border: 1px solid black;
	color: #000;
	background-color: #FFFFCF;
	padding-right: 2px;
	padding-left: 2px;
}



#archiveMonth a.archiveChoice, .pageContent a.archiveChoice, #archiveCategory a.archiveChoice
{
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight: bold;
	/*border: 1px solid #FFF;*/
	padding-right: 2px;
	padding-left: 2px;
	border:0px;

}

#archiveMonth a.archiveChoice:hover, .pageContent a.archiveChoice:hover, #archiveCategory a.archiveChoice:hover
{
	
	background-color: #ffffcf;
	border: 0;
	/*border: 1px solid black;*/
	padding-right: 2px;
	padding-left: 2px;
}



/* @end */

/* @group Comments */

.commentsCount
{
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	width:488px;
	padding-bottom: 3px;
	margin-left: 70px;
}

.commentTitle
{
	font-size: 18px;
	float: left;
	display: block;
	width:500px;
	padding-top: 15px;
	padding-bottom: 20px;
	margin-left: 80px;
}

.commentHighlight{
		background-color: #FFFFCF;
}

.commentsRSS
{
	padding-top: 6px;
	font-size: 14px;
	float: left;
	display: block;
}


#comment-form{
	display: block;
	float: left;
	width: 600px;
	padding: 10px;
}


.commentAuthor
{
	display: block;
	float: left;
}

.commentAuthor a
{
	text-decoration: none;
	color: black;
}

.commentAuthor a:hover
{
	text-decoration: underline;
	color: black;
}

.commentMeta
{
	display: block;
	float: left;
	font-size:10px;
	color:#4D4D4D;
	width: 70px;
	margin-left: 10px;
}
.commentBody
{
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 5px;
	margin: 0px 0px 20px 80px;
	width: 500px;
}
.commentsClosed
{
	display: block;
	float: left;	
	margin-top: 30px;
	margin-bottom: 50px;
	font-size:10px;
	color:#4D4D4D;
	width: 100%;
	text-align: center;
}

.commentsClosed a, .commentBody a{
	text-decoration: none;
	color: black;
	background-color: #FFFFCF;

}
.commentsDivider{
	width:  600px;
	height: 1px;
	border-bottom: 2px solid black;
	float:  left;
	display: block;
	
}

.commentsClosed a:hover, .commentBody a:hover{
	color: black;
	background-color: #FFF;
}



/* @end */

/* @group Filmstrip */

#filmstrip_container{
	width: 56px;
	margin-top: -9px;
	float: left;
	display: block;
	margin-left: 25px;
}
#filmstrip_balance{
	width: 56px;
		
		float: left;
		display: block;
	margin-left: 25px;
}

#badge {
	width: 56px;
	display: block;
	position: relative;
	background: url(http://www.kempa.com/images/filmmid.gif);
}

#badge a{
	
	display: block;
	width: 36px;
	height: 38px;

}
.flickrimg {
	width: 34px; 
	border: 1px solid white;
	margin-bottom: 2px;
	margin-left: 10px;
	z-index: 900;
} 
.flickrimg:hover {
	width: 34px; 
	border: 1px solid black;
	margin-bottom: 2px;
	margin-left: 10px;
}



/* @end */

/* @group Empire Styles */


.empireHeader{
	font-size:18px;
	font-style: italic;
	margin-top: 25px;
	
}

.empireContainer{
	float: left;
	width:580px;
	margin-bottom: 15px;
}

#alignMe{
	float:right;
}


.empireContainer a.empireImage, .empireImage{
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	display: block;
	width: 140px;
	background-color: #FFF;
}

.empireContainer a.empireImage:hover{
	border:0px;
	margin: 0;
	padding: 0;
	border: none;
}

.empireDescription{
	float: left;
	width: 400px;
	padding-bottom:15px;
	margin-left: 15px;
	display: block;
	height: 100%;
}



/* @end */

/* @group Type: Post */

.postContent
{
	padding: 10px 0px 10px 0px;
	display: block;
	float: left;
	
	margin-left: 70px;
}


.postContentSingle, .pageContent
{
	padding: 0px 10px 50px 10px;
	display: block;
	float: left;
	width: 580px;
}

.postCategories
{
	font-size:10px;
	color:#4D4D4D;
}

.postContent p, .postContentSingle p, .pageContent p
{
	padding-bottom: 12px;
	display: block;
}

.postBottom
{
	border-bottom: 1px solid #000;
	width: 100%;
	float: left;
	height: 1px;
	display: block;
}

.post .theK
{
	display: block;
	width: 16px;
float: right;
	padding-bottom: 5px;
	padding-top: 2px;
	
}

#singleBottom
{
	margin-top: 30px;
	width:  100%;
	height: 20px;
	float: left;
	display: block;
	border-top: 2px solid black;
	
}

.archiveDivider{
	height: 1px;
	width: 100%;
	float:  left;
	display:  block;
	border-bottom:  1px dashed black;
	margin-bottom:  15px;
}

.post
{
	display: block;
	float: left;
	width: 580px;
	margin-bottom: 0px;
	padding: 0px 10px 20px 10px;
	/*border: 1px solid #4D4D4D;*/
}

.postMeta{
	display: block;
	max-width: 91px;
	float: right;
	padding: 5px 5px 5px 5px;
	/*border-top: 1px solid black;*/
	/*border-bottom: 1px solid black;*/
}
.postTop
{
	border-top: 1px solid #000;
	width: 100%;
	height: 1px;
	display: block;
	float: left;
}

.postTitle
{
	
	display: block;
	float: left;
	padding: 0px 0px 10px 10px;
	color: #000000;
	font-size: 1.35em;
	font-weight: normal;
	width: 457px;
}



/* @end */

/* @group Image Stuff */



/* @end */

/* @group TYPE: Link */

.linkContent
{
	width: 580px;
}

.linkContent p
{
	display:inline;
	padding-right: 5px;
}

.linkContent blockquote 
{
	
	padding-bottom: 7px;
}

.linkContent .details
{
	display:inline;
	font-size:10px;
	color:#4D4D4D;
}	
.linkContent a, .postContent a, .postContentSingle a, .pageContent a
{
	color: #000;
	background-color: #FFFFCF;
	text-decoration: underline;
	
}
.linkContent a:hover, .postContent a:hover, .postContentSingle a:hover, .pageContent a:hover
{
	background-color: #FFF;
	color: #000;
	padding-bottom: 1px;
	border-bottom: 0px;
	text-decoration:  none;
}



/* @end */

/* @group Contact Form */

fieldset
{
	border: 0px;
	margin:  0 auto;
}

#contactform {
	width:480px;
	margin:0 auto;
	overflow: hidden;
	display:  block;
	border: none;
	padding: 0px;
}
#contactform br {
	display:none;
}
label.contactleft {
	
	font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	width:20%;
	float:left;
	text-align:left;
	font-size: 16px;
	
	color: #000000;
	clear:both;
	line-height: 50px;
	display: block;
}
label.contacttop {
	
	font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	width:20%;
	float:left;
	text-align:left;
	font-size: 16px;
	color: #000000;
	clear:both;
	line-height: 32px;
	display: block;
	margin-top: 9px;

}
.contactright {
	width:70%;
	padding: 4px;
	margin: 14px 0;
	float:left;
	border: 1px solid #000; 
	
	display: block;

}
.contacttopright {
	width:70%;
	padding: 4px;
	margin: 14px 0;
	float:left;
	border: 1px solid #000;
	display: block;

}

.contacterror {
	border: 1px solid #ff0000;
	background-color: #FFBFBF;
}
#contactsubmit {

	width:30%;
	text-align:center;
	padding:4px;
	display:inline;
	margin-right: 36px;
	float:right;
}

#wpcf_message{
	font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
.contactSuccess
{

	width: 70%;
	padding: 8px 4px 4px 4px;
	border: 1px solid #FFBE0F;
	background-color: #FFE59F;
	text-align: center;
	float:right;

}



/* @end */

/* @group Search */

.searchCopy
{
	padding: 10px 8px 0px 10px;
	font-size: 14px;


}



/* @end */

/* @group Type: Archive Post */

.archivePostDetails, .indexPostDetails{
	display:block;
	float: left;
	font-size:10px;
	color:#4D4D4D;
	width: 70px;
}
.archivePostComments, .indexPostComments{

	font-size:10px;
	color:#4D4D4D;
	margin-left:70px;

}

.archivePostDetails a, .archivePostComments a, .indexPostComments a, .indexPostDetails a{
	color: #4D4D4D;
	text-decoration: none;
}
.archivePostDetails a:hover, .archivePostComments a:hover, .indexPostComments a:hover, .indexPostDetails a:hover, {
	color: black;
	text-decoration: none;
}
.indexPostComments a:hover{
	text-decoration: underline;

}

.archivePostTitlePermalink, .indexPostTitlePermalink {
	width: 510px;
	display: block;
	float: left;
}

.archiveHighlightTitle, .indexHighlightTitle {
	background-color:  #FFFFCF;
	font-size: 18px;
	display:  block;
	float: left;

}

.archiveHighlightTitle a, .indexHighlightTitle a{
	background-color:  #FFFFCF;
	color: black;
}

.archiveHighlightTitle a:hover, .indexHighlightTitle a:hover{
	background-color:  #FFF;
 	text-decoration: none;}

.archivePostContent, .indexPostContent{
	margin:  10px 20px 0px 70px;
	font-size: 12px;
}

.archivePostContent a, .indexPostContent a{
	color: black;
	background-color: #FFFFCF;
}



.archivePostContent a:hover, .indexPostContent a:hover{
	text-decoration: none;
	background-color: #FFF;
}

.archiveReadMoreButton{
	margin: 0 20px 0px 0px;
	float: right;
	display: block;
}

.archiveReadMoreButton a{
	background-color: #FFFFCF;
	color:  black;
	text-decoration:none;
	font-weight: bold;
}

.archiveReadMoreButton a:hover{
	background-color: #FFF;
	text-decoration: none;
}

.archiveTitle{
	padding-bottom: 15px;
	border-bottom:  1px dashed black;
	margin-bottom: 15px;;
	
}

/* @end */


.postBanner
{
	margin-top: 1000px;
	
	/*padding-bottom: 1px;*/
	/*border-bottom: 1px solid #000;*/
	/*padding-top: 1px;*/
	/*border-top: 2px solid #000;*/
	
	/*margin-left:  -10px;*/
}

img.marquee
{
	padding-bottom: 1px;
	border-bottom: 2px solid #000;
}

/* @group Media */

.player
{
	margin-bottom: 10px;
}

a.highslide{
	background-color: #000;
	border-bottom: 0px;
}
a.highslide:hover{
	background-color: #000;
	border-bottom: 0px;
	padding: 0px;
}

div.audio
{
	background: url(http://kempa.com/wp/wp-content/themes/kempa/images/audio.gif) ;
	background-repeat: no-repeat;
	padding-left: 60px;
}



/* @end */

/* @group Blockquote */

blockquote{
	margin: 0 0px 20px 0px;
	padding: 10px 25px 0px 25px;
	background-color: #e1e1e1;
	border-left: 1px solid black;
	width:  440px;
}

.postContent blockquote p a{
	background-color: #e1e1e1;
}

.postContent blockquote p a:hover{
	background-color: #e1e1e1;
}



/* @end */

/* @group footer */

h3 .postDetails a:hover, h4 .postDetails a:hover, .postCategories a:hover, a.footer:hover
{ 
	color:#000000; 
	background-color: #FFFFCF;
}
.bottomRule
{
	float: left;
	display: block;
	
	
	width: 600px;
	border-top: 2px solid #000;

}
.copyright
{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	
	font-size:10px;
	color:#4D4D4D;
	padding-bottom: 30px;
}



/* @end */

/* @group Categories */

.postCategories{
	display: block;`	
}

.noResults{
 margin: 0px 0px 20px 10px;

}

.archivePostContent blockquote{
margin-top: 10px
}

label.comment{
display:block;
float: left;

width: 70px;
font-size:10px;
color:#4D4D4D;
}

#comment-form .commentField{
display: block;
float: left;
width: 500px;	
margin-bottom:20px;
}

#comment-form .commentField .commentInputDefault{
border: 1px solid black;
padding: 3px;
background-color: #FFF;

}

#comment-form .commentField .commentInputError{
border: 1px solid red;
padding: 3px;
background-color: #FFBFBF;


}


.searchInputDefault{
border: 1px solid black;
padding: 3px;
background-color: #FFF;

}

.searchInputError{
border: 1px solid red;
padding: 3px;
background-color: #FFBFBF;


}


.commentTextareaDefault
{
	border: 1px solid black;
	height:100px;
	width: 300px;
	padding: 3px;
background-color: #FFF;

}
.commentTextareaError{
	border: 1px solid red;
padding: 3px;
background-color: #FFBFBF;
	height:100px;
	width: 300px;
}



.commentsTitle{
		margin: 15px 0px 20px 80px;
	display: block;
	font-size: 18px;
	float: left;
	width: 500px;
	
}

a#twitterIcon{
	
	background-color: #FFF; 
	font-size:10px;
	color:#4D4D4D;
	text-decoration: none;
}


a#twitterIcon:hover{
	
	background-color: #FFFFCF; 
	font-size:10px;
	color:#4D4D4D;
	text-decoration: none;
}


#fourohfourheader{
	margin-bottom: 20px;
}


.fourohfourp{
	margin-bottom: 20px;
	padding: 10px;
}

.postImage{
	width: 500px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 13px;
}

#loggedInName{
	margin-left: 70px;
}

#loggedInName a
{
	color: #000;
	background-color: #FFFFCF;
	text-decoration: underline;
	
}
#loggedInName a:hover
{
	background-color: #FFF;
	color: #000;
	padding-bottom: 1px;
	border-bottom: 0px;
	text-decoration:  none;
}



/* @end */