@import "reset.css";

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(../js/iepngfix.htc); }

body{ 
	background: #5CBCEE url(../images/bg-footer.jpg) no-repeat bottom center;
	margin:0; 
	padding:0; 
	font-family: Arial, Helvetica;
	font-size:12px;
	text-align:center; 
	overflow-x: hidden;
} 

#container {
	width: 100%;
	margin:0; 
	padding:0; 
	background: url(../images/bg.jpg) no-repeat top center;
	background-position: -185px -30px;
}

#nav {
	height: 37px;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#navigation{
	margin: 0 auto;
	width: 971px;
}

#navigation .menu{
	float: left;
	width: 600px;
}

#navigation .searchform {
	float :right;
}

input.search_input {
	height: 32px;
	width: 280px;
	padding-top: 0px;
	padding-left: 35px;
	margin-right: 10px;
	margin-top: 2px;
	border: none;
	color: #888;
	background: url(../images/bg-search.jpg) no-repeat top center;
}

#navigation li {
	color: #fff;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px;
}

#navigation li a:link, #navigation li a:visited{
	color: #fff;
}

#navigation li a:hover {
	color: yellow;
}

#navigation .twitter {
	background: url(../images/twitter.png) no-repeat 0px -5px;
	padding-left: 47px;
}

#navigation .facebook {
	background: url(../images/facebook.png) no-repeat 0px 5px;
	padding-left: 30px;
}
 
#pagewidth{ 
	width:971px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative; 
	height:155px; 
	width:100%;
} 

#logo {
	position: relative;
	margin-top: 10px;
	margin-left: 15px;
}

#twitter {
	position: absolute;
	top: 20px;
	left: 350px;
}

#plane {
	position: absolute;
	top: 35px;
	left: 650px;
}

#about {
	float: left;
	width: 639px;
	height: 216px;
	background: url(../images/bg-about.png) no-repeat;
}

#rss {
	position: absolute;
	z-index: 1001;
	margin-top: 109px;
	margin-left: 585px;
}

#about .about-profile {
	margin-top: 35px;
	position: relative;
	width: 134px;
	height: 143px;
	float: left;
}

#about a:link, #about a:visited {
	color: #fff;
	text-decoration: underline;
}

#about a:hover {
	color: #fff;
	text-decoration: none;
}

#about .about-text {
	position:relative;
	width: 455px;
	float: left;
	color: #fff;
	margin-top: 55px;
	text-indent: 50px;
	line-height: 1.6em;
	margin-left: 15px;
}

#about .stamp {
	position: absolute;
	top : 300px;
	z-index: 1000;
}

#subscribe {
	float: left;
	height: 216px;
	width: 332px;
	background: url(../images/bg-subscribe.png) no-repeat bottom center;
}

#subscribe .search-form {
	height: 105px;
}

#subscribe .subscribe-link {
	height: 35px;
	color: #fff;
	padding-top: 40px;
	padding-left: 75px;;
}

#subscribe .subscribe-link a:link, #subscribe .subscribe-link a:visited{
	color: #fff;
	text-decoration: underline;
}

#subscribe .subscribe-link a:hover{
	color: #fff;
	text-decoration: none;
}

#subscribe input.input-txt {
	height: 20px;
	width: 220px;
	margin-top: 72px;
	margin-left: 75px;
	margin-bottom: 16px;
	border: none;
	padding-top: 3px;
	color: #888;
	background: transparent;
}

#wrapper {
	background: url(../images/bg-content.png) repeat-y top center;
	padding-left: 19px;
	padding-right: 11px;
	border: 0px solid #000;
}

#wrapper p {
	padding-top: 5px;
	padding-bottom: 5px;
}
 
#maincol{
	width:618px; 
	float:left; 
	background: #fff url(../images/bg-content-gradient.jpg) repeat-x top left;
	border: 0px solid #000;
	min-height: 700px;
}

#maincol a:link, #maincol a:visited {
	color: #168DC8;
	font-weight: bold;
	text-decoration: none;
}

#maincol a:hover {
	color: #888;
	text-decoration: underline;
}

#post {
	border: 0px solid #000;
	clear: both;
	padding: 20px;
}

#post img {
	border: 0px solid #ccc;
	padding: 5px;
	margin: 0px 5px 5px 5px;
}

#post ul{
	margin-left: 30px;
}

#post li {
	list-style: square;
	padding-bottom : 5px;
}

#post .post-date {
	position: absolute;
	margin-top: 0px;
	margin-left: -40px;
	width: 80px;
	height: 78px;
	background: url(../images/bg-date.png) no-repeat top left;
	color: #fff;
	padding-top: 8px;
	padding-left: 25px;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 0.8em;
}

