/*
--------------------------------------------------------
project judithhettlage.com
author: Judith Hettlage
last updated: 2010.06.14
----------------------------------------------------- */
/*

/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background-color: #282828;
	overflow-y: scroll;
	overflow-x: hidden; 
	}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* background-color: #FAFAFA; */
	/* reset font-sizes to 1em == 10px */
	}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	list-style:none;
	letter-spacing: 0.02em;
	}

#debug { position: absolute;   display: none;  color: #aaa; }	

a, a img{ border: 0; outline: none !important;}
	
.clear { clear:both;	}

.noborder {	border: 0px !important;	}

.nowrap { white-space: nowrap; }		

hr { background-color: #f5f5f5;	}

.hr { clear: both;
	position:absolute;
	left:0; right:0px;
	background: url('../images/hr.gif') scroll repeat 0 0;
	border-left:20px solid #272727;
	border-right:20px solid #272727;
	color:#FFFFFF;
	font-size:9px;
	height:5px;
	margin-top:-1px;
	z-index:50;
	}

/* Layout CSS */
	
#Main { 
	width: 100%;
	border: 0px dotted gray; 
	/* background-color: #Fafafa;*/
	background-color: #f5f5f5;
	/* padding: 10px; */
	}
	
#ContentContainer {
	padding: 70px 20px 20px;
	}

#ContentContainer {
	width:960px !important;
	margin:0px auto;
	border: 0px dotted aqua;
	overflow: hidden;
	}	

#logo { border: 0px dotted gray;
	margin: -52px 0 0px -30px}

#Header {
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	clear:left;
	}

#Header h1 {
    color:#fff;
    font-size:1.5em;
   /*  line-height:4.5em; */
    padding-left:20px;
	}
	
/* * * * * * * * * * * * START Menu 1  * * * * * * * * * * * * * * * */ 

#Menu1 { position: relative; 
	margin-top: -60px;
	float: right;
	z-index: 60 ;
	}

#Menu1  {
	text-transform: uppercase;
	padding:10px 0px 0;
    border-top: 0px solid #222; 
	}
	
#Menu1 li {
	float:left;
	text-align: right;
    margin-right:25px;
	border: 0px dotted olive; 
	border-bottom: 5px solid transparent;
	z-index: 0; 
	}
			
#Menu1 li.current,
#Menu1 li.section {
	margin-bottom:-1px; 
	/* border-bottom: 3px solid #000; */
	border-top: 0px solid #f5f5f5;
	border-bottom: 5px solid #000;
	}
	
#Menu1 li.link:hover {
	margin-bottom:-1px; 
	/* border-bottom: 3px solid #000; */
	border-top: 0px solid #f5f5f5;
	border-bottom: 5px solid #ddd;
	}
	
#Menu1 li a, .Menu2Head li a {
    display:block;
    color:#A0A0A0;
    font-weight:normal;
    font-size:11px;
    text-decoration:none; 
	}
	
#Menu1 li a { 
	border: 0px dotted green; 
	padding: 0px 0px 35px 0px;
	} 
	
#Menu1 li a:hover {
    /* color:#000; */
   /*  border-bottom: 2px solid #A0A0A0; */
	}
	
#Menu1 li.current a,
#Menu1 li.section a {
    color:#000;
	}

#Menu1 li.current a:hover,
#Menu1 li.section a:hover {
    border-bottom: 0px solid #A0A0A0;
	}
	
/* #Banner {text-align: center;} */

/* * * * * * * * * * * * START Menu 2  * * * * * * * * * * * * * * * */ 

#Sidebar { clear: both; 
	width: 990px; 
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 11px !important;
	border: 0px dotted olive;
	}

.WidgetHolder, #clients  { float: left; }
	
#Sidebar h3, #BlogContent h3, #editpost, #unpublishpost { 
	text-transform: uppercase;
	font-size: 11px; 
	border:0px dotted aqua;
	}
	
#Sidebar ul li { 
	list-style-type: none; 
	display: inline; 
	margin: 0; 
	/* line-height: 20px; */
	border: 0px dotted aqua;
	}
	
