/*  
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 10px 0px; 0px}
.picright{float:right;margin:10px 0 10px 10px;}
.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 20px;
	text-align: left;


	display: block;
	}

#supernav li {
	display: inline;

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

	

	}


#supernav a {
color: #ffffff;
	

	
	padding: 4px 20px;
	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:0;}
/* Some peoples sometime using this class for aligning the image */
img.alignleft, img.left {float:left; margin-right: 5px; margin-left: 0px;}
img.alignright, img.right {float:right; margin-left: 5px; margin-right: 0px;}
.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 #CC00CC;
	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 {padding-right: 38px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#header {
 height: 90px; 
border-left: #000000 2px solid; 
border-right: #000000 2px solid;
background: url("images/galleryhead.jpg" ) 
no-repeat top left; 
  padding: 0;
	margin: 0;

	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;
	}
	

/**********************************/
/* 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-top: 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;
}

/**********************************/
/* 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: 69px;
	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.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(img/search.png) no-repeat top 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 h2.comment {background: transparent url(img/comment.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;}

/**********************************/
/* 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.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                    */

/**********************************/


/* *********************************** */
/* 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;}
h3#comments {background: transparent url(img/comment.png) no-repeat top left;background-position:0% 12px;}
h3#respond {background: transparent url(img/edit.png) no-repeat top left;background-position:0% 12px;}
cite {position:relative;color: #999;padding:0;margin:0;font-weight:bold;}
.alt {background: #f7f7f7;}
.commentbody {color: #595949; font-size: 1.0em; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
     background: #FAFAF5;	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 */

.g2image_normal {
   margin: 4px;
}

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

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

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

#sidebar1 
{
	margin:8px 8px 8px 0px;
	padding:0;
	font-size:1em;
	color:#333;
} 

#sidebar1 .imageblock 
{
	padding: 0px 1px 18px 1px;
	margin: 10px 0px 0px 0px;
	background:#F3F6ED url(img/sidenav_bottom.jpg) no-repeat bottom;
	border-top:#E1D6c6 1px solid;
	border-left:#E1D6c6 1px solid;
	border-right:#E1D6c6 1px solid;
	border-bottom:#E1D6c6 1px solid;
}