/*
Theme Name: Backbone
Version: 1.0.1
Theme URI: http://www.freshthemes.net/demo/backbone/
Author: Fresh Themes
Author URI: http://themeforest.net/user/rifki/
Description: A Corporate Wordpress Themes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, business, corporate, superfish, grey, slider
*/

/* Import stylesheets
 * ---------------------------------------------------- */
@import url('stylesheets/base.css');
@import url('stylesheets/shortcodes.css');

/* Basic
 * ---------------------------------------------------- */
body{
	background:#c0c0c0;
}

/* Selection/Higlight
 * ---------------------------------------------------- */
::-moz-selection{
	background:#f9ba00;
	color:#fff;
	text-shadow:none;
}
::selection{
	background:#f9ba00;
	color:#fff;
	text-shadow:none;
}

/* Header
 * ---------------------------------------------------- */
#header-wrapper{
	background:transparent;
}
#header{
	background:#FFF;
	padding:40px 20px;
	position:relative
}
#site-title{
	margin-bottom:0
}
#site-title a{
	color:#181818
}
#site-title a:hover{
	text-decoration:none
}

/* Social Links
 * ---------------------------------------------------- */
.social-links{
	margin:0;
	padding:0;
	list-style:none;
	float:right
}
.social-links li{
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	*display:inline;
}
.social-links li a{
	background:#FFF;
	border:1px solid #ccc;
	-webkit-box-shadow:1px 1px 1px #eeeeee;
    box-shadow:1px 1px 1px #eeeeee;
	color:#999;
	display:inline-block;
	font-size:16px;
	line-height:32px;
	margin-right:2px;
	width:32px;
	height:32px;
	text-align:center
}
.social-links li a:hover{
	color:#FFF;
	text-decoration:none
}
.social-links li.facebook a:hover{
	background-color:#5474ac;
	border-color:#355284;
	text-shadow:-1px -1px 2px #355284;
}
.social-links li.github a:hover{
	background-color:#e0e0e0;
	border-color:#ccc;
	color:#181818
}
.social-links li.google-plus a:hover{
	background-color:#d14130;
	border-color:#a52f22;
	text-shadow:-1px -1px 2px #a52f22;
}
.social-links li.linkedin a:hover{
	background-color:#0073b2;
	border-color:#015989;
	text-shadow:-1px -1px 2px #015989;
}
.social-links li.twitter a:hover{
	background-color:#1fa5e1;
	border-color:#1a8aba;
	text-shadow:-1px -1px 2px #1a8aba;
}
.social-links li.pinterest a:hover{
	background-color:#da002e;
	border-color:#a80525;
	text-shadow:-1px -1px 2px #a80525;
}
.social-links li.rss a:hover{
	background-color:#ff8c00;
	border-color:#d37102;
	text-shadow:-1px -1px 2px #d37102;
}

/* Searchform
 * ---------------------------------------------------- */
.widget_search{
	position:relative;
}
form.searchform{
	margin:0
}
form.searchform input.search_input{
	height:22px;
	line-height:22px;
	margin:0;
	padding:5px 42px 5px 10px;
	width:241px;
}
form.searchform button.search_btn{
	background:none;
	border:none;
	box-shadow:none;
	color:#999;
	font-size:16px;
	height:32px; width:32px;
	line-height:32px;
	padding:0;
	position:absolute;
	top:1px; right:0;
	text-align:center;
}

#top-search{
	position:relative;
	float:right
}
#top-search .searchform{
	width:170px
}
#top-search .searchform input.search_input{
	width:120px
}

/* Menu 
 * ---------------------------------------------------- */
