/*
Theme Name: Heliumified WordPress Theme
Theme URI: http://www.paddsolutions.com/wordpress-theme-heliumified/
Description: Heliumified is a 5-in-1 professional free WordPress theme with customized widgets. Download more <a href="http://www.paddsolutions.com">free WordPress Themes</a>.
Version: 1.0
Author: Padd Solutions
Author URI: http://www.paddsolutions.com
Tags: fixed width, valid css, valid xhtml, featured content, youtube, social bookmarks, popular posts, featured photos
*/
@font-face {
  font-family: "YanoneKaffeesatz";
  src: url("YanoneKaffeesatz-Regular.otf") format("opentype");
}

@font-face {
  font-family: "TitilliumText";
  src: url("Aller_Rg.ttf") format("opentype");
}


@font-face {
  font-family: "Delicious-Heavy";
  src: url("Delicious-Heavy.otf") format("opentype");
}
/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{line-height:2; padding: 0; font-family: Georgia, serif; font-size:12px; color:#333;}
a{text-decoration:underline; color:#000;}
a:hover{text-decoration:none;}
	
	body.fire{background:url(images/fire.png) repeat-y center;}
	body.aloha{background:url(images/aloha.png);}
	body.heritage{background:url(images/heritage.png);}
	body.flowers{background:url(images/flowers.png);}
		body.flowers #footer, body.flowers #footer a{color:#333;}
	body.carbon{background:url(images/carbon.gif);}

/* STRUCTURE */
#container{margin: 0px auto; background:#fff url(images/container.png) no-repeat center top; border-top:#999 1px solid;}
#holder, .holder{width:960px; margin: 0px auto;}
#header{padding-top:25px; height:65px;}
#nav-main{float:right; margin-top:5px; height:30px; line-height:30px;}
#content-box{}
#main-panel,#content{float:left; width:635px; margin-right:40px;}
#sidebar{float:left; width:250px; background:url(images/sidebar.gif) repeat-y center;}
#bottom-box{position:relative; top:30px; color:#999; background:#eeeff0 url(images/duo.png) repeat-x top; padding:25px 0; line-height:1.4;}
#footer{position:relative; top:30px; font-size:10px; color:#fff; border-top:#d2d4d5 1px solid; line-height:30px;}

/* HEADER */
#logoarea{
   font: bold 40px/45px YanoneKaffeesatz, Arial, Helvetica,sans-serif,Times;
	vertical-align: ;

}
#logoarea img{
	vertical-align: middle;
	border:0;
}
#logoarea a,#logoarea a:visited{
  text-decoration:none;
}
/* NAVIGATION */
#nav-main li{float:left; margin:0 5px; font-family: 'Trebuchet MS', Helvetica, Sans-Serif; margin-top:10px;}
#nav-main li a{float:left; color:#999; padding:0 20px; text-transform:uppercase;}
#nav-main li a:hover{color:#000; text-decoration:none;}
#nav-main li.current_page_item{background:url(images/nav_cur_right.png) no-repeat right top;}
#nav-main li.current_page_item a{background:url(images/nav_cur_left.png) no-repeat left top; color:#fff;}

/* CONTENT */
.fea-bot{
   
   width: 100%; /* for IE 6 */

}
.fea-bot ul li {
  position:relative;
}
.fea-img{
  box-shadow: 5px 5px 7px #888;
  opacity:0.9;filter:alpha(opacity=90);
  -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;

}
.fea-bot img:hover{
  opacity:1;filter:alpha(opacity=100);
}
.box-wide h3{
  font-size:15px;
  padding-top:20px;
}
.looper .item h1{ line-height:1; position:absolute;top: 50px;
   left: 0;
   width: auto;   
   color: white;
   font: bold 50px/45px Delicious-Heavy,  Arial, Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
	 text-shadow: 0 1px 1px black;

}
.looper .item div.txt{
   position:absolute;
   top: 120px;
   left: 0;
   color: white;
   font-size: 18px;
   font-family:   Helvetica, Arial, Geneva, Sans-Serif;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
   padding-left:20px;
   width:400px;
   line-height: 100%;
 }

.looper .item div.txt p{
   font-weight: normal;
   padding: 5px;

}

.looper .item div.txt p a,.looper .item div.txt p a:visited{
   font-weight: bold;
   padding: 5px;
	 color:#eee;
}