#Sidebar ul li a, .tagcloud a { /* display: block; */ 
	padding: 2px 3px 2px 0px; 
	}

#Sidebar a:hover { color: #000; }

.WidgetHolder { margin-right: 30px; border: 0px dotted aqua;}

.archiveYears { width: 100px; margin: 0px !important;  */ }

.tagcloud { width: 250px; /* margin: 0 30px 0 0px; */  }

#clients { width: 535px; border: 0px dotted aqua;  }

#Menu2 { margin: 0px !important; }

#Menu2, .tagcloud, .archiveYears { border: 0px solid #ddd; }
	
#Menu2 li {
	border: 0px solid green !important;
	/* padding-left:15px; */
	}
	
#Menu2 a, .tagcloud a, .archiveYears a {
	text-transform: lowercase;
	color:#A0A0A0;
	border: 0px solid #ddd;
	font-size: 12px  !important;
	/* line-height:1.6em; */
	text-decoration:none !important;
	}
	
#Menu2 a:hover, .tagcloud a:hover, .archiveYears a:hover {
	color:#000;
	/* text-decoration:underline; */
	}
	
#Menu2 li.current a, #Menu2 li.section a {
	color:#000;
	}

#Content { 
	margin: 0px 0 0 0; 
	padding: 0px 0 0 0 !important;
	border: 0px dotted green;
	clear:both;
	
	}
	
#Content h2 {margin-top: 50px; }

#Content form { float: left; border: 0px dotted blue; }	

#BlogContent { 
	clear:both; 
	width:105%; 
	margin: 0px !important;
	padding: 30px 0 0 0;
	border: 0px dotted lime;
	}

#Content {
	clear: both; 
	padding-top: 20px; 
	/* float: left; */
	}
	

/* * * * * * * * * * * * Portfolio Overview * * * * * * * * * * * * * * * */ 

.fade { /* height: 190px;  */
	border: 1px solid #000;
	background-color: #f5f5f5;
	border-bottom: none !important; 
	}
	
.blogSummary div span { background-color: #f5f5f5; }

.blogSummary { float: left; 
	width: 300px; 
	/* height: 330px; */ 
	margin: 0 30px 20px 0; 
	border-bottom: 0px solid #ddd;
	padding-bottom: 5px; 
	}

.blogSummary img { margin: 0px; 
	border: 1px solid #ddd; 
	}
	
.postTitle a, .postTitle a:hover { 
	float: right;
	display: inline; 
	text-align: right !important; 
	/* position: absolute;  */
	margin: -5px 0 0px 0;
	color: #bbb; 
	font: 'Times', serif !important;
	font-size: 14px !important; 
	font-style: italic; 
	text-transform: lowercase !important; 
	border: 0px dotted blue !important; 
	}  
	
.postTitle a:hover { text-decoration: none !important; }
	
.blogSummary p.authorDate { float: left; }

.blogSummary p { 
	border: 1px solid #ddd; 
	text-align: left; 
	/* float: left; */
	}

.blogSummary a:hover div {
	/* display: none; */
	}
	
/* * * * * * * * * * * * Portfolio Singel * * * * * * * * * * * * * * * */ 

.blogEntry, .blogEntryContent { float: left; }

.blogEntry { width: 140px; margin: 10px 30px 30px 0;  border: 0px dotted gray;}

span.authorDate { display: block; 
	color:#555;
	line-height:1.8em;
	font-size:12px;
	border-bottom: 0px solid #505050; 
	margin: -8px 0 8px;  }

#slideshow, .blogEntryContent img { border: 1px solid #ddd; margin: 0 10px 10px 0;}

.blogEntryContent { width: 795px; border: 0px dotted blue; }

p.tags { color: #A0A0A0 !important; }

p.authorDate, p.tags { 
	margin: 0px !important; 
	border: 0px dotted blue;
	}
	
#description p { margin-bottom: 10px; }

/* * * * * * * * * * Slideshow * * * * * * * * * */
/* http://jquery.malsup.com/cycle/ */
#slideshow  {  
	/* height: 370px;  */
	width: 795px; 
	margin: 0px auto;
	padding: 0px; 
	overflow: hidden !important;
	/* background-color: #fff; */
	clear: both; 
	}

#slideshow img { 
	display: none; 
	padding: 0px; 
	width: 795px; 
	margin: 0px !important;  
	border: none !important; 
	background-color: #f5f5f5; 
	}
	