#main-menu{
	background:#e0e0e0; /* Old browsers */
	background:-moz-linear-gradient(top,  #e0e0e0 0%, #d2d2d2 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #e0e0e0 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #e0e0e0 0%,#d2d2d2 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #e0e0e0 0%,#d2d2d2 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #e0e0e0 0%,#d2d2d2 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
}
#main-menu ul{
	list-style:none;
	margin:0;
	padding:0 10px;
}
#main-menu ul li{
	margin-bottom:0;
	padding:0;
}
#main-menu > ul > li > a{
	color:#444;
	display:block;
	font-size:14px;
	font-weight:700;
	padding:14px 20px;
	text-shadow:0 1px rgba(255, 255, 255, 0.3);
}
#main-menu ul li a:hover{
	color:#f9ba00;
	text-decoration:none
}
#main-menu > ul > li.active, #main-menu > ul > li.current-cat, #main-menu > ul > li.current_page_item {
	background:#f9ba00;
}
#main-menu > ul > li.active > a, #main-menu > ul > li.current-cat > a, #main-menu > ul > li.current_page_item > a{
	color:#fff;
	text-decoration:none
}
#main-menu > ul > li.sfHover{
	background:#555555
}
#main-menu > ul > li.sfHover > a, #main-menu > ul > li.sfHover > a:hover{
	color:#FFF;
	text-shadow:none
}
#main-menu ul li a.sf-with-ul {
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
#main-menu > ul > li > a span.sf-sub-indicator{
	display:none;
	position:absolute;
	top:-8px;right:0;
	width:100%;
	text-align:center;
	text-shadow:none;
	color:#FFF;
}
#main-menu > ul > li.sfHover > a span.sf-sub-indicator{
	display:inline-block;
}
#main-menu ul li:hover ul,#main-menu ul li.sfHover ul{
	top:46px;
}
#main-menu ul li ul {
	background:#555555;
	-webkit-border-radius:0 0 2px 2px;
	   -moz-border-radius:0 0 2px 2px;
	        border-radius:0 0 2px 2px;
	padding:10px 20px 10px;
}
#main-menu ul li ul li a {
	color:#CCC;
	font-weight:400;
	padding:8px 0;
	border-bottom:1px solid #666
}
#main-menu ul li ul > li:last-child > a{
	border-bottom:none
}
#main-menu ul li ul li a:hover{
	color:#FFF;
}
#main-menu ul li li:hover ul,#main-menu ul li li.sfHover ul{
	top:-10px;
	margin-left:28px;
}
#main-menu ul li li ul {
	background:#555555;
	-webkit-border-radius:2px 2px 2px 2px;
	   -moz-border-radius:2px 2px 2px 2px;
	        border-radius:2px 2px 2px 2px;
	padding:10px 20px 10px;
}
#main-menu ul li li a.sf-with-ul {
	padding-right:2.25em;
}
#main-menu ul li li a span.sf-sub-indicator{
	display:inline-block;
	position:absolute;
	top:9px;right:0;
}

/* responsive menu */
#responsive-menu{
	display:none;
	padding:10px 0;
}
#responsive-menu select{
	padding:8px 10px;
	margin:0;
	width:420px;
	color:#555555;
}

/* Slider 
 * ---------------------------------------------------- */
#slider{
	background:#FFF;
	margin:0 -20px;
	padding:0;
}
#slider li{
	margin:0;
	overflow:hidden;
	padding:0
}
#slider img{
	display:block;
	width:100%
}

/* Caption */
#slider .flex-caption{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;left:0
}
#slider .caption-text{
	width:40%;
	position:absolute;
	z-index:101
}
#slider .caption-image{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100
}

/* Caption Styles Option 1 */
#slider .option1 .caption-text{
	background:rgba(0,0,0,0.3);
	color:#fff;
	bottom:0;left:0;
	padding:15px 2%;
	width:96%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1)
}
#slider .option1 .caption-text h1{
	color:#FFF;
	font-size:18px;
	line-height:24px;
	margin-bottom:5px
}
#slider .option1 .caption-text p{
	margin-bottom:0;
	color:#fff;
}
#slider .option1 .caption-image{
	bottom:0;
	left:0;
}

/* Caption Styles Option 2 */
#slider .option2 .caption-text{
	width:40%;
	top:25%;
	left:0;
	margin-left:6.12244%;
	text-align:left
}
#slider .option2 .caption-image{
	text-align:right
}