.looper .item div.txt li{
    margin-left:20px;
    padding:0px;
    margin-bottom: 0;
    margin-top: 0;
    list-style: disc;
}
#featured{
	height: 350px;
	margin-bottom: 15px;
}
#hom-con{margin:10px 0; float:left;}
#hom-con li.bx{width:180px; float:left; padding:15px 70px; background:url(images/home_box.png) no-repeat center top; font-family: 'Trebuchet MS', Helvetica, sans-serif; color:#666;}
#hom-con h3{font-size:18px; font-weight:bold; text-transform:uppercase; line-height:30px;}
#hom-con p{padding:10px 0;}

	/* SIDEBAR */
	#sidebar .main-ad{line-height:1;}
	#sidebar a{color:#000;}
	.box .box-content{ padding:10px;}
	.box ul li:last-child{background:none;}
	.flickrrss a{padding:3px;}
	.flickrrss a img{width:70px;}
	.heliumified-popolar-posts li{padding:8px 0 10px!important; float:left; width:100%;}
	.heliumified-popolar-posts img{vertical-align:top; margin:0 8px 0 0; float:left;}
	.heliumified-popolar-posts .comment{color:#999!important;}
	ul.hf-subscribe{padding-left:12px;}
	ul.hf-subscribe li{float:left; padding:0!important; background:none; margin-right:12px;}
	ul.hf-subscribe li a{float:left; width:31px; height:31px; background-image:url(images/social.png); background-repeat:no-repeat; overflow:hidden; text-indent:-9000px;}
		ul.hf-subscribe li a.subscribe-goog{background-position:0px 0px;}
		ul.hf-subscribe li a.subscribe-twit{background-position:-31px 0px;}
		ul.hf-subscribe li a.subscribe-fb{background-position:-62px 0px;}
		ul.hf-subscribe li a.subscribe-feed{background-position:-93px 0px;}
		ul.hf-subscribe li a.subscribe-mail{background-position:-124px 0px;}
	
		/* SEARCH */
		#searchform{padding:10px; background:url(images/duo.png) repeat-x top;}
		#s{color:#333; height:20px; padding:8px 5px 2px 28px; width:130px; border:#fff solid; border-width:1px 0 1px 1px; background:#d2d4d5 url(images/search.gif) no-repeat 7px 9px;}
		#searchsubmit{background:#333; height:30px; color:#aaa; border:0; cursor:pointer;}
		
	/* POST */
	.post-date{color:#999; font-size:10px; clear:both;}
	.post-date span{display:block; color:#333; font-size:12px; text-transform:uppercase;}
	.post{margin:0 0 20px 80px; float:left;}
	.post a{color:#000;}
	.post-pic{border:#d2d4d5 1px solid; display:inline-block; line-height:1; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;}
	.post-pic img{border:#fff solid; border-width:1px 1px 0 1px; background:#eeeff0; padding:18px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.post-title, .post-title a{font-size:24px; color:#333; line-height:1.3; text-decoration: none; }
	.post-title a:hover{text-decoration:none; color:#000;}
	.post-auth{color:#999;}
	.post-auth a{color:#333;}
	.post-meta a{font-weight:bold; text-decoration:underline;}
	.post-meta a:hover{text-decoration:none;}
	
	
	#content{font-family: Verdana, Geneva, sans-serif; padding:15px 0;}
	#content p{padding:0 0 10px 0;}
	#content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	#content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	#content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	#content blockquote p{padding:0;}
	#content h1{font-size:17px; font-weight:bold;}
	#content h2{font-size:15px; font-weight:bold;}
	#content h3{font-size:13px; font-weight:bold;}
	#content b, .post-content strong{font-weight:bold;}
	#content i, .post-content em{font-style:italic;}
	
	.navigation{margin:5px 0 5px 80px; padding:15px 0;}
	.navigation2{margin:0 0 0 80px; padding:0;}
	.navigation a, .navigation2 a{background:#eeeff0; color:#333; border:#d2d4d5 1px solid; padding:5px;}

		/* Wordpress Classes */
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
		.alignleft{float: left; margin:0 10px 10px 0;}
		.alignright{float: right; margin:0 0 10px 10px;}
		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
		
	/* COMMENT */
	#comments, #respond{font-size:18px; color:#333;margin-bottom:5px; clear:both; margin-left:80px;}
	#commentform p{padding:8px 0; font-size:12px;}
	#commentform label{width:100px; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}
	#commentform .req{color:#f00;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}
	#comment{width:380px;}
	#submit{background:#333; border:#eee 1px solid; color:#fff; height:30px; margin-left:110px; cursor:pointer;}
	#submit:hover{background:#000;}
	
	ol.commentlist{margin-left:80px;}
	ol.commentlist li{padding:15px; background:#fff; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f5f5f5;}
	ol.commentlist .comment-content{padding:10px 0;}
	ol.commentlist .comment-content a{color:#39c;}
	ol.commentlist small{font-size:11px;}
	ol.commentlist .avatar{display:none;}
	ol.commentlist .comment-meta{margin-bottom:5px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}
	
/* FOOTER */
#bottom-box a{color:#666;}
#bottom-box .box-wide, #bottom-box .box-narrow{width:250px; float:left; margin-right:35px;}
#bottom-box .box-narrow{width:160px;}
#bottom-box  h3{color:#000; font-size:14px; line-height:1; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}
#bottom-box li{padding:10px 0; background:url(images/duo.png) repeat-x bottom;}

#footer a{color:#fff;}

/* OTHER */
.clear{clear:both;}
.al-right{float:right;}


.button4 {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 18px/100% Arial, Helvetica, sans-serif;
    padding: .5em 1em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    color:#ffffff;
    text-decoration:none;
    margin:10px;
    font-weight:bold;
}

.button4:hover {
    text-decoration: none;
    color:#ffffff;
}

.button4:active {
    position: relative;
    top: 1px;
}
.bl {
    color: #eee;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.bl:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.bl:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
#prislapp{
  text-shadow: 1 1px 1px rgba(0,0,0,1);
  background: #ff0000;
  background: -webkit-gradient(linear, left top, left bottom, from(#D90000), to(#ff0000));
  background: -moz-linear-gradient(top,  #D90000,  #ff0000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D90000', endColorstr='#ff0000');
  padding-left:5px;
  padding-right:10px;
  border-bottom-left-radius: 10px 5px;
  border-top-left-radius: 10px 5px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;

  -webkit-border-bottom-left-radius: 10px 5px;
  -webkit-border-top-left-radius: 10px 5px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;

  -moz-border-bottom-left-radius: 10px 5px;
  -moz-border-top-left-radius: 10px 5px;
  -moz-border-bottom-right-radius: 20px;
  -moz-border-top-right-radius: 20px;

  color:white;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  
}

	.redbutton, div.post-entry p .redbutton{
		display: inline-block;
		background: #E63C22; /* Old browsers */
		padding: .3em 2em;
		margin: 0.5em 0.5em 0.5em 0;
		font: bold 1em/2em Arial, Helvetica;
		text-decoration: none;
		color: #fff;
		-moz-border-radius: .2em;
		-webkit-border-radius: .2em;
		border-radius: .2em;		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-transition: 0.25s;
		-moz-transition: 0.25s;
		-o-transition: 0.25s;
		transition: 0.1s;
		-webkit-backface-visibility: hidden;
		font-size: 1em;
		line-height: 2em;
	}
	.redbutton:hover{
		background-color: #FE2909;
		color:#fff;
	}

	.redbutton:active{
		background-color: #C15746;
	}
	
	.redbutton:before
	{
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.7em;
		margin: 0 0.2em 0 -.7em;
		padding: 0 .1em;
		pointer-events: none;
	}

.redbutton .next:before   { content: "\279C"; font-size: 1.5em;}
.save:before   { content: "\2714"; font-size: 1.5em;}
.search:before   { content:"\2713"; font-size: 1.5em;}

.large{
	font-size: 1.5em;
}

.medium{
	font-size: 1.3em;
}	

.small{
	font-size: 0.9em;
}	


.looper {
  position: relative;
  z-index: 1;
  line-height: 1;
  width: auto;
  height: auto;
}
.looper:focus {
  outline: 0;
}
.looper .looper-inner {
  overflow: hidden;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.looper .item {
  display: none;
  position: relative;
  z-index: 3;
}
.looper .item.active,
.looper .item.next,
.looper .item.prev {
  display: block;
}
.looper .item.active {
  top: 0;
  left: 0;
  z-index: 4;
}
.looper .item > img {
  display: block;
  line-height: 1;
}
.looper.xfade .looper-inner {
  height: 100%;
}
.looper.xfade .item {
  -webkit-transition: 0.5s ease-in opacity;
  -moz-transition: 0.5s ease-in opacity;
  -o-transition: 0.5s ease-in opacity;
  transition: 0.5s ease-in opacity;
  position: absolute;
  width: 100%;
  opacity: 0;
}
.looper.xfade .item.go {
  opacity: 1;
}
.looper.xfade .item.active {
  opacity: 1;
}
.looper.xfade .item.active.go {
  opacity: 0;
}
.looper.slide.xfade .item {
  -webkit-transition: 0.5s ease-in-out left, 0.5s ease-in opacity;
  -moz-transition: 0.5s ease-in-out left, 0.5s ease-in opacity;
  -o-transition: 0.5s ease-in-out left, 0.5s ease-in opacity;
  transition: 0.5s ease-in-out left, 0.5s ease-in opacity;
}
.looper.slide .item {
  -webkit-transition: 0.5s ease-in-out left;
  -moz-transition: 0.5s ease-in-out left;
  -o-transition: 0.5s ease-in-out left;
  transition: 0.5s ease-in-out left;
}
.looper.slide .item.next,
.looper.slide .item.prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.looper.slide .item.next {
  left: 100%;
}
.looper.slide .item.prev {
  left: -100%;
}
.looper.slide .item.active.prev,
.looper.slide .item.active.next {
  position: relative;
  left: 0;
}
.looper.slide .item.go {
  left: 0;
}
.looper.slide .item.go.active {
  left: -100%;
}
.looper.slide .item.go.active.prev {
  left: 100%;
}
.looper.slide.right .item.next {
  left: -100%;
}
.looper.slide.right .item.prev {
  left: 100%;
}
.looper.slide.right .item.go {
  left: 0;
}
.looper.slide.right .item.go.active {
  left: 100%;
}
.looper.slide.right .item.go.active.prev {
  left: -100%;
}
.looper.slide.down .looper-inner {
  height: 100%;
}
.looper.slide.down .item {
  -webkit-transition: 0.5s ease-in-out top;
  -moz-transition: 0.5s ease-in-out top;
  -o-transition: 0.5s ease-in-out top;
  transition: 0.5s ease-in-out top;
}
.looper.slide.down .item.next,
.looper.slide.down .item.prev {
  left: 0;
}
.looper.slide.down .item.next {
  top: -100%;
}
.looper.slide.down .item.prev {
  top: 100%;
}
.looper.slide.down .item.go {
  top: 0;
}
.looper.slide.down .item.go.active {
  top: 100%;
  left: 0;
}
.looper.slide.down .item.go.active.prev {
  top: -100%;
}
.looper.slide.down.xfade .item {
  -webkit-transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
  -moz-transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
  -o-transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
  transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
}
.looper.slide.up .looper-inner {
  height: 100%;
}
.looper.slide.up .item {
  -webkit-transition: 0.5s ease-in-out top;
  -moz-transition: 0.5s ease-in-out top;
  -o-transition: 0.5s ease-in-out top;
  transition: 0.5s ease-in-out top;
}
.looper.slide.up .item.next,
.looper.slide.up .item.prev {
  left: 0;
}
.looper.slide.up .item.next {
  top: 100%;
}
.looper.slide.up .item.prev {
  top: -100%;
}
.looper.slide.up .item.go {
  top: 0;
}
.looper.slide.up .item.go.active {
  top: -100%;
  left: 0;
}
.looper.slide.up .item.go.active.prev {
  top: 100%;
}
.looper.slide.up.xfade .item {
  -webkit-transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
  -moz-transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
  -o-transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
  transition: 0.5s ease-in-out top, 0.5s ease-in opacity;
}
.looper-control {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: -20px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #333333;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: none;
}
.looper-control.right {
  left: auto;
  right: -20px;
}
.looper-control:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.looper-nav {
  background: transparent;
  text-align: center;
  list-style-type: none;
  margin: 0;
  text-decoration: none;
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 4;
}
.looper-nav > li {
  display: inline-block;
  font-size: 36px;
}
.looper-nav > li a {
  color: black;
  text-decoration: none;

}
.looper-nav > li a:hover {
  color: #036690;
}
.looper-nav > li.active a,
.looper-nav > li.active a:hover {
  color: red;
}

.icon-chevron-right:before {
content: "\203A";
}
.icon-chevron-left:before {
content: "\2039";
}