/*  
Theme Name: TypoXP
Theme URI: http://www.sunaryohadi.info/
Description: A Typo eXPerimental. Clean, three columns, fixed width. With icons and almost no graphics. Great for 'text-heavy' theme lover.
Version: 1.0.3
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/

	TypoXP v1.0.3
	http://www.sunaryohadi.com/themes/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php	
	*/

/**********************************/
/* General                        */
/**********************************/

.picleft{float:left;margin:0px 5px 5px; 5px}
.picright{float:right;margin:0px 5px 5px 5px;}
.picleft{border:2px solid #EEE;}
/**********************************/
/* Begin Navigation Dropdownmenu*/
/**********************************/




/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;

border-top: 1px solid #ccc;

font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #151519;
width: 200px;
visibility: hidden;

}






.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #151519;
font-weight: bold;
color: #fff;
}

/**********************************/
/* Begin Navigation Typoxp*/
/**********************************/



.latestactivity small
{
display: block;
margin: 0px;
margin-left: 10px;
font-size: 94%;
}

#supernav {
	font: 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;

	position: absolute;
	top: 68px;

	left: 0px;
	width: 976px;
	margin: 0 0 0 0px;
	padding: 0 0 0 24px;
	text-align: left;


	display: block;
	}

#supernav li {
	display: inline;

color: #ffffff;
	
	margin: 0;
	padding: 20;

	

	}


#supernav a {
color: #ffffff;
	

	
	padding: 4px 19px;
	margin: 0;

	}

#supernav a:hover {
	color: #ffffff;
	background-color: #151519;
	border-top: 1px solid #323136;
	border-bottom: 1px solid #323136;
	font-weight: bold;

	}
/* These are the body ids change these to correspond with the body ids of your other pages */
body#blog a#blognav, body#rss a#rssnav, body#gallery a#gallerynav, body#wp a#wpnav, body#feeds a#feedsnav, body#photos a#photosnav {
	color: #8993A3;
	background-color: #fff;
	border-color: #000000;
	
}
#page {
width: 100%;
margin: 0px 0px 0px 20px; 
	}

/* End Navigation */

body {font: 0.82em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #ffff99; margin:0; padding:0;}
a	{ color: #fff; text-decoration: none; }
a:hover	{ text-decoration: underline; color: #cc0000;}
form {margin:0;padding:0;}
input, textarea {font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333;}
p {margin: 10px 0;}
img {border:1px solid #EEE; padding: 1px; margin-left: 5px; margin-right: 5px;}
/* Some peoples sometime using this class for aligning the image */
img.alignleft, img.left {float:left; margin-right: 5px; margin-left: 5px;}
img.alignright, img.right {float:right; margin-left: 5px; margin-right: 5px;}
.clear {clear:both; overflow:hidden;}

/**********************************/
/* Layout                         */
/**********************************/
#container,#left,#header,#content,#sidebar,#footer { overflow:hidden; display:block;}
#container {
	width:976px;
	padding:0;
	border-top: 5px solid #cc004d;
	border-bottom: 3px solid #99FF66;
	background: url(none) repeat-y right top;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#left {width: 560px; float:left;margin: 0 0px;padding:0px; text-align: justify;}
.middle {width:180px;margin:0;padding: 0 10px; float:left;}
.right {width:190px;margin:0;padding: 0 0px; float:right}
#content {margin-right: 38px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
width:521px;
height:100%;
     font-family:verdana;
    font-weight:bold;


    border:solid 1px #555;
    /* that's the line for Firefox */

   }

.content1 {
	behavior: url('http://jangoedwards.net/pngBgBehavior.htc');
		width:521px;
		height: auto; 

		background-image: url(http://jangoedwards.net/workshops/wp-content/themes/typoxp/images/trans.png);
	
	}






#header {
 height: 273px; 
border-left: #000000 2px solid; 
border-right: #000000 2px solid;
background: url("images/head.jpg" ) 
no-repeat top center; 
  padding: 0;
	margin: 0 auto;

	background-color: #black;
	}
#headerimg 	{ margin: 0px 9px 0;  }

#leftsidebar {width: 500px; float:left;margin:0px 37px 22px 0px; padding:0px 22px 0px 0px;}
#sidebar {width: 415px; float:left;margin:0;padding:0;}
#footer {width:967px; padding: 3px 0px 5 2px; margin:0; font-size: 0.86em; height: 40px; text-align:center; color:#999;}
#top {width:967px; padding: 3px 0px 0 20px; margin:0; font-size: 0.86em; height: 230px; text-align:right; color:#999;}
#container h1 {	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 42px;
	color: #FF0000;
	font-weight: bold;
	font-size: 42px;
	text-decoration: none;
	text-align: center;}
	

#completevent {width: 415px; float:left;margin:0;padding:0;
	background-color: #151519;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;


	padding: 3px 0 3px 0;
	margin: 0px 0px 10px 0;
font-size: 12px;
	vertical-align: top;
	}

#completevent a:hover { color: red; }
#completevent a {font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#fff; 
margin:0px; padding-left: 42px; text-align:left;}