/* Caption Styles Option 3 */
#slider .option3 .caption-text{
	width:40%;
	top:25%;
	right:0;
	margin-right:6.12244%;
	text-align:right
}
#slider .option3 .caption-image{
	text-align:left
}

/* Post slider
 * ---------------------------------------------------- */
.gallery-slider , .gallery-slider ul, .gallery-slider li{
	margin:0;
}
.gallery-slider .flex-caption{
	background:rgba(0,0,0,0.3);
	color:#FFF;
	width:96%;
	margin:0;
	padding:8px 2%;
	position:absolute;
	text-align:center;
	bottom:0;left:0
}
.gallery-slider .flex-direction-nav a{
	background-color:#FFF;
	font-size:16px;
	height:38px;
	width:38px;
	line-height:38px;
	top:50%;
	margin-top:-19px;
}
.gallery-slider .flex-direction-nav a:hover{
	background-color:#FFF
}
.gallery-slider .flex-direction-nav a.flex-next {
	right:0;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.3);
}
.gallery-slider .flex-direction-nav a.flex-prev {
	left:0;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

/* Main
 * ---------------------------------------------------- */
#main{
	background:#FFF;
	position:relative;
	padding:40px 20px 0;
	height:100%
}
#content{
	margin-bottom:20px;
}
#content.eleven{
	width:597px;
	padding-right:10px;
}
#content.eleven.right{
	float:right;
	padding-right:0;
	padding-left:10px;
}
#sidebar{
	margin-bottom:20px;
}

/* Welcome Message
 * ---------------------------------------------------- */
#welcome-message{
	border-bottom:1px solid #ededed;
	margin-bottom:40px;
	padding-bottom:20px;
}
#welcome-message p{
	font-size:17px;
	line-height:25px;
}

/* Page Title
 * ---------------------------------------------------- */
#page-title{
	border-bottom:1px solid #ededed;
	margin-bottom:40px
}
#page-title h1{
	font-size:29px;
	line-height:38px;
	margin-bottom:10px
}

/* Heading
 * ---------------------------------------------------- */
.heading{
	background:url('images/line.png') repeat-x center center;
	font-size:14px;
	line-height:20px;
	margin-bottom:30px;
	text-align:left
}
.heading span{
	background:#FFF;
	padding:0 20px 0 0
}

/* Breadcrumb Trail
 * ---------------------------------------------------- */
.breadcrumbs{
	color:#999;
	margin-bottom:20px
}

/* Teasers
 * ---------------------------------------------------- */
ul.teasers{
	margin:0;
	padding:0;
	width:105%
}
ul.teasers li, ul.teasers li.columns{
	margin:0 20px 20px 0;
	padding:0
}
.teaser{
}
.teaser span.circle{
	background:#999;
	color:#FFF;
	display:inline-block;
	float:left;
	font-size:16px;
	font-weight:700;
	line-height:36px;
	width:36px;
	height:36px;
	margin:-5px 10px 0 0;
	text-align:center;
	-webkit-border-radius:100%;
	-khtml-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.teaser.active span.circle, .teaser:hover span.circle{
	background-color:#f9ba00;
}
.teaser p{
	margin-bottom:0;
}

/* Entry 
 * ---------------------------------------------------- */
.entry{
	border-bottom:1px solid #ededed;
	margin-bottom:40px;
	padding-bottom:20px;
}
.gecko .entry{
	padding-bottom:0; /* Fix Mozilla */
}
.type-page.entry{
	border-bottom:none;
	padding-bottom:0;
}
.eleven .entry{
	max-width:597px
}
.entry-header{
	margin-bottom:20px;
}
.entry-title{
	font-size:22px;
	line-height:28px;
	margin-bottom:8px;
}
.entry-title a{
	color:#181818
}
.entry-title a:hover{
	color:#f9ba00;
	text-decoration:none
}
.entry-meta{
	color:#999;
	font-weight:300
}
.entry-asset{
	margin-bottom:20px;
}
.entry-asset img{
	display:block;
}
.entry-content{
	margin-bottom:20px;
}
a.more-link{
	font-weight:700;
}
a.more-link span{
	font-weight:400;
}
.entry-footer{
}

/* Blog List
 * ---------------------------------------------------- */
ul.blog-list{
	margin:0;
	padding:0;
	width:105%;
}
ul.blog-list li, ul.blog-list li.columns{
	margin:0 20px 20px 0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#recent-updates{
	overflow:hidden
}

.blog-item{
}
.blog-item h5{
	margin-bottom:10px;
}
.blog-item h5 a{
	color:#181818
}
.blog-item h5 a:hover{
	color:#f9ba00;
	text-decoration:none
}
.blog-item .meta{
	color:#888;
	font-weight:300;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ededed;
}
.blog-item p{
	margin-bottom:0
}

/* Recent Project
 * ---------------------------------------------------- */
#recent-project{
	position:relative;
}