#nav { /* display: none;  */
	position: absolute; 
	text-indent: 10000px;
	float: left; 
	width: 550px; 
	border: 0px dotted fuchsia; 
	margin: -38px 0 0 -5px ;
	padding-right: 20px; 
	/* top: 520px; */  
	z-index: 10000 !important; 

	overflow-x: hidden !important;
	overflow-y: hidden !important;

	}

#nav a { display: block;
	float: left; 
	color: #ddd; background: #ddd; 
	border: 6px solid #f5f5f5; 
	margin: 0px; 
	padding: 0px; 
	width: 20px; height: 5px; 	 
	}
	
#nav a:hover { 	
	color: #bbb; background: #bbb; 
	}
	
#nav a.activeSlide { 
	color: #333; background: #333;
	}
	
#nav a:focus { 
	outline: none; 
	}

.pics img { display: none }


/* * * * * * * * * * * * Vita  * * * * * * * * * * * * * * * */ 

.vita { margin: 0 0 40px 0; }

.vita th { font-size: 12px; 
	color: #999; 
	text-transform: uppercase; }

.vita tr, .vita th { vertical-align: top; 
	padding: 10px;
	margin: 0 0 40px 0; 
	}

/*
.vita td { vertical-align: top; padding: 10px;} 
*/

.dates { /* font-family: 'Times', Serif !important;  */
	width: 100px;
	/* border: 1px solid green;  */ 
	margin-right: 30px !important; 
	border-width: 30px; 
	/* border: #fafafa; */
	}
	
#right { 
	margin: 0px 0px;
	width: 190px;
	float: right; 
	border: 0px dotted green;
	}
	
#twothirds { 
	float: left; 
	margin: 0px 0px;
	padding: 0 0 50px;
	width: 640px; 
	border: 0px dotted green;
	}
	
/* * * * * * * * * * * * AGBs  * * * * * * * * * * * * * * * */ 

#twocolums { width: 960px; 
	border: 0px dotted navy;
	margin: 0; padding: 0;}

td { vertical-align: top; }

td.halfcolumn { width: 450px;}

td.halfcolumn h2 { margin: 0px 0 5px -7px !important; 
	border: 0px dotted lime; 
	}

	.halfcolumn ul { 
		margin: -10px 30px 15px -7px !important; 
		border: 0px dotted green; }
		
	.halfcolumn ul li { 
		margin: 0px 0 0 0px !important; 
		line-height:1.8em !important;
		list-style-type: decimal !important;
		border: 0px dotted blue; }
		
/* * * * * * * * * * * *  P A G I N A T I O N * * * * * * * * * * * * * * * */ 