#link-backgd a {
	background-color: #151519;
	border-top: 1px solid #323136;
	border-bottom: 1px solid #323136;
	}
	
#frontpage a {
	background-color: #151519;
	border-top: 1px solid #323136;
	border-bottom: 1px solid #323136;
	text-transform:uppercase; 
	font-size: 12px;
	font-weight: normal;
	}
	
#frontpage h4 a:hover {color: #ff0000; text-decoration:none;}

/**********************************/
/* Content                        */
/**********************************/
#content h1,h2,h3,h4 {line-height:1.2em;text-align:-left;}
#content h1 {color:#ffoooo; text-transform:uppercase; letter-spacing:0.05em;display:inline;
font:normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#content h2 {font: 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; 
margin:0px; padding-bottom: 20px; text-align:left;}
#content h2.pagetitle {font-size: 1.2em; color: #cc0000; padding: 5px 0;}
#content h3{font:normal 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; text-align:left;}
#content h4{font:normal 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; text-align:left;}
#content blockquote {padding:0 0 0 10px;margin:5px 0px 5px 20px; color:#000; 
font-size: 1.0em; border-left: 5px solid #b0c4de; line-height: 1.2em;}
#content p.postmetadata {clear:both; overflow:hidden; padding:5px 10px; line-height: 1.0em;}
code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}
#content li {padding-bottom: 5px;}
#content .post-date {font-size:1.0em; padding-left:20px;background: transparent url(img/calendar.png) no-repeat top left;padding-top: 5px;
background-position:0% 5px;}
#content {
	text-align: justify;
}

.post {padding-top: 20px;
	padding-left: 2px;
	padding-right: 2px;
border-bottom: 1px solid #A6A6A6;
}
.padding {margin: 0px 10px 10px 10px;
}

/* Postit Date */

.post .post_cal {
	background-color: #E9E9E9;
	border: 1px solid #A6A6A6;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0 10px 5px 0;
}

	.post_cal .dayname {
		background-color: #AA0000;
		border-bottom: 1px solid #A6A6A6;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		width: 100%;
		
	}
	
	.post_cal .daynum {

		color: #000;
		font-size: 24px;
	font-weight: bold;
	margin: 2px 0px 0px 0;
		width: 100%;

	}
	
	.post_cal .month, .post_cal .year {
	background-color: #E9E9E9;
		font-size: smaller;
		color: #000;
		width: 100%;
	}


/* Entry style */

.entry {padding-top: 20px;
	padding-left: 3px;
	padding-right: 3px;

}

#topbar h2 {margin:0px; padding-bottom: 0px; text-align:left;}
#topbar h2.specialday {background: transparent url(images/special-day.jpg) no-repeat bottom left;}
#topbar img {border:0px; padding: 0px; margin:0;}


/**********************************/
/* Header                         */
/**********************************/
#header h1 {
	color:#FFFFFF;
	text-transform:none;
	letter-spacing:1px;
	display:inline;
	font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0px 10px;
	top: 240px;
	position: relative;
}
#header h1 a {color: #ff0000;}
#header h1 a:hover {color: #fc0; text-decoration:none;}
#header h2{font: 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#DDD;text-transform:uppercase;
letter-spacing:0.05em; margin:0;padding:0;}