/* Portfolio List
 * ---------------------------------------------------- */
ul.project-list{
	margin:0;
	padding:0;
	width:105%;
}
ul.project-list li, ul.project-list li.columns{
	margin:0 20px 20px 0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.eleven ul.project-list li.five{
	width:288px;
}

/* Portfolio Filter
 * ---------------------------------------------------- */
#portfolio-filter{
	list-style:none;
	margin:0 0 20px;
	position:relative;
}
#portfolio-filter li{
	float:left;
	margin:0 5px 10px 0;
}
#portfolio-filter li a{
	background:#F4F4F4;
	color:#555555;
	display:inline-block;
	padding:4px 10px;
	border-radius:2px;
}
#portfolio-filter li span.caption{
	background:#555555;
	color:#fff;
	cursor:default;
	display:inline-block;
	padding:3px 10px;
	border-radius:2px;
}
#portfolio-filter li a.selected{
	background:#f9ba00;
	color:#FFF;
	cursor:default;
	text-decoration:none
}
#portfolio-filter li a:hover{
	color:#181818;
	text-decoration:none
}
#portfolio-filter li a.selected:hover{
	color:#FFF;
}

/* Portfolio Item
 * ---------------------------------------------------- */
.portfolio-item{
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	text-align:center;
}
.portfolio-item img{
	display:block;
	width:100%;
	height:auto;
}
.portfolio-item a > div{
	position:absolute;
	vertical-align:middle;
	background-image:url(images/stripes.png);
	background-color:rgba(0,0,0,0.85);
	width:100%;
	height:100%;
}
.portfolio-item a > div.da-animate{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.portfolio-item a > div:before{
	content:'';
	display:inline-block;
	height:100%; 
	vertical-align:middle;
}
.portfolio-item a > div div{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:85%;
	height:auto;
}
.portfolio-item a > div div h5{
	color:#FFF;
	margin:0 0 5px
}
.portfolio-item a > div div span{
	color:#999;
	display:block;
}
.portfolio-item a > div div [class^="icon-"], .portfolio-item a > div div [class*=" icon-"], .portfolio-item a > div div i{
	background:#FFF;
	height:32px;
	width:32px;
	line-height:32px;
	color:#181818;
	font-size:16px;
	border-radius:100%;
	margin-bottom:15px;
}

/* Portfolio Single
 * ---------------------------------------------------- */
.portfolio{
	margin-bottom:20px
}
.portfolio-asset, .portfolio-asset.columns{
	max-width:597px;
	margin-right:20px;
}
.portfolio-header{
	border-bottom:1px dotted #EEE;
	margin-bottom:20px;
	padding-bottom:10px;
}
.portfolio-title{
	font-size:20px;
	line-height:26px;
	margin-bottom:5px;
}
.portfolio-meta{
	color:#999;
}
.portfolio-content{
}

/* Page
 * ---------------------------------------------------- */
article.type-page{
	margin-bottom:0;
}

/* Post Nav
 * ---------------------------------------------------- */
.post-nav{
}
.post-nav a.button{
}
.post-nav a.button{
	margin:0
}

/* Comment list
 * ---------------------------------------------------- */
#comments{
	
}
h2#comments-title{
	font-size:16px;
	line-height:22px;
	margin-bottom:20px;
}
h2#comments-title span{
	
}
ol.commentlist, ul.children{
	list-style:none;
	margin:0;
	padding:0;
}
ol.commentlist{
	border-bottom:1px solid #ededed;
	margin-bottom:20px;
	padding-bottom:10px;
}
ol.commentlist li{
	list-style:none;
	margin:0 0 0 100px;
	padding:0;
}
ol.commentlist li li{
	margin-left:75px
}
ol.commentlist li > .comment{
	background:#FFF;
	border:1px solid #ededed;
	-webkit-border-radius:3px;
	 -khtml-border-radius:3px;
	   -moz-border-radius:3px;
	     -o-border-radius:3px;
	        border-radius:3px;
	margin-bottom:20px;
	padding:15px 0;
	position:relative
}
ol.commentlist li > .comment span.triangle{
	display:block;
	border:1px solid transparent;
	content:" ";
	height:0; width:0;
	position:absolute;
	pointer-events:none;
	border-right-color:#ededed;
	border-width:11px;
	left:-11px;
	top:30px;
	margin-left:-11px;
}
ol.commentlist li > .comment span.triangle:before{
	display:block;
	border:1px solid transparent;
	content:" ";
	height:0; width:0;
	position:absolute;
	pointer-events:none;
	border-right-color:#FFF;
	border-width:10px;
	left:1px;
	top:-10px;
	margin-left:-10px;
}
ol.commentlist li li > .comment span.triangle{
	top:18px;
}
ol.commentlist li .comment-meta{
	border-bottom:1px dotted #ededed;
	color:#181818;
	font-weight:700;
	margin:0 15px 10px;
	padding-bottom:10px;
}
ol.commentlist li .comment-author{
	position:relative;
}
ol.commentlist li .comment-author img.avatar{
	position:absolute;
	margin-top:-15px;
	margin-left:-115px;
}
ol.commentlist li li .comment-author img.avatar{
	margin-left:-90px
}
ol.commentlist li .comment-content{
	margin:0 15px;
}
ol.commentlist li .reply{
	margin:0 15px;
}

