@charset "utf-8";
/* ----------------
	base
-----------------*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { font: .9em Georgia, "Times New Roman", Times, Serif; background: #fff; color: #333; }
a { color: #000; text-decoration: none; border-bottom: 1px dotted #333; }
a:hover { background: #f6b192; border-bottom: 1px dotted #000; }
img { border: 0; }
h1 { margin: 20px 0 0px 0; font-size: 2.2em; font-weight: normal; }
h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { background: #A82A15; color: #fff; }

.hr { color: #ccc; }
p { margin: 5px 0 15px; line-height: 1.6em; }
input { font-family: Arial, Helvetica, sans-serif; }

h1 span, h1 a {
	font-family:Helvetica;
	color:#000000; background-color:#f6b192; font-weight:bold; font-size:25px;
	text-decoration:none; padding:5px; line-height:35px;
	border:none;
}
h1 a:hover {
	color:#ffffff;background-color:#333333;font-weight:bold;font-size:25px;
	text-decoration:none;padding:5px;line-height:35px; border:none;
}

blockquote {
	margin: 15px 10px;
 	padding: 5px 10px 10px 35px;
	font-size: 2em; line-height: 2.5em; font-style: italic;
	color: #555;
	background: #f0f0f0 url(../images/quoright.png) bottom right no-repeat;
	border-right:solid 30px #f0f0f0; border-bottom:solid 10px #f0f0f0;
}
blockquote p { padding: 0 48px; background: transparent url(../images/quoleft.png) top left no-repeat; }
blockquote p + p { background: transparent; }

.clear{ clear:both; }

#topstaticbar {
	background-color:#F5B192;
	height:10px;
	width:100%;
}
.pageWidthWrapper { margin: 0 auto; min-width: 780px; max-width:1050px; position:relative; }/* min-width and max-width for fluid layouts */
.pageWidthPadding { margin: 0 18px 0 18px; }
#logo h1 a{
	width:130px;
	height:34px;
	text-indent:-9999px;
	background: transparent url(../images/kluster_logo_black.gif) no-repeat left;
	margin-bottom:20px;
	display:block;
}
#topNav { position: relative;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-bottom: 30px;
	font-style: italic;
	font-size: 13px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display:inline-block;
	white-space:nowrap;
}
#topNav li { display: inline;
	margin-right: 0px;
	list-style:none;
}
#topNav a { border: none; }
#topNav a:hover { background:#fff; color:#f6b192; }
#topNav .current { color: #f6b192; }
#topNav a.feed { padding-right:12px; background: url(../images/feed-icon-12x12.png) no-repeat 0px 3px; }
#topNav a.feed:hover { background-position: 0px -13px; }

#intro { clear: both; padding: 15px 0 1px 20px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 0 0 30px; }
#columnAwrapper { float:left; width:100%;}
#columnA { margin: 0 380px 0 0; float:left; }
#sidebar { float:left; margin-left:-280px; width: 280px; }
	#sidebar h4 { margin: 30px 0 10px;
	              font-size: 1.3em; font-style: italic; font-weight:normal; color: #000;}
	#sidebar li { list-style: none; }
	#sidebar li a { display: block; }


#aboutbubble{
	color:#000;
	padding:15px 15px 75px 15px;
	font-style:italic;
	background:#f6b192 url(../images/speech_bubble.gif) no-repeat bottom left;
	color: #fff;
}
#aboutbubble a { color: #fff; border-color: #fff; }
#aboutbubble a:hover { border:none; }

/* mailing list control */
#mailingList {
	margin-top:50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#mailingList h4 { margin-top: 0; }
#mailingList div {
	padding-bottom: 20px;
}

#mailingList input {
	font-size: 12px;
	height:16px;
	color:#666;
	width:150px;
	padding-left:3px;
}
#mailingList input.dark{
	color:#000;
}
#mailingList button{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:70px;
	vertical-align:top;
}

/* footer */
#footer { width: 100%;
		  min-height: 150px;
		  margin-top: 30px;
		  position: relative;
		  background-color: #000;
		  clear: both;
}
#footerContent {
	background: #000 url(../images/logo_footer.gif) top left no-repeat;
	min-height:220px;
}	   

#footerText { float: right;
			  margin-top: 15px;
			  text-align: right;
			  font-size: 0.8em;
			  color: #fff;
}
#footerText a { color: #fff; border: none; background:#000; }
#footerText a:hover { color: #f5b192; }
#footerText a image { vertical-align:middle; }	 
#footerText ul { padding-bottom: 10px; }
#footerText ul li { display: inline; } 
#footerText ul li img{ vertical-align: middle; }
#footerText .greySeparator { color: #444; }
#footerText .copyright { color: #777; }

#footer #social-networks{ margin:5px 0 10px 0; }
#footer #social-networks li{ margin-left:7px; }

a.newWindow { border:none; padding-left:16px; color:#f6b192; background:transparent url(../images/new-window-icon.png) no-repeat bottom left; }
a.newWindow:hover { color:#fff; background-color:#f6b192; }