/**********************************/
/* Sidebar                        */
/**********************************/
#sidebar a:hover {text-decoration:none; color: #f60;}
#sidebar ul {margin: 0 0 10px 0; padding:0; list-style-type: none;border-top: 4px solid #eee;}
#sidebar h2 {font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#fff;; margin:0; padding:0; 
padding-left: 20px; border-bottom: 1px solid #eee; text-transform:uppercase;}
#sidebar #header h2 {padding-left: 0; border:0; color: #CCC}
#sidebar h2.about {background: transparent url(images/upcoming.jpg) no-repeat bottom left;}
#sidebar h2.pages {background: transparent url(images/pages.jpg) no-repeat bottom left;}
#sidebar h2.news {background: transparent url(images/news.jpg) no-repeat bottom left;}
#sidebar h2.photos {background: transparent url(images/picsvideos.jpg) no-repeat top left;}
#sidebar h2.cal {background: transparent url(img/cal.png) no-repeat top left;}
#sidebar h2.search {background: transparent url(images/search.jpg) no-repeat bottom left;}
#sidebar h2.file {background: transparent url(img/file.png) no-repeat top left;}
#sidebar h2.meta {background: transparent url(img/meta.png) no-repeat top left;}
#sidebar h2.blogroll {background: transparent url(img/link.png) no-repeat top left;}

#sidebar ul {margin-top: 0px;}
#sidebar ul li {background: transparent url(img/none) no-repeat top left; padding-left: 0px; border-bottom: 0px solid #f0f0f0;}
#sidebar ul li ul {border-top: 0px solid #f0f0f0; margin:0;}
#sidebar ul li ul li {padding-left:20px; border:none; border-top: 1px solid #f0f0f0;}
#sidebar ul.links li {float:left;display: inline;overflow:hidden;border:none; padding-left:0px;}
#sidebar ul.links li h2 {color: #666;}
#sidebar ul.links li ul li {padding-left:20px;}
#sidebar img {margin:2px 0 0 0; padding:2px 0 0 0; border: none;}
#sidebar .imageblock1
{
	padding: 4px 4px 24px 6px;
	margin: 0;

}

#sidebar .one-image 
{
	float: left;
	margin: 2px 2px 0px 1px;
	display: inline;
}

#sidebar .clear-both 
{
	clear: both;
}





/**********************************/
/* leftSidebar                        */
/**********************************/
#leftsidebar a:hover {text-decoration:none; color: #f60;}
#leftsidebar ul {margin: 0 0 10px 0; padding:0; list-style-type: none;border-top: 4px solid #eee;}
#leftsidebar h1 {font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#fff;; margin:0; padding:0;}
#leftsidebar h2 {font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#fff;; margin:0; padding:0; 
padding-left: 0px; border-bottom: 1px solid #eee; text-transform:uppercase;}
#leftsidebar #header h2 {padding-left: 0; border:0; color: #CCC}
#leftsidebar h2.future {background: transparent url(images/futureventlist.jpg) no-repeat bottom left;}
#leftsidebar h2.sitemap {background: transparent url(images/sitemap.jpg) no-repeat top left;}
#leftsidebar h2.jangobio {background: transparent url(images/jangobio.jpg) no-repeat top left;}
#leftsidebar h2.welcome {background: transparent url(images/welcome.jpg) no-repeat top left;}
#leftsidebar h2.peterbio {background: transparent url(images/peterbio.jpg) no-repeat top left;}
#leftsidebar h2.classics {background: transparent url(images/classics.jpg) no-repeat top left;}
#leftsidebar h2.classicsduo {background: transparent url(images/classicsduo.jpg) no-repeat top left;}
#leftsidebar h2.corporate {background: transparent url(images/corporate.jpg) no-repeat top left;}
#leftsidebar h2.WFUN-RADIO-121 {background: transparent url(images/WFUN-RADIO-121.jpg) no-repeat top left;}
#leftsidebar h2.productions {background: transparent url(images/productions.jpg) no-repeat top left;}
#leftsidebar h2.workshops {background: transparent url(images/workshops.jpg) no-repeat top left;}
#leftsidebar h2.contact {background: transparent url(images/contact.jpg) no-repeat top left;}
#leftsidebar h2.thankyou {background: transparent url(images/thankyou.jpg) no-repeat top left;}
#leftsidebar h2.filmography {background: transparent url(images/filmography.jpg) no-repeat top left;}
#leftsidebar h2.linkpage {background: transparent url(images/linkpage.jpg) no-repeat top left;}
#leftsidebar ul {margin-top: 0px;}
#leftsidebar ul li {background: transparent url(img/none) no-repeat top left; padding-left: 0px; border-bottom: 0px solid #f0f0f0;}
#leftsidebar ul li ul {border-top: 0px solid #f0f0f0; margin:0;}
#leftsidebar ul li ul li {padding-left:20px; border:none; border-top: 1px solid #f0f0f0;}
#leftsidebar ul.links li {float:left;display: inline;overflow:hidden;border:none; padding-left:0px;}
#leftsidebar ul.links li h2 {color: #666;}
#leftsidebar ul.links li ul li {padding-left:20px;}