/* Comment Form
 * ---------------------------------------------------- */
#respond{
	
}
h3#reply-title{
	font-size:16px;
	line-height:22px;
	margin-bottom:20px;
}
h3#reply-title span{
	
}
form#commentform{

}
form#commentform p{
	margin-bottom:10px;
	position:relative;
}
form#commentform p.form-allowed-tags{
	margin-bottom:20px;
}
form#commentform p.comment-notes{
	margin-bottom:20px;
}
form#commentform input[type="text"]{
	width:40%;
	margin:0;
	clear:both
}
form#commentform p.comment-form-comment{
	margin-bottom:20px;
}
form#commentform textarea{
	width:98%;
	margin:0;
}
form#commentform label, form#commentform .comment-form-author span.required, form#commentform .comment-form-email span.required{
	float:left
}
form#commentform label{
	margin-bottom:10px;
}
form#commentform span.required{
	color:#ff0000;
}
form#commentform .comment-form-author span.required, form#commentform .comment-form-email span.required{
	margin-left:5px;
}

/* Pagenavi
 * ---------------------------------------------------- */
#pagenavi{
	margin-bottom:20px
}
#pagenavi.eleven.columns{
	width:597px;
}
.pagenavi span.pages{
	font-weight:700;
	margin-right:10px;
	padding:3px 0;
}
#pagenavi a, .pagenavi span.current{
	display:inline-block;
	background:#f4f4f4;
	 -webkit-border-radius:2px;
	  -khtml-border-radius:2px;
		-moz-border-radius:2px;
		     border-radius:2px;
	color:#555555;
	margin-right:5px;
	padding:3px 10px;
}
#pagenavi a:hover, .pagenavi span.current{
	background-color:#f9ba00;
	color:#FFF;
	text-decoration:none
}

/* Footer
 * ---------------------------------------------------- */