#PageNumbers { 
	width: 1010px; 
	text-align: right;
	padding: 30px 0 0 0;
	border: 0px dotted blue;
	}
	
	#Breadcrumbs {
		float: left; 
		/* font-size:1em; */
		color:#666;
		}
	
	#Breadcrumbs a {
		text-decoration: none;
		}
		
	#PageNumbers p a { padding: 4px 8px; }
	
	#PageNumbers .current { color: #000;}
	
	#PageNumbers a.next, #PageNumbers a.prev { font-size: 16px; }
	
	#PageNumbers ul.PrevNext { margin: -5px 35px 0 0 !important;  }
		
	ul.PrevNext { 
		margin: -5px 35px 0 0; 
		text-align: right;
		list-style-type: none;
		border: 0px dotted green; 
		}
				
	.PrevNext li { margin: 0px; padding: 0px; display: inline; }
	
	ul.PrevNext li a { width: 80px;  text-align: left; }
	
		ul.PrevNext li a.prev { border: 0px solid #ccc;}
		ul.PrevNext li a.next {  padding-left:15px; border-left: 1px solid #ccc;}
				
		.PrevNext li a, span.grayout { padding: 10px; font-size: 16px; font-weight: bold; }
	
		.PrevNext li a, .PrevNext li span.grayout { margin: 0px 0 0 -22px; padding: 2px 15px; }
	
		#PageNumbers a:hover, #PageNumbers a:hover, .PrevNext li a:hover { text-decoration: none; }
	
		.grayout { color: #f5f5f5 !important; }
		
/* * * * * * * * * * * *  FOOTER * * * * * * * * * * * * * * * */ 

#Footer {
	background: #282828 url(../images/Footer-bg.jpg) 0 0 repeat-x;
	clear:both;
	padding: 50px 0px; 
	border: 0px solid green !important;
	
	}
	
#FooterWrapper {
	color: #bbb;
	line-height:1.8em;
	width:960px !important;
	padding: 0px;
	margin: 0px auto !important;
	border: 0px dotted aqua;
	}	
	
	#FooterWrapper td h2, #FooterWrapper td ul , #FooterWrapper td p {
		/* border: 0px dotted gray; */
		font-size: 12px  !important; 
		line-height: 20px; 
		}
		
	#FooterWrapper td.list ul { height: 140px;}

	#FooterWrapper td.info h2, #FooterWrapper td p  { margin: 0px 30px 10px 10px!important; }
	#FooterWrapper td.list h2, #FooterWrapper td.list ul { margin: 0px 30px 10px 30px!important; }
		
		 #FooterWrapper td p a { color: #fff; }
		 
		  #FooterWrapper td p a:hover { text-decoration: underline;}
	
	#FooterWrapper td img { margin-top: 10px; }
	
	#FooterWrapper td h2 {
		/* float: left; */ 
		padding: 0px;
		/* float: right; */
		margin: 0px;
		/* color: #bbb;  */
		color: #FFF;
		font: 'Times', serif !important;
		font-size: 14px !important; 
		font-style: italic; 
		text-transform: lowercase !important;  		
		}
	
	#FooterWrapper td.info {
		width: 300px !important;
		/* border-right: 1px solid #555; */
		/* border: 1px dotted fuchsia; */
		}
		
		
	#FooterWrapper td.list {
		/* width: 120px !important;  */
		border-left: 1px solid #555;
		
		}
		
		#FooterWrapper td.list li {
			border-bottom: 1px solid transparent;  
		}
		
		#FooterWrapper td.list li:hover {
			border-bottom: 1px solid #555;  
		}

#Footer a {
    color:#bbb;
    text-decoration: none;
	}

#Footer a:hover {
	color: #fff;
	text-decoration: none;
	}
	
#FooterWrapper td.list { 
	float: left;
	padding-left: 0px; 
	margin: 0px;
	width: 170px; 
	}
	
	.facebook { height: 60px !important;  border: 0px dotted fuchsia;}
	
	#bottom {  margin: 0px 0 0 0px !important; border-top: 1px solid #555 !important; }
	
	#bottom li { padding-top: 15px; height: 60px !important; float: left; margin: 0; }
		
		.fb { padding-top: 20px !important; width: 450px;  border: 0px dotted #222; }
		
		span.copy { display: block; width: 600px; margin: -25px 0 10px 0px;  border: 0px dotted gray; }
	
.list li a {
	/* border-bottom: 1px solid #000 !important;  */ 
	padding-top: 5px; 
	display: block; 
	height: 20px; 
	}
	
/*.twtr-hd, .twtr-ft { display: none; }
.twtr-timeline { border: 0px !important; }*/

#skypedetectionswf { visibility: hidden; display: none; }

/* Twitter */

.twitted {
	width: 250px;
	margin: 0 0 20px 10px;
	border: 0px dotted #878787;
}

.twitted h2 {
	/*margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888; */
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #555;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #bbb;
}

.twitted ul#twitter_update_list li span a:hover {
	/* links in tweet content */
	/* text-decoration: underline; */
	color:#fff; 
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #878787;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	color: #f00;
	/*margin: 0;
	padding: 0.3em 1em;
	background-color: #ddd; */
}

/* Facebook */
.deli { text-align: right; width: 485px;  border: 0px dotted green; }

.fbWrapper { background-color: #BBBBBB; width: 292px; }