#lcontent {
	text-align: center;
}

.formdiv{

width: 410px;

}
#wpg2content1 {
   width:540px;
   float:left;
   padding:0px;
   margin:0;
   overflow:hidden;
   display:inline;
}
/**********************************/
/* leftsidebar margin EXTRA                       */
/**********************************/

#mleftsidebar img {margin:2px 0 0 0; padding:2px 0 0 0; border: none;}

/**********************************/
/* Footer                         */
/**********************************/
#footer .copyright a {color:#999;}
#footer .copyright a:hover {color:#FF0;text-decoration:none;border-bottom:1px dashed #900;}

/**********************************/
/* Calendar   entfernt fr eventcalendar plugin                    */

/**********************************/
#schedule {text-align:center; margin:0px 0px 0px 0px;}

/* *********************************** */
/* Comments Div                        */
/* *********************************** */
h3#comments, h3#respond {border-top:1px solid #ccc; padding-top: 10px; padding-left: 20px; color:#0D6AA6; font-size: 1.2em; font-weight: bold;}


cite {position:relative;color: #999;padding:0;margin:0;font-weight:bold;}

.commentbody {color: #ccc; font-size: 1.0em; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
	border: 1px solid #f0f0e0; list-style:none;}
.commentbody p {line-height: 1.2em; margin:0; padding:0;}
.commentlink {	font-size: 1.0em;}
.commentlist {	list-style: none; margin:0; padding:0px;}
.commentcount {font:bold 2.2em Georgia,sans-serif;	color: #e0e0d0; width: 520px; 
text-align: right; position:absolute;	left:0;}
.gravatar {float:left; padding: 1px; margin: 5px 5px 5px 0; background: #fff; width: 40px; height: 40px;}
#recentcomments ul {border: none;}


.bodyback {
	background: #000000 url(hinten.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
.bodyback2 {
	background: #000000 url(hinten2.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
.bodyback3 {
	background: #000000 url(hinten3.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
.bodyback4 {
	background: #000000 url(hinten4.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
.bodyback5 {
	background: #000000 url(hinten5.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
.bodyback6 {
	background: #000000 url(hinten6.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
.bodyback7 {
	background: #000000 url(hinten7.jpg) no-repeat fixed; width: 980px; margin:0; padding:0;
}
/* WPG2 alignment classes */

#g2_column 
{
	margin:0 auto;
	padding:0;
	background:url(img/content_bg.gif) repeat;
	width:743px;
}

.g2image_normal
{
	margin: 4px;
}

.g2image_float_left
{ 
	float: left; 
	clear: left;
	margin: 4px;
	display: inline;
}

.g2image_float_right
{ 
	float: right; 
	clear: right;
	margin: 4px;
	display: inline;
}

.g2image_centered
{ 
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

img.ImageFrame_image { vertical-align:bottom; border:none; }
img.ImageFrame_solid { border:1px solid white !important; padding:0px !important }