#footer-wrapper{
	background:#252525 url('images/bg.png') repeat top left scroll;
	color:#757575
}
#footer-widget-area{
	background:#212121;
	padding:40px 20px 0;
}
#footer{
	background:transparent url('images/trans30.png') repeat 0 0 scroll;
}
#footer .container{
	background:#111;
	padding-bottom:15px;
	padding-top:15px;
}
#footer .site-info{
	text-align:right
}

/* Widget
 * ---------------------------------------------------- */
.widget{
	margin-bottom:40px
}
.widget .heading{
	margin-bottom:20px;
	text-align:left
}
.widget .heading span{
	padding-left:0
}
	#footer-widget-area .heading{
		background-image:url('images/line-footer.png');
		color:#FFF
	}
	#footer-widget-area .heading span{
		background-color:#212121
	}
	
.widget ul{
	list-style:none;
	margin:0;
	padding:0
}
.widget ul.iconic-list{
	padding-left:20px
}
.widget ul li{
	margin-bottom:5px;
	border-bottom:1px dotted #e5e5e5;
	padding-bottom:5px
}
	#footer-widget-area .widget ul li{
		border-color:#333
	}
.widget ul li:last-child{
	border:none;
	padding-bottom:0
}

/* Entry List
 * ---------------------------------------------------- */
.entry-list ul{
}
.entry-list ul li{
	margin-bottom:10px;
	padding-bottom:10px;
}
.entry-list ul li a.thumb{
	float:left;
	color:#ccc;
	width:42px;
	padding:0;
	height:42px;
	line-height:42px;
	font-size:22px;
	text-align:center;
	background:#FFF;
	border:4px solid #F4F4F4;
	margin-right:10px;
}
.entry-list ul li a.thumb:hover{
	border-color:#f9ba00;
	text-decoration:none
}
	#footer-widget-area .entry-list ul li a.thumb{
		background:#FFF;
		border-color:#F4F4F4;
		text-shadow:none
	}
	#footer-widget-area .entry-list ul li a.thumb:hover{
		border-color:#f9ba00;
	}
.entry-list ul li .details{
	float:left;
	width:233px;
}
.entry-list ul li .details h5{
	font-size:13px;
	line-height:18px;
	margin-bottom:3px;
}
.entry-list ul li .details h5 a{
	color:#555555;
}
	#footer-widget-area .entry-list ul li .details h5 a{
		color:#f9ba00;
	}
.entry-list ul li .details h5 a:hover{
	color:#f9ba00;
	text-decoration:none;
}
	#footer-widget-area .entry-list ul li .details h5 a:hover{
		text-decoration:underline;
	}
.entry-list ul li .details .meta{
	font-size:11px;
	font-weight:300;
	line-height:15px;
	color:#999
}
	#footer-widget-area .entry-list ul li .details .meta{
		color:#666;
	}
	
/* Tag Cloud Widget
 * ---------------------------------------------------- */
.tagcloud a{
	display:inline-block;
	background:#f4f4f4;
	 -webkit-border-radius:2px;
	  -khtml-border-radius:2px;
		-moz-border-radius:2px;
		     border-radius:2px;
	font-size:13px;
	color:#555555;
	padding:3px 8px;
	margin:0 2px 5px 0;
}
	#footer-widget-area .tagcloud a{
		background-color:#191919;
		color:#757575
	}
.tagcloud a:hover{
	background-color:#f9ba00;
	color:#FFF;
	text-decoration:none
}
	#footer-widget-area .tagcloud a:hover{
		background-color:#f9ba00;
		color:#FFF;
	}
 
/* Tweet Widget
 * ---------------------------------------------------- */