.month {
	font-size: 0.6em;
}

#post .post-meta{
	clear: left;
	margin-left: 60px;
}

#post .post-title h1{
	margin-left: 60px;
	font-size: 1.8em;
}

#post .post-title h1 a:link, #post .post-title h1 a:visited{
	color: #168DC8;
}

#post .post-title h1 a:hover {
	color: #333;
}

#post .post-content{
	padding-top: 30px;
	padding-bottom: 10px;
}

#post .post-share{
	clear: left;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 40px;
	text-align: right;
}

#post .post-share ul{
	float: right;
}

#post .post-share li{
	list-style: none;
	padding:0px;
	float: left;
	margin-left: 10px;
}

#post .post-share li a:link, #post .post-share li a:visited{
	color: #000;
}

#post .post-share li a:hover{
	color: #888;
}

#post .post-share li.comment{
	background: url(../images/icons.jpg) no-repeat;
	padding-left: 17px;
	background-position: 0px 2px;
}

#post .post-share li.retweet{
	background: url(../images/icons.jpg) no-repeat;
	padding-left: 17px;
	background-position: 0px -16px;
}

#post .post-share li.facebook{
	background: url(../images/icons.jpg) no-repeat;
	padding-left: 18px;
	background-position: 0px -33px;
}

.alignleft {
	float: left;
	margin-left: 20px;
	margin-bottom: 15px;
}

.alignright {
	float: right;
	margin-bottom: 15px;
}
 
#sidebar{
	border: 0px solid #000;
	float: right; 
	display:inline; 
	position: relative; 
	width:323px; 
	background: url(../images/bg-sidebar.jpg) repeat-y top left;
}

#widget {
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 20px;
}

#widget h1 {
	color: #FFF;
	padding-left: 30px;
	margin-bottom: 30px;
	font-size: 1.8em;
	position: relative;
	z-index: 1000;
}

#widget .header-modul {
	width: 314px;
	height: 78px;
	position: absolute;
	margin-top: -10px;
	margin-left: -3px;
	background: url(../images/sidebar-header.png) no-repeat top right;	
	z-index: 999;
}

#newsletter .header-modul{
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/mod-header-newsletter.jpg) no-repeat;
	height: 126px;
}

#newsletter {
	height: 237px;
	background: url(../images/bg-newsletter.jpg) repeat-y top left;
}

#newsletter form{
	padding-left: 30px;
}

#newsletter .input-txt {
	background: #FAF8B9 url(../images/mail.png) no-repeat;
	background-position: 12px 10px;
	width: 218px;
	height: 40px;
	border: 1px solid #737373;
	padding: 8px;
	padding-left: 35px;
	font-style: italic;
	font-size: 1.2em;
}

#newsletter .button {
	color: transparent;
	background: #888 url(../images/bg-button-subscribe.jpg) no-repeat;
	border:1px solid #000;
	width: 128px;
	height: 36px;
}

#recent-post .header-modul {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/mod-header-recentpost.jpg) no-repeat;
	height: 74px;
}

#recent-post .modul-content {
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 20px;
}

#recent-post li, #widget li{
	padding: 5px;
	list-style: square;
	margin-left: 20px;
	border-bottom: 1px solid #eee;
}

#recent-post li a:link, #recent-post li a:visited, #widget li a:link, #widget li a:visited {
	color: #000;	
}

#recent-post li a:hover, #widget li a:hover {
	color: #888;
}

#current-location {
	background: url(../images/bg-current-location.jpg) no-repeat;
	height: 195px;
	width: 321px;
	padding-top: 90px;
	padding-left: 30px;
}

#end-sidebar {
	background: url(../images/bg-endsidebar.jpg) no-repeat;
	height: 140px;
}
 
#footer{
	color: #fff;
	padding-left: 30px;
	padding-top: 15px;
	margin-bottom: 270px;
	height:50px; 
	background: url(../images/bg-copyright.png) no-repeat top left;

} 

#footer .copyright {
	text-align: right;
	margin-right: 30px;
	color: #ccc;
}

#footer .copyright a:link, #footer .copyright a:visited{
	color: #ccc;
}

#footer .copyright a:hover{
	color: #eee;
}

.PostContent, .commentlist {
	display: none;
}

#idc-container {
	clear: left;
	width: 500px;
	margin-top: -40px;
	padding-left: 20px;
	padding-right: 20px;
}

#respond {
	width: 550px;
	margin-left: 20px;
}

#respond textarea {
	width: 450px;
}
 
/* *** Float containers fix:  *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 
	/*hide the left column when printing*/ 
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}