.tweet a{
	font-style:italic;
}
.tweet ul.tweet_list{
	list-style:none;
	margin:0;
	padding:0;
}
.tweet ul.tweet_list li{
	list-style:none;
	margin:0 0 10px;
	background: url(images/twitter-bird-off.png) no-repeat 0 0;
	padding: 0 0 0 30px;
	position:relative;
}
.tweet ul.tweet_list li:hover{
	background-image:url(images/twitter-bird-on.png);
}
.tweet ul.tweet_list li .tweet_text {
	clear:both;
	display:block;
	margin-bottom:5px;
}
.tweet ul.tweet_list li .tweet_text a{
	font-family:Georgia, serif;
}
.tweet ul.tweet_list li .tweet_time a{
	display:block;
	color:#999;
	font-style:normal;
	font-size:12px;
	font-weight:300;
	line-height:20px;
	margin-right:6px;
	margin-bottom:10px;
}
	#footer-widget-area .tweet ul.tweet_list li .tweet_time a{
		border-color:#333;
		color:#555;
	}
.tweet ul.tweet_list li .tweet_time a:hover{
	color:#555555;
}
	#footer-widget-area .tweet ul.tweet_list li .tweet_time a:hover{
		color:#555;
	}

/* Dribbble Widget
 * ---------------------------------------------------- */
.dribbble_shots ul{
	width:303px;
}
.dribbble_shots ul li{
	float:left;
	border:none;
	width:94px;
	margin:0 5px 5px 0;
	padding:0
}
.dribbble_shots ul li a{
	display:block;
	background:#E5E5E5;
	padding:4px
}
.dribbble_shots ul li a:hover{
	background-color:#f9ba00
}
.dribbble_shots ul li img{
	display:block;
}

/* Flickr Widget
 * ---------------------------------------------------- */
.flickr_photos ul{
	width:303px;
}
.flickr_photos ul li{
	float:left;
	border:none;
	width:70px;
	margin:0 5px 5px 0;
	padding:0
}
.flickr_photos ul li a{
	display:block;
	background:#E5E5E5;
	padding:3px
}
.flickr_photos ul li a:hover{
	background-color:#f9ba00
}
.flickr_photos ul li img{
	display:block;
	width:100%;
}

/* Contact Form
 * ---------------------------------------------------- */
.freshthemes-form{}
.freshthemes-form > div{
	margin-bottom:20px;
	overflow:hidden
}
.freshthemes-form > div span.error{
	clear:both;
	display:block;
	color:#999;
	margin-top:5px;
	font-size:90%;
	font-style:italic
}
.freshthemes-form input[type="text"], .freshthemes-form input[type="email"]{
	float:left;
	width:95.5%;
	margin-bottom:0
}
.freshthemes-form textarea{
	float:left;
	width:99%;
	height:120px;
	margin-bottom:0
}
.freshthemes-form input[type="submit"]{
	margin-bottom:0
}
.freshthemes-form label{
	margin-bottom:10px;
}

.google_map{
	max-width:100%;
	margin-bottom:30px;
}

/* jPlayer
 * ---------------------------------------------------- */
.jp-jplayer{ 
    background-color:#555555;
    max-width:100%; 
	height:auto
}
.jp-jplayer img, .jp-jplayer video{ 
	display:block; width:100%; 
	height:auto
}
.jp-video, .jp-audio{
    border:1px solid #181818;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
            box-shadow:0 1px 3px rgba(0,0,0,0.2);
    position:relative;
    width:99.832%;
}
.jp-interface{
	position:relative;
	width:100%;
	height:30px;
	background-color:#333333;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#3d3d3d), to(#333333));
	background-image:-moz-linear-gradient(#3d3d3d, #333333);
	background-image:-ms-linear-gradient(#3d3d3d, #333333);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(100%, #333333));
	background-image:-webkit-linear-gradient(#3d3d3d, #333333);
	background-image:-o-linear-gradient(#3d3d3d, #333333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#333333', GradientType=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#333333', GradientType=0)";
	background-image:linear-gradient(#3d3d3d, #333333);
	z-index:100;
}
.jp-controls {
	list-style-type:none;
	padding:0;
	margin:0;
}
.jp-controls:after {
	content:" ";
	position:absolute;
	top:0; left:30px;
	width:0;
	height:30px;
	border-left:1px solid #252525;
	border-right:1px solid #444;
}
.jp-controls li { 
	display:inline; 
}
.jp-controls a {
    border-bottom:none;
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
}
.jp-play, .jp-pause, .jp-mute, .jp-unmute {
	z-index:1;
	outline:none;
	width:30px;
	height:30px;
	background-position:10px center;
	background-repeat:no-repeat;
}
.jp-play {
	background-image:url('images/play.png');
}
.jp-pause {
	display: none;
	background-image: url('images/pause.png');
}
.jp-mute, .jp-unmute {
	display:block;
	position:absolute;
	top:0; right:55px;
}
.jp-mute {
	background-image: url('images/mute-off.png');
}
.jp-unmute {
	background-image: url('images/mute-on.png');
}
.jp-play:hover, .jp-pause:hover, .jp-mute:hover, .jp-unmute:hover {
	background-position:-23px center;
}
.jp-progress {
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
	position:absolute;
	padding:0 95px 0 40px;
	margin-top:12px;
	margin-bottom:12px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:7px;
}
.jp-seek-bar, .jp-play-bar {
	width:0px;
	height:7px;
	-webkit-border-radius:1px;
	-khtml-border-radius:1px;
	-moz-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}
.jp-seek-bar {
	cursor:pointer;
	position:relative;
	z-index:999;
	background:#464849;
}
.jp-seek-bar:before {
	content:" ";
	display:block;
	background:transparent;
	border:1px solid;
	border-color: #212424 #262929 #262929;
	height:7px;
	width:100%;
	position:relative;
	top:-1px; left:-1px;
	-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-khtml-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-webkit-border-radius:1px;
	-khtml-border-radius:1px;
	-moz-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}
.jp-play-bar {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: progress 0.75s linear infinite;
	-moz-animation: progress 0.75s linear infinite;
	-o-animation: progress 0.75s linear infinite;
	-ms-animation: progress 0.75s linear infinite;
	animation: progress 0.75s linear infinite;
}

/* VOLUME BAR
----------------------------------------------- */
.jp-volume-bar {
	float:right;
	z-index:99;
	position:relative;
	margin:11px 10px 12px;
	width:40px;
	height:9px;
	cursor:pointer;
	background:#262929;
	-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-khtml-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow:0 1px 1px rgba(255, 255, 255, 0.1);
	-webkit-border-radius:1px;
	-khtml-border-radius:1px;
	-moz-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}
.jp-volume-bar:before {
	content: " ";
	position: absolute;
	top:-11px;
	left:-35px;
	width:0;
	height:30px;
	border-left:1px solid #252525;
	border-right:1px solid #444;
}
.jp-volume-bar-value {
	width:0px;
	height:7px;
	margin:1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}
/* Diagonal Background Bars */
.jp-play-bar, .jp-volume-bar-value {
	-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	-o-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fcc500;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
	background-image: -moz-linear-gradient(#fff200, #fcc500);
	background-image: -ms-linear-gradient(#fff200, #fcc500);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
	background-image: -webkit-linear-gradient(#fff200, #fcc500);
	background-image: -o-linear-gradient(#fff200, #fcc500);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
	background-image: linear-gradient(#fff200, #fcc500);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}

/* CSS3 ANIMATIONS
----------------------------------------------- */
/* Progress Bar Animation */
@-webkit-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}
@-moz-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}
@-ms-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}
@-o-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}

/* Backstrech Inner 
 * ---------------------------------------------------- */
#backstrech-inner{
	background:transparent url('images/pat.png') repeat scroll 0 0; 
}


/* UItoTop jQuery Plugin 1.2
 * http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
 * ---------------------------------------------------- */
#toTop {
	display:none;
	text-decoration:none;
	text-align:center;
	position:fixed;
	bottom:8px;
	right:8px;
	overflow:hidden;
	width:32px;
	height:32px;
	line-height:28px;
	border:none;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#f9ba00;
	color:#FFF;
	font-size:18px;
}
#toTop:active, #toTop:focus {
	outline:none;
}

/* WordPress Required CSS
 * ---------------------------------------------------- */
.sticky{}
.bypostauthor{}