/*  -----------------------------------------------------------------------------------------
	
	Theme Name:  Ayca Lojistik
	Theme URI: https://www.fistiktasarim.com
	Description: Ayca Lojistik için Tasarlanmistır.
	Author: Fistik Tasarim Author : Resit Ergun
	Author URI: https://www.fistiktasarim.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2
	
---------------------------------------------------------------------------------------------

Fistiktasarim.com / Bismillah.

-----------------------------------------------------------------------------------------  */

/*  -----------------------------------------------------------------------------------------
0.	CSS Sifirla
-----------------------------------------------------------------------------------------  */

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}				

h1,h2,h3,h4,h5,h6 {
	clear: both;
}

/* Add font-face for custom icons. */

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('fonts/websymbols-regular-webfont.eot');
    src: url('fonts/websymbols-regular-webfont-1.eot') format('embedded-opentype'),
         url('fonts/websymbols-regular-webfont.woff') format('woff'),
         url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('fonts/websymbols-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
	src: url('fonts/OpenSans-Regular.eot');
}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular.ttf');
}

/*  -----------------------------------------------------------------------------------------
1.	Basic Theme Structure
-----------------------------------------------------------------------------------------  */

/* 1.1 WordPress Core */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #000;
    border: 1px solid #f5f5f5;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {

}

.no-padding {
	padding: 0!important;
}

.bypostauthor {

}

.gallery-caption {

}

.pattern{
	width: 100%;
	height: 100%;
}

.no-list-style {
	list-style-type: none;
}

.page-link {
	margin: 10px 0;
	font-style: italic;
	padding: 5px 0;
	width: 200px;
	border-bottom: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
}
	.page-link a {
		padding: 0 3px;
	}
	
table {
	margin: 10px 0 20px 0;
	width: 100%;
	text-align: center;
}	

table th {
	color: #38A4FC;
	padding-top: 5px;
	background-color: #f9f9f9;
	width: 200px;
	height: 30px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
}

table td {
	background-color: #fff;
	height: 35px;
	border: 1px solid #d7d7d7;
	padding: 10px;
}

table tr:hover td {
	background-color: #eee;
}

dl {
	margin: 10px 0 20px 20px;
}
	dt {
		font-weight: bold;
	}
	
	dd {
		margin-bottom: 20px;
	}
	
em, em, i {
	font-style: italic;
}


ul ul, ul ol, ol ol, ol ul {
	margin: 0px;
}

ul {
	list-style-type: circle;
	margin-left: 20px;
}

ul ul, ol ol{
	margin-left: 30px;
}

ol {
	list-style-type: decimal;
	margin-left: 20px;
}

ul, ol {
	margin-bottom: 20px;
}

ol ol {
	list-style-type: upper-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

 kbd {
	font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace
}

address {
	margin-bottom: 20px;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #D7D7D7;
}

ins {
	background-color: #FFF9C0;
	text-decoration: none;
}

pre, code {
    background: url("images/code.png") repeat top left;
    border: 1px solid #dedede;
    display: block;
    font-family: Consolas,"Andale Mono",Courier,"Courier New",monospace;
    margin: 0 0 18px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 18px 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
	font-size: 11px;
	line-height: 19.2px;
}

code{
	padding-top: 0px;
}

strong {
	font-weight: bold;
}

sub {
	top: 5px;
}

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 5px;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	padding: 5px;
}

.wp-caption img {
	padding: 0;
	border-color: #fff;
}

img.size-full {
	max-width: 98%;
	height: auto;
}

img.background{
	background-color: #fff;
	border: 1px solid #e3e3e3;
}

/* 1.2 Theme Core */

body {
	font-family: "OpenSans", "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: 400;
	color: #67615a;
}

::selection {
	background: rgba(58, 166, 252, 0.7);
	color: #eee;
	text-shadow: none;
}

::-moz-selection {
	background: rgba(58, 166, 252, 0.7);
	color: #eee;
}

::-webkit-selection {
	background: rgba(58, 166, 252, 0.7);
	color: #eee;
	text-shadow: none;
}

.content p, #main p {
	margin-bottom: 20px;
}

.post-content p{
	margin-bottom: 5px!important;
}

h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin-bottom: 10px;
}

h1{
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
}

h2{
	font-size: 18px;
	line-height: 22px;
}

h3{
	font-size: 16px;
	line-height: 20px;
}

h4{
	font-size: 14px;
	line-height: 18px;
}

h5{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

h6{
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
}

.no-mobile {
	display: block;
}

#main {
	padding: 20px;
	height: 100%;
	background-color: #fff;
}

#container, #sidebar{
	background: #f9f9f9;
}

.page-title{
	background-color: #f5f5f5;
}

#sidebar h4, .page-title, .single-title{
	color: #444;
}

a, .blog-title a, .portfolio-title a, #twitter_update_list a,.tabs a.current, .table th, .sub-title, #wp-calendar th, .call-to-action p, #sidebar ul li a, #sidebar .box a, #sidebar ul li a.rsswidget {
	color: #444;
}

a#twitter_update_list, #wp-calendar th, #sidebar ul li a, #sidebar .box a, #sidebar ul li a.rsswidget {
	color: #7A7A7A;
}

#sidebar, #sidebar ul li, .page-title span{
	color: #444;
}

/* Custom Pattern */ 

#container:after, #footer:after, .call-out:after, #slider-container:after, #header:after{
	content: ' ';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	filter: alpha(opacity=50);
}

/* End Custom Pattern */

#container, #footer {
	position: relative;
}

#footer div, .call-out div, .nivo-slider, .flexslider, .call-to-action, #main, #sidebar, .page-title, .single-title, #inner-header, #bottom-header {
	position: relative;
	z-index: 2;
}

.homepage #main { 
	padding: 20px;
	background: #fff;
}

.entry_edit {
	padding-top: 10px;
	clear: both;
}

.clearboth {
	clear: both;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.no-results {
	padding: 20px;
}
	
a {
	text-decoration: none;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}

a:hover {
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}


/*  -----------------------------------------------------------------------------------------
2.	Header Style
-----------------------------------------------------------------------------------------  */

#wrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
}

.header-widget-area {
	width: 100%;
	position: relative;
	display: none;
}

.header-widget-trigger-area {
	width: 100%;
	height: 5px;
	position: relative;
	cursor: pointer;
}

.header-widget-area-trigger-arrow {
	font-family: 'WebSymbolsRegular';
	font-size: 25px;
	position: relative;
	z-index: 100;
	position: absolute;
	top: -5px;
	left: 50%
}

#header {
	min-height: 90px;
	position: relative;
	padding-top: 10px;
}

#bottom-header{
	width: 100%;
	height: 5px;
}

#logo{
	float: left;
	margin: 0px 0 0 20px;
}

.bottom-color {
	background: red;
	height: 3px;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom: 2px solid #417ba1;
	background-color: #99d2f9;
}

.slogan{
	margin: 10px 0px;
	color: #9f9f9f;
	font-size: 12px;
	float:right;
}

#social-media {
	color: #FFF;
	text-align: right;
	margin-right: 20px;
	float: right;
	font-size: 11px;
}

.social-media-images {
	list-style-type: none;
	margin: 0 0 10px 0;
	height: 25px;
}

.social-media-images li {
	float: right;
	height: 24px; 
	width: 24px;
	margin: 0 0 0 5px;
	cursor: pointer;
}

.social-media-images li a {
	display: block;
	height: 24px; 
	width: 24px;
}

.social-media-images li a:before{
	font-family: 'WebSymbolsRegular';
	font-size: 18px;
}

.social-media-images li a:hover:before {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


#sm_twitter a:before{
	content: "t";
}

#sm_facebook a:before{
	content: "f";
}

#sm_linkedin a:before{
	content: "l";
}

#sm_google a:before{
	content: "g";
}

#sm_skype a:before{
	content: "s";
}

#sm_tumblr a:before{
	content: "k";
}

#sm_vimeo a:before{
	content: "m";
}

#sm_youtube a:before{
	content: "y";
}

#sm_rss a:before{
	content: "B";
}
 
.full-width{
	width: 100%;
}

.page-title-sep{
	width: 40px;
	height: 2px;
	display: block;
	float: left;
	margin: 18px 10px 0px 10px;
}

.page-title{
	padding: 20px 20px 10px 20px;
	border-bottom: 1px solid #e3e3e3;
}

	.page-title h1 {
		font-size: 24px;
		display: inline-block;
		float: left;
		max-width: 70%;
	}
	
	.page-title p {
		margin-top: 7px;
		font-size: 13px;
		float: left;
		color: #999;
	}
	
	.page-title #searchform {
		float: right;
	}
	
	.page-title #searchform input{
		background: #fff;
		border: 1px solid #e3e3e3;
		color: #d2d2d2;
		font-size: 11px;
		padding: 0 5px;
		height: 25px;
		width: 150px;
		margin: 3px 0 0 0;
	}
	
	.page-title #searchform input:focus{
		border: 1px solid #d2d2d2;
		color: #999;
		outline: none;
	}
	
	.error-404-container{
		width: 400px;
		margin: 0px auto;
		text-align: center;
	}
	
	.error-404-img{
		background: transparent url('images/404.png') no-repeat top left;
		width: 221px;
		height: 93px;
		margin: 20px auto;
	}
	
	
/*  -----------------------------------------------------------------------------------------
3.	Menu Style
-----------------------------------------------------------------------------------------  */

#nav-menu {
	position: relative;
	height: 50px;
	z-index: 10;
	padding: 0px 0px 20px 0px;
}

.select-menu {
	clear: both;
	display: none;
	margin: 20px 0 0 0;
	width: 440px;
	background: #F6F6F6;
	color: #666;
	font-size: 12px;
	line-height: 21px;
	border: 1px solid #CCC;
	height: 30px;
}

#header {
	position: relative;
	z-index: 10;
}

#nav-menu ul {
	margin: 0;
	list-style-type: none;
	font-weight: bold;
}

.primary li {
	float: left;
	position: relative;
	list-style-type: none;
	max-width: 140px;
}

.primary li ul.sub-menu li.current-menu-item, .primary li.sfHover ul li:hover, .primary li ul.sub-menu li.current-menu-ancestor {
	border-top: 0!important;
	background: none;
	margin-top: 0;
}

.primary ul { 
	display: none;
}

.primary li a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	padding-top: 10px;
	display: inline-block;
}

.primary > li > a {
	height: 60px;
}

.primary li a span.menu-title {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 20px;
}

.primary li a span {
	margin: 0 auto;
	padding: 0 20px;
	font-weight: normal;
	text-transform: lowercase;
	font-size: 11px;
	color: #999;
	display: block;
	text-align: center;
}

.primary li a:hover {
	color: #747474;
}

.primary li ul.sub-menu {
	display: none;
	list-style-type: none;
	position: absolute; 
	left: 0px; 
	top: 75px;
	background-color: #fff;
	margin: 0; 
	font-size: 11px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
	z-index: 10; /* version 1.1 update from -10 to 10 */
}

.primary li ul.sub-menu li {
	font-weight: normal;
	text-align: left;
	margin: 0 10px 0 10px; 
	clear: both;
	width: 200px;
	padding-right: 0!important;
	padding-top: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	min-height: 35px;
	position: relative;
}

.primary li ul.sub-menu li:last-child, .primary li ul.sub-menu li:last-child:hover {
	border-bottom: none;
}

.primary li ul.sub-menu li ul.sub-menu {
	list-style-type: none;
	position: absolute;
	left: 150px; 
	top: 0px;
	margin: 0; 
	display: none;
	float: right;
	font-size: 11px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
	border-left: 0;
}		

.primary li ul.sub-menu li a {
	font-size: 11px;
	padding: 5px 0 0 0;	
	color: #999;
	display: block;
	width: 160px;
	min-height: 30px;
}

.primary li ul.sub-menu li a:hover { 
	border: none;
	margin: 0;
	color: #858585;
}

.primary .sf-sub-indicator{
	display: none;
}

.primary li ul.sub-menu .sf-sub-indicator{
	position: absolute;
	top: 10px;
	right: 0;
	display: inline;
	width: 20px;
	padding: 0;
}

/*  -----------------------------------------------------------------------------------------
4.	Slider Style & Call To Action
-----------------------------------------------------------------------------------------  */

#slider-container, #calltoaction-container {
	position: relative;
}

#slider-container {
	background-color: #f5f5f5;
	border-bottom: 1px solid #E3E3E3;
}

#slider-progressbar {
	height: 5px;
	background-color: rgba(0,0,0,0.10);
}

#slider-progressbar .ui-widget-header {
	display: block;
	height: 5px;
}

	.call-to-action {
		padding: 20px;
		font-size: 18px;
		line-height: 24px;
		width: 920px;
	}
	
	.cta-big p {
		float: left;
		width: 700px;
	}
	
	.call-to-action-button a{
		display: block;
	}
	
	.call-to-action-button {
		font-size: 16px;
		position: relative;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
	.call-to-action-button:hover {
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.cta-small .call-to-action-button {
		text-align: center;
		margin: 20px auto 0px auto;
		max-width: 150px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.cta-big .call-to-action-button {
		float: right;
		border-radius: 3px;
	}
	
	.call-to-action-button span {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		color: #FFFFFF;
		padding: 5px 17px;
		position: relative;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
		display: inline-block;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.cta-small {
		float: right;
		width: 220px;
		font-size: 16px;
		padding: 20px;
	}
	
		.cta-small p {
			text-align: center;
		}

	.nivo-small {
		width: 700px;
		height: 300px;
		float: left;
	}
	
		.nivo-small .nivo-controlNav {
			display: none;
		}
	
	.nivo-big {
		width: 960px;
		height: 400px;
	}

.nivoSlider {
	position: relative;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}

.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

.nivo-caption {
	background: rgba(0,0,0,0.3);
	position:absolute;
	bottom: 0px;
	left: 0px;
	z-index:8;
	width: 700px;
	color: #fff;
	padding: 10px;
}

.nivo-small .nivo-caption {
	width: 680px;
}

.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
	display:none;
}

.nivo-directionNav{
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 60px;
	z-index: 9;
}

.nivo-prevNav, .nivo-nextNav{
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	cursor: pointer;
}

.nivo-nextNav{
	background: transparent url('images/slider-dir-nav.png') no-repeat top left;
	float: right;
}

.nivo-prevNav{
	background: transparent url('images/slider-dir-nav.png') no-repeat bottom left;
	float: left;
}

.nivo-controlNav {
	position: absolute;
	bottom: -5px;
	z-index: 999;
}

	.nivo-controlNav a {
		background: rgba(0,0,0,0.10);
		float: left;
		display: block;
		width: 100px;
		height: 5px;
		z-index: 999;
		cursor: pointer;
		text-indent: -9999px;
	}

/* Cycle Slider */ 

.cycle_slider_container {
	width: 960px;
	height: 400px;
	position: relative;
	z-index: 2;
	background-color: rgba(0,0,0,0.15);
	overflow: hidden;
}

.cycle_slider_container ul {
	width: 960px;
	height: 400px;
	margin: 0;
}

.cycle-navigation {
	height: 30px;
	width: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9999;
	cursor: pointer;
}

	#cycle-prev {
		background: transparent url('images/slider-dir-nav.png') no-repeat bottom left;
		width: 30px;
		float: left;
		height: 30px;
	}
	
	#cycle-next {
		background: transparent url('images/slider-dir-nav.png') no-repeat top left;
		width: 30px;
		float: left;
		height: 30px;
	}

	.cycle_slider_container ul li{
		list-style-type: none;
		height: 420px;
		display: none;
	}

	.slider_background_image {
		width: 900px;
		height: 400px;
	}

	.cycle_slider h1, .cycle_slider p {
		color: #fff!important;
	}

	.slider_front_image {
		position: absolute;
		width: 960px;
		height: 400px;
		color: #494646;
	}
	
	.slider_text {
		position: absolute;
		width: 960px;
		height: 400px; 
	}
	
	.slider_text div {
		position: absolute;
	}
	
		.slider_text h1 {
			font-size: 28px;
			margin-bottom: 0;
			line-height: 28px;
		}

/* Flexslider */

/* FlexSlider Necessary Styles
*********************************/

.flexslider { 
	margin: 0; 
	padding: 0;
	list-style: none;
}

.flexslider iframe {
	border: 0;
	height: 100%;
	width: 100%;
}

.flexslider .slides > li { 
	list-style: none;
	height: 400px;
	display: none; 
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */


.flexslider .slides img { 
	max-width: 100%; 
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.flexslider ul{
	margin: 0;
}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
	position: relative; 
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li { 
	position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; }

.flex-caption {
	background: rgba(0,0,0,0.3);
	position:absolute;
	bottom: 0px;
	left: 0px;
	z-index:8;
	width: 700px;
	color: #fff;
	padding: 10px;
}

/* Direction Nav */
.flex-direction-nav {
	height: 0; 
}

.flex-direction-nav li a { 
	width: 25px; 
	height: 30px; 
	margin: -13px 0 0; 
	display: block; 
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -999em;
}

.flex-direction-nav li .next {
	background: transparent url('images/slider-dir-nav.png') no-repeat top left;
	right: -30px;
}

.flex-direction-nav li .prev {
	background: transparent url('images/slider-dir-nav.png') no-repeat bottom right;
	left: -30px;
}

.flex-direction-nav li .disabled {
	opacity: .3; 
	filter:alpha(opacity=30); 
	cursor: default;
}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

		
		
/*  -----------------------------------------------------------------------------------------
5.	Blog Overview Style & Blog Single Style & Comments
-----------------------------------------------------------------------------------------  */

.post {
	margin-bottom: 50px;
}

.blog-single .post-entry {
	width: 100%;
	float: none;
	margin: 0 0 5px 0;
}

.blog-single .title-container {
	width: 100%;
	padding: 10px 0 5px 0;
}

.single-post-categories-text a, .post-tags ul li a {
    background-color: #F5F5F5;
    float: left;
    margin-right: 5px;
    padding: 7px;
}

.single-post-categories-text ul, .post-tags ul {
	margin: 0;
}

.single-post-categories-text li, .post-tags ul li {
	list-style-type: none;
}

.single-post .post-comments-number {
	margin: 6px 0 0 0;
}

	.like-container {
		float: left; 
		width: 50px;
		margin: 10px 0 0 0;
	}
	
	.like-container-left {
		float: right; 
		width: 35px;
	}
	
	.like-container-right {
		float: left; 
		width: 50px;
	}

	.title-container {
		padding: 10px 0px;
		float: left;
		width: 100%;
	}
	
	.title-container-small {
		padding: 0 0 10px 0;
	}
	
	.postmeta-container {
		width: 100%;
		padding: 10px 0 5px 0;
	}
	
		.postmeta-row {
			width: 100%;
		}
		
	.blogmeta-container {
		min-height: 35px;
		width: 100%;
	}
	
	.posttype-diff{
		width: 35px;
		height: 35px;
	}
	
		.posttype-diff a {
			display: block;
			width: 35px;
			height: 35px;
		}
		
	.blog-container {
		width: 290px;
		float: left;
		padding: 0 20px 0 0;
	}

		.blog-left .blog-container {
			padding: 0 10px 0 20px;
		}
			
	.small-right-thumb {
		float: left;
	}
	
	.post-title {
		font-weight: bold;
	}
	
	.post-likes {
		margin: 5px 10px 0 0;
		background: #f5f5f5;
		width: 35px;
		height: 50px;
		float: left;
	}
	
	.post-likes-single {
		float: left;
		width: 35px;
		height: 35px;
	}
	
	.post-likes-single .count{
		background: #f5f5f5;
		width: 35px;
		height: 28px;
		float: left;
		padding: 7px 0 0 0;
		font-weight: bold;
	}
	
	.post-likes-single .post-like .like:before{
		color: #fff;
	}
	
	.post-likes-single .qtip {
		float: left;
		margin: 7px 0 0 -36px!important;
	}
	
	.post-like .qtip {
		float: left;
		margin: 2px 0 0 9px;
	}
	
	.post-like .count {
		float: left;
		width: 100%;
		text-align: center;
	}
	 
	.like:before {
		font-family: 'WebSymbolsRegular';
		content: "O";
		font-size: 16px;
	}
	
	.blogpost-shortcode-like .qtip {
		margin: 5px 0 0 9px;
	}
		
    .like {  
        width: 17px;  
        height: 20px;  
        display: block;  
        float:right;  
        -moz-transition: all 0.2s ease-out 0.1s;  
        -webkit-transition: all 0.2s ease-out 0.1s;  
        -o-transition: all 0.2s ease-out 0.1s  
    }  
      
   .post-like a:hover .like {  
        background-position:-16px 0;  
    }  
      
    .voted .like:before, .post-like .alreadyvoted:before{  
	font-family: 'WebSymbolsRegular';
	content: "N";
    }  
	
	.post-entry {
		float: left;
		width: 100%;
		margin: 5px 0 0 0;
	}
	
	.post-entry-full {
		width: 100%;
	}
	
	.blog-divider {
		border-top: 1px solid #f5f5f5;
		width: 100%;
		height: 1px;
		margin-bottom: 50px;
	}

	.post-entry-small-left {
		min-height: 100px;
	}
	
	.post-entry-small-right {
		min-height: 80px;
	}
	
	.post-likes-small {
		float: left;
		width: 360px;
		padding: 0px 0px 0px 10px;
		height: 45px;
	}
	
	.small-right.post-likes-small .post-like {
		float: right;
		padding: 0px 10px 0px 0px;
	}
	
	.small-right.post-likes-small .post-like span.like {
		float: right;
	}
	
	.small-right.post-likes-small .post-like span.count {
		float: left;
		margin: 1px 5px 0px 0px;
	}
	
	.post-likes-small .post-like{
		float: left;
	}
	
	.post-likes-small .post-like span.like{
		float: left;
	}
	
	.post-likes-small .post-like span.count{
		float: right;
		margin: 1px 0px 0px 5px;
	}
	
	.small-left {
		float: left;
	}
	
	.post-website {
		float: right;
	}
	
	.single-post-categories-text, .post-tags {
		float: left;
		list-style-type: none;
		max-width: 450px;
		margin: 0;
		font-weight: bold;
	}
	
	.single-post-categories-text li, .post-tags ul li {
		float: left;
		margin: 0 5px 5px 0;
		background: #f5f5f5;
	}
	
	.post-website-link {
		float: right;
		margin-top: 5px;
		font-weight: bold;
	}
	
	.portfolio .title-container {
		width: 100%;
	}
	
	.post-author, .post-comments {
		float: right;
	}
	
		.post-title h3 {
			margin-bottom: 0;
		}
		
		.post-title a {
			color: #67615a;
		}
		
		.post-thumb a img, .post-thumb-small a img {
			-webkit-transition: opacity 0.2s linear;
			-moz-transition: opacity 0.2s linear;
			-o-transition: opacity 0.2s linear;
			-ms-transition: opacity 0.2s linear;
			transition: opacity 0.2s linear;
		}

		a .post-type:hover, .post-thumb a img:hover, .post-thumb-small  a img:hover {
		opacity: 0.8;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}
		
	.sub-title {
		font-size: 12px;
		font-weight: bold;
	}

	.post-type {
		width: 35px;
		height: 35px;
		margin: 0 10px 0 0;
		float: left;
	}
	
	.post-type-shortcode{
		width: 30px;
		height: 30px;
		margin: 0 0 0 5px;
		float: left;
	}
	
	.blogpost-shortcode-date {
		float: left;
		font-weight: bold;
		font-size: 11px;
		margin: 4px 0px 0px 5px;
	}
	
	.blogpost-shortcode-likes {
		float: right;
		margin: 0px 5px 0px 0px;
	}
	
	.blogpost-shortcode-likes .post-like{
		height: 30px;
		float: right;
	}
	
	.blogpost-shortcode-like .qtip {
		margin: 5px 0 0 9px;
	}
	
	.blogpost-shortcode-likes .like:before{
		font-size: 12px;
	}
	
	.blogpost-shortcode-likes .post-like .count{
		float: right;
		font-size: 11px;
		padding: 2px 0px 0px 0px;
		width: auto;
	}
	
	.small-right {
		float: right;
		margin: 0;
	}
	
	.post-type:hover, .posttype-blog-shortcode:hover{
		background-color: #444;
		-webkit-transition: background 0.3s ease-in-out;
		-moz-transition: background 0.3s ease-in-out;
		-ms-transition: background 0.3s ease-in-out;
		-o-transition: background 0.3s ease-in-out;
		transition: background 0.3s ease-in-out;
	}
	
	.posttype-blog-shortcode{
		width: 30px;
		height: 30px;
		background: transparent url('images/posttype-blog.png') no-repeat 50% 50%;
	}
	
	.posttype-blog {
		background: transparent url('images/posttype-blog.png') no-repeat 50% 50%;
	}
			
	.posttype-aside {
		background: transparent url('images/posttype-aside.png') no-repeat 50% 50%;
	}
	.posttype-quote {
		background: transparent url('images/posttype-quote.png') no-repeat 50% 50%;
	}
	
	.posttype-image {
		background: transparent url('images/posttype-image.png') no-repeat 50% 50%;
	}
	
	.posttype-video {
		background: transparent url('images/posttype-video.png') no-repeat 50% 50%;
	}
	
	.posttype-audio {
		background: transparent url('images/posttype-audio.png') no-repeat 50% 50%;
	}
	
	.postmeta-cat {
		background: transparent url('images/postmeta-categories.png') no-repeat 50% 50%;	
	}
	
	.postmeta-tags {
		background: transparent url('images/postmeta-tags.png') no-repeat 50% 50%;	
	}
	
	.postmeta-comments {
		background: transparent url('images/postmeta-comments.png') no-repeat 50% 50%;	
	}
	
	.postmeta-permalink, .posttype-link {
		background: transparent url('images/postmeta-permalink.png') no-repeat 50% 50%;	
	}
	
	.postmeta-author {
		background: transparent url('images/postmeta-author.png') no-repeat 50% 50%;	
	}
	
	.post-permalink {
		float: left;
		margin: 20px 0 0 0;
	}
	
	.post-like-container {
		float: right;
	}
	
	.posted-on {
		float: left;
	}
	
	.post-comments-number {
		float: right;
		font-weight: bold;
	}
	
	.post-categories-text {
		max-width: 450px;
	}
	
	.post-thumb {
		width: 100%;
		line-height: 0;
	}
	
		.post-thumb img {
			height: 250px;
		}
	
	.post-thumb-small {
		height: 200px;
		width: 300px;
	}
	
	.blog-content-container {
	width: 660px;
	}
	
	.blog-content-container .post-title {
	width: 615px;
	min-height: 35px;
	}
	
	.aside-content {
		width: 615px;
		float: right;
	}
	
	.quote-content {
		float: left;
		width: 89%;
		padding: 10px;
		background: #f9f9f9;
		margin: 10px 0 0 0;
	}
	
	.quote-content {
		font-size: 12px;
		font-style: italic;
	}
	
	.sub-author {
		color: #999;
		float: right;
		margin: 0 10px 0 0;
		font-size: 13px;
	}
	
	.sub-title {
		width: 615px;
		margin-bottom: 10px;
	}

		
		.post-meta a {
			color: #fff;
		}

			.metatype span, .sub-title-meta span {
				font-family: 'WebSymbolsRegular';
				margin-right: 5px;
				font-size: 11px;
			}
			
			.metatype span {
				float: left;
			}
			
			.metatype-author {
				margin-bottom: 10px;
			}
			
		.metatype .post-categories {
			margin: 0;
			list-style-type: none;
			padding-left: 20px;
		}
		
	.blog-left .post-thumb{
		float: left;
		margin-right: 20px;
	}

	.blog-right .post-thumb{
		float: right;
		margin-left: 20px;
	}


	.navigation {
		float: left;
		width: 100%;
		height: 30px;
		padding: 5px 0;
		line-height: 30px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
		.nav-previous { 
		float: left; 
		}
		.nav-next { 
		float: right; 
		}

/* 5.1 Page Navigation */ 
	
.pagenavi .current, .pagenavi .page, .pagenavi .nextpostslink, .pagenavi .previouspostslink {
	float: left;
	padding: 5px 10px;
	margin-right: 5px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}

.pagenavi{
	float: left;
	margin-bottom: 20px;
}
	
.pagenavi .nextpostslink, .pagenavi .previouspostslink {
	padding: 5px 10px;
}
	
/* 5.2 Comments */

.page #respond {
	padding: 20px 0 0 0;
}

#respond {
	border-top: 1px solid #e3e3e3;
	margin: 40px 0 0 0;
	padding: 20px 0;
}

ol.commentlist {
	padding: 0;
	margin: 0;
}

.comments-number {
	margin: 20px 0;
}

.commentlist li.comment {
	line-height: 18px;
	position: relative;
	padding: 0 0 0 65px;
}
		
.commentlist > li {
	padding: 0!important;
	list-style-type: none;
}

.commentlist .children {
	list-style-type: none;
}

.comment-container {
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #f1f1f1;
	}

.comment-avatar {
	float: left;
	width: 70px;
}

.comment-author {
	float: left;
	color: #444;
}

.comment-author img:hover{
	cursor: default;
}
			
.reply {
	float: right;
}

.comment-body {
	position: relative;
	min-height: 70px;
	overflow: hidden;
	padding: 0 0 10px 5px;
	color: #858585;
}
		
.comment-meta{
	float: left;
	width: 100%;
}	
		
.comment-awaiting-moderation {
	font-style: italic;
}

.comment-date {
	font-size: 11px;
	font-style: italic;
	padding: 5px 0px;
}

.comment-content {
	padding-top: 5px;
}

.comment-content ul, .comment-content ol {
	margin-bottom: 20px;
}

.comment-content ol ol, .comment-content ul ul, .comment-content ul ol, .comment-content ol ul {
	margin: 0;
}

.comment-content ul {
	list-style-type: circle;
	margin-left: 20px;
}

.comment-content ul ul, .comment-content ol ol{
	margin-left: 30px;
}

.comment-content ol {
	list-style-type: decimal;
	margin-left: 20px;
}

.comment-content ul, .comment-content ol {
	margin-bottom: 20px;
}

.comment-content ol ol {
	list-style-type: upper-alpha;
}

.comment-content ol ol ol {
	list-style-type: lower-roman;
}


input[type="submit"] {
	color: #fff;
	margin-right: 20px;
	padding: 8px;
	border-radius: 3px;
	background: #FF6A00;
	border: none;
}

input[type="submit"]:hover{
	cursor: pointer;
}
		
/* 5.3 Protected Post */

.protected-post-form {
	margin-top: 20px;
}

.protected-post-form input[type="password"] {
	background: #f5f5f5;
	border: none;
	margin-bottom: 15px;
	color: #858585;
	font-size: 11px;
	padding-left: 10px;
	font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
	height: 25px;
	margin-right: 50px;
	width: 300px;
	border: 1px solid #e3e3e3;
}

.post-password-required .post-entry {
	clear: both;
	float: none;
}

.protected-post-form input[type="submit"] {
	position: relative;
}

p.nopassword {
	margin-bottom: 20px;
}

.post-archive {
	margin-bottom: 0px;
}
	
/* 5.4 Single Blog */	

.blog-single, .single-audio, .single-video {
	margin-bottom: 0;
}

.single-title h1 {
	font-size: 20px;
	margin: 20px 0 20px 30px;
	display: inline-block;
	line-height: 40px;
	padding: 0 20px 0 0;
	height: 50px;
}

.entry-navigation{
	text-indent: -9999px;
	width: 120px;
}

.entry-navigation a{
	display: block;
	width: 100%;
	height: 100%;
}

.entry-navigation .nav-next{
	float: left;
	background: url('images/slider-prev-next.png') no-repeat 0px -26px;
	width: 25px;
	height: 26px;
}

.entry-navigation .nav-previous{
	float: left;
	background: url('images/slider-prev-next.png') no-repeat top left;
	width: 25px;
	height: 26px;
	margin-right: 5px;
}

.entry-navigation .nav-next:hover{
	background: url('images/slider-prev-next.png') no-repeat 0px -78px;
}

.entry-navigation .nav-previous:hover{
	background: url('images/slider-prev-next.png') no-repeat 0px -52px;
}

.single-post .post-image:hover{
	background: #fff;
	cursor: default;
}

/* 5.5 Author Information */

#entry-author-info {
	background: #f9f9f9;
	border: 1px solid #e4e4e4;
	clear: both;
	float: left;
	padding: 5px 0 5px 0;
	margin: 20px 0 30px 0;
	width:  100%;
}
	
.author-avatar, .author-description {
	float: left;
}
		
.author-avatar img:hover{
	cursor: default;
}
		
.author-avatar {
	margin: 10px;
}
		
.author-avatar img, .comment-author img {
	padding: 3px;
	background: #fff;
}
		
.author-name {
	float: left;
	width: 100%;
	padding-bottom: 2px;
	color: #444;
}
		
.author-link {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
		
.author-description {
	margin: 10px 0 0 10px;
	width: 75%;
	color: #858585;
	padding: 0 10px 0 0;
}

/* 5.6 Search loop */

.loop-search .post-posted {
	margin-bottom: 15px;
}

.loop-search .post-title{
	float: left;
	margin-bottom: 5px;
	height: 15px;
}

.loop-search .post-entry {
	min-height: 0;
	float: left;
}

/*  -----------------------------------------------------------------------------------------
6.	Sidebar & Sidebar Box Style
-----------------------------------------------------------------------------------------  */

	#sidebar {
		height: 100%;
		float: right;
		width: 220px;
		padding: 20px 20px 50px 19px;
	}
	
	#sidebar li {
		list-style-type: none;
		border-bottom: 1px dashed #e3e3e3;
		padding: 5px 0;
	}
	
	#sidebar ul {
		margin: 0;
	}

.right-sidebar #main {
	float: left;
	width: 660px;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	}

.left-sidebar #main {
	float: right;
	width: 660px;
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	background: #fff;
}


#sidebar .box{
	margin-bottom: 20px;
}

#footer ul, .header-widget-area ul{
	margin: 0;
	list-style-type: none;
}

#footer ul li ul li{
	list-style-type: none;
}

/*  -----------------------------------------------------------------------------------------
7.	Footer & Bottom Footer Style
-----------------------------------------------------------------------------------------  */

#footer{
	position: relative;
}

.call-out {
	position: relative;
	min-height: 50px;
}

	.twitter_bird {
		margin: 20px 0 0 20px;
		float: left;
		width: 20px;
	}

	#twitter_update {
		float: left;
		font-size: 12px;
		width: 80%;
		line-height: 22px;
		padding: 15px 10px;
	}
	
	#twitter_update ul {
		margin: 0;
		list-style-type: none;
	}
	
		#twitter_update a {
			color: #fff;
			border-bottom: 1px dotted #fff;
		}
			#twitter_update a:hover {
			}
	
.footer_widgets, .header_widgets {
	padding: 20px;
}

#bottom-footer{
	float: left;
	border-top: 1px solid #d7d7d7;
	width: 100%;	
	padding: 30px 0px;
}

#sitemap-list {
	float: left;
}

	#sitemap-list ul li {
		float: left;
		margin-right: 20px;
	}
	
.footer_meta {
	border-top: 1px solid rgba(0,0,0, 0.10) ;
	padding: 20px;
}	
	
.copyright{
	float: right;
	font-size: 10px;
	line-height: 14px;
}

.callout-text{
	padding: 20px;

}

/*  -----------------------------------------------------------------------------------------
8. 	Portfolio Style
-----------------------------------------------------------------------------------------  */

.portfolio_embed {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 500px;
}

.blog-portfolio {
	padding: 20px 0 0 0;
}

.portfolio-title { 
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	margin-top: 5px;
	float: left;
	font-size: 12px;
}
	
.portfolio-content {
	width: 220px;
}
	
.portfolio-meta {
	padding-top: 5px;
	float: left;
	width: 100%;
}
	
.portfolio-meta a span {
	float: right;
	margin-right: 20px;
}
	
.portfolio-website-link {
	float: left;
	margin-left: 20px;
}

.single-portfolio .post-image:hover {
	background: #fff;
	cursor: default;
}

.single-portfolio .portfolio-website-button {
	float: left;
	height: 35px;
	margin-left: 125px;
	padding: 0px 25px;
	color: #fff;
	/* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); */
	font-weight: bold;
	border-radius: 3px;
	background: transparent url('images/submit-bg.png') repeat-x top left;
	border: 1px solid #349BFB;
	margin-bottom: 20px;
	text-shadow: none;
}

.single-portfolio .portfolio-website-button:hover{
	cursor: pointer;
	background: transparent url('images/submit-bg.png') repeat-x bottom left;
}

.single-portfolio .portfolio-website-button span{
	margin-top: 8px;
	float: left;
}

.portfolio-image {
	width: 215px;
	height: 150px;
	position: relative;
	overflow: hidden;
}

.portfolioitem-container img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
}
.portfolioitem-container:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);

	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
}

/* 8.1 Filter */

#filter {
	padding: 20px;
	margin: 20px 0;
	background: #f9f9f9;
	border: 1px solid #e3e3e3;
}

#filter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#filter ul li {
	float: left;
	margin: 0 20px 0 0;
	height: 35px;
}
	
#filter a {
	display: inline-block;
	color: #fff;
	padding: 7px;
	margin: 0;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}	

#filter a:hover {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}	
	
#container-portfolio {
	display: block;
	overflow: hidden;
}

#container-portfolio li {
	float: left;
	position: relative;
	list-style-type: none;
	margin: 0 20px 20px 0;
}

#container-portfolio ul {
	overflow: hidden;
	margin: 0;
}

#sortable-portfolio ul li {
	float: left;
	position: relative;
}

#container-portfolio li:nth-child(4n) {
	margin-right: 0;
}

p.select-filter {
	float: left;
	margin-top: 4px;
	margin-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
}
	
/*  -----------------------------------------------------------------------------------------
9. Widgets
-----------------------------------------------------------------------------------------  */


.widget_recent_entries li a:before {
	content: 'Z';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}

.widget_recent_comments li:before {
	content: 'c';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}

.widget_links li a:before {
	content: 'K';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}

.widget_categories li a:before {
	content: ',';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}

.widget_nav_menu li a:before, .widget_archive li a:before, .widget_pages li a:before {
	content: ')';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}

	.widget_nav_menu .sub-menu li {
		border: none!important;
	}

.widget_meta li a:before {
	content: ')';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}


.widget_google_maps {
	height: 240px!important;
	width: 200px!important;
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { 
	position:relative; 
	margin-right:4%; 
	float:left; 
	height: auto;
}

.last, .widget-last{
	margin-right: 0px!important;
	clear:right; 
}

.footer-box, .header-box {
	float: left;
}

/* 9.1 Flickr Widget */

 .flickr_badge_image{
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
	line-height: 0;
}

 .flickr_badge_image img{
	width: 50px;
	height: 50px;
	padding: 3px;
}

.flickr_badge_image:hover{
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
	cursor: pointer;
}

.flickr_badge_image {
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}

/* 9.3 Contact Widget */

.contactinfo li{
	margin-bottom: 10px;
	line-height: 15px;
}

/* 9.4 Recent Posts Widget */

.recentposts li {
	width: 100%;
	margin-bottom: 10px;
	min-height: 60px;
}

.recentposts .recentposts-title {
	margin-left: 5px;
	width: 57%;
	float: left;
	position: relative;
}

#footer .recentposts .recentposts-title  {
	width: 55%;
}

	.footer_widgets li {
		border-bottom: 1px dashed rgba(0,0,0,0.1);
		padding-bottom: 5px;
	}

.recentposts .recentposts-title a{
	color: #a4a4a4;
	padding-bottom: 2px;
}

.recentposts .recentposts-title a:hover{
	color: #858585;
}


.recentposts li img {
	float: left;
	padding: 3px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}

.recentposts li img:hover {
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}

.no-thumb {
	float: left;
	width: 75px;
	height: 50px;
	margin-right: 5px;
}

.recentposts li .no-thumb .no-thumb-img{
	width: 75px;
	height: 50px;
	float: left;
	background: #606366;
}

.no-thumb-img span {
	margin-left: 10px;
	margin-top: 10px;
}

/* 9.5 RSS Widget */

#sidebar ul li a.rsswidget, #footer ul li a.rsswidget{
	border: none;
	color: #444;
}

#sidebar h4 a.rsswidget{
	color: #fff;
	margin-top: -10px;
}

#sidebar h4 a.rsswidget img{
	display: none;
}

.rsswidget{
	width: 100%;
}

.rss-date{
	color: #858585;
}

/* 9.6 Menu Widget */

.box ul.menu li ul li{
	margin-left: 30px;
}

/* 9.7 Tagcloud Widget */

.tagcloud a{
	float: left;
	font-size: 12px!important;
	color: #a4a4a4;
	margin: 0 10px 10px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #e3e3e3;
}

/* 9.8 Search Widget (Also used in 404 page) */

#main  #searchform input[type="text"] {
	background: #fff;
	border: 1px solid #e3e3e3;
	color: #858585;
	font-size: 11px;
	padding-left: 10px;
	font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
	height: 25px;
	width: 200px;
	margin: 0 0 20px 0;
}

#sidebar #searchform input[type="text"]{
	background: #fff;
	border: 1px solid #e3e3e3;
	color: #858585;
	font-size: 11px;
	padding-left: 10px;
	font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
	height: 25px;
	width: 200px;
	margin: 0 0 20px 0;
}

/* 9.9 Calendar Widget */

#wp-calendar {
	width: 100%; 
}

#wp-calendar caption { 
	margin-top: 10px;
	margin-bottom: 10px; 
}

#wp-calendar thead { 
	font-size: 10px; 
}

#wp-calendar thead th { 
	padding-bottom: 5px; 
	font-weight: normal;
	background: none;
	border: none;
}

#wp-calendar tbody td {
	text-align: center; 
	padding: 3px;
	padding-top: 10px;
	background: none;
	border: none;
}

#wp-calendar tfoot td {
	background: none;
	border: none;
}

#wp-calendar tbody td#today {
	border-bottom: 1px dotted #A4A4A4;
}

#wp-calendar tbody .pad {
	background: none;
}

/* 9.10 Pagenav widget (wordpress custom) */

#sidebar .children {
	padding-left: 15px;
}

/* 9.11 Google Maps */ 

.widgetMap {
	height: 200px;
	width: 100%;
}

.textwidget p {
	margin-bottom: 10px;
}

/* 9.12 Contact Form */

#contact-form-widget input[type="text"] {
	padding: 5px;
	color: #999;
	border: none;
	background-color: #fff;
	font-size: 11px;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 0;
}

	#contact-form-widget input[type="text"]:focus, #contact-form-widget textarea:focus {
		outline: none;
	}
		
	#contact-form-widget div.contact-form-error {
		display: none!important;
		float: right: !important;
	}
	
	.contact-form-textarea {
		clear: both;
	}
	
	#contact-form-widget p {
		margin: 0 5px 10px 0;
	}

	
#contact-form-widget textarea {
	color: #999;
	width: 90%;
	border: none;
	background-color: #fff;
	height: 60px;
	resize: vertical;
	font-size: 11px;
	padding: 5px;
	font-family: inherit;
	border: 1px solid rgba(0,0,0,0.1);
	
}


/*  -----------------------------------------------------------------------------------------
10. Shortcodes
-----------------------------------------------------------------------------------------  */

.quoteWrap cite {
    color: #585858;
    float: right;
    margin: 20px 0 0;	
	text-align: right;
}

/* 10.1 Columns */
.column_full {
	width: 100%;
}

.one_half, .column_two { 
	width: 48%; 
}

.one_third, .column_three { 
	width: 30.66%; 
}

.two_third { 
	width: 65.33%; 
}

.one_fourth, .column_four { 
	width: 22%; 
}

.three_fourth {
	width: 74%; 
 }
 
.one_fifth, .column_five { 
	width: 16.8%; 
}

.two_fifth { 
	width: 37.6%; 
}

.three_fifth { 
	width: 58.4%; 
}

.four_fifth { 
	width: 67.2%; 
}

.one_sixth, .column_six  { 
	width: 13.33%; 
}

.five_sixth { 
	width: 82.67%; 
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .footer-box, .header-box { 
	position: relative; 
	margin-right: 4%; 
	float: left; 
	height: auto;
}
	
.last { 
	margin-right: 0!important; 
	clear: right; 
}

/* 10.2 Blogposts */

.overlay-content {
	position: absolute;
	z-index: 9999;
	width: 195px;
	height: 130px;
	background: rgba(89, 89, 89, 0.7);
	top: 0;
	display: none;
	padding: 10px;
}

.overlay-content .entry-title {
	width: 100%;
	font-weight: bold;
	color: #f5f5f5;
	margin: 0 0 20px 0;
	font-size: 13px;
}

.overlay-content .portfolio-entry {
	width: 100%;
	color: #c3c3c3;
	line-height: 16px;
}

.overlay-divider {
	width: 30px;
	height: 1px;
	background-color: #515151;
	display: block;
	margin: 0 0 20px 0;
}

.zoom {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 160px;
	left: 90px;
	z-index: 999;
	background: transparent url('images/perm-bg.png') no-repeat left top;
}

.zoom-overlay {
	position: absolute;
	top: 0;
	z-index: 900;
	background-color: rgba(89,89,89,0.7);
	display: none;
	width: 100%;
	height: 100%;
}

.blog-image a {
	display: block;
}

.latestblog-shortcode {
	float: left;
	width: 680px;
}

.blogpost-shortcode-meta {
	width: 100%;
	height: 30px;
	padding: 5px 0;
	margin: 5px 0 0 0;
	background: #f5f5f5;
}

.teasertext {
	float: left;
	width: 210px;
	margin-right: 25px;
}

.shortcode-one_fourth {
	margin: 0 25px 0 0;
	float: left;
	width: 210px;
}

.blog-image {
	width: 210px;
	height: 150px;
	line-height: 0;
	position: relative;
	overflow: hidden;
	margin: 0 0 5px 0;
}

.blog-title, .portfolio-title {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 18px;
}

.blog-title a{
	color: #444444;
}
	
.blog-title a:hover{
	color: #38A4FC
}
	
.blog-entry {
	color: #a4a4a4;
}

	.blog-entry p {
		margin: 0!important;
	}

.blog-meta p {
	font-size: 11px;
	margin-bottom: 5px;
	color: #858585;
}
	
.blogpost-shortcode .post{
	border: none;
}

/* 10.3 Contactform */

#contact-form{
	margin-top: 20px;
}

.contact-form-select {
	height: 30px;
	width: 312px;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;	
}


#submit-box, #error-box, #contact-form-widget-submit-box {
	display: none;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #D67371;
}
	
#submit-box, #contact-form-widget-submit-box {
	color: #809a63;
}
	
.contact-form-error {
	border: 1px solid #b46464!important;
}
	
div.contact-form-error {
	border: none!important;
	color: #b46464!important;
	margin-bottom: 5px;
}

/* 10.4 Infoboxes */

.infobox {
	width: 100%;
	margin: 0 0 10px 0;
}

.i-error{
	background: transparent url('images/shortcodes/infobox-error.png') repeat top left;
}

.i-info{
	background: transparent url('images/shortcodes/infobox-info.png') repeat top left;
}

.i-succes{
	background: transparent url('images/shortcodes/infobox-succes.png') repeat top left;
}

.i-warning{
	background: transparent url('images/shortcodes/infobox-warning.png') repeat top left;
}

.infobox p {
	padding: 15px;
}

.infobox .infotext a{
	color: #38A4FC;
}

.framebox {
	background-color: #f9f9f9;
	border: 1px solid #e3e3e3;
	padding: 20px;
}

/* 10.5 Tabs */

.tabs-align {
	margin-right: 40px;
}

.tabs {
	list-style-type: none;
	margin: 0;
}

.tabs { 
	padding-bottom: 2px;
	height: 30px;
	margin-left: 1px;
}

.tabs li { 
	float: left;	 
	text-indent: 0;
	margin: 0!important;
	display: block;
}

.tabs a { 
	text-align: center;
	display: block;
	height: 30px;  
	line-height: 30px;
	background: #f7f7f7;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	color: #444;
	margin-left: -1px;
	padding: 0 20px;
}

.tabs a.current {
	color: #38A4FC;
	border-right: 1px solid #dedede;
}

.panes .pane {
	margin-top: -2px;
	display: none;		
	background: #fff;
	border: 1px solid #dedede;
	padding: 20px;
}

/* 10.6 Toggles */

.faq {
	margin-bottom: 5px;
}

.ui-state-default, .toggle-title {
	background: url('images/shortcodes/tab-icon-plus.png') no-repeat 10px 7px #f9f9f9;
}

.ui-state-active, .toggle .active {
	background: url('images/shortcodes/tab-icon-min.png') no-repeat 10px 7px #f9f9f9;
}

.toggle-title a {
	float: left;
	margin-left: 25px;
}

.toggle-title, .accordion-title {
	height: 30px;  
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.toggle-title {
	display: block;
}

.accordion-title {
	width: auto;
	display: block;
}

.accordion-title span {
	margin-left: 25px;
}

.ui-accordion-header:hover {
	background-color: #fff;
}

.ui-accordion-header:focus {
	outline: none;
}

.accordion p, .faq p { /* reset */
	margin-bottom: 0!important;
}

.accordion p a {
	color: #444;
}

.toggle .faq .trigger a {
	color: #444;
}

.ui-state-active a span, .toggle .faq .active a {
	color: #38A4FC;
}

.toggle_container {
	text-align: justify;
}

.accordion-content, .toggle_container {
	padding: 10px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.toggle_container, .toggle-title, .ui-accordion {
	border-bottom: 1px solid #dedede;
}

.trigger {
	cursor: pointer;
}

/* 10.7 Tables */

.table {
	text-align: center;
}	

.table th{
	padding-top: 10px;
	background-color: #f9f9f9;
	width: 200px;
	height: 40px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
}

.table td{
	background-color: #fff;
	height: 35px;
	border: 1px solid #d7d7d7;
	padding: 10px;
}

.table tr:hover td{
	background-color: #f7f7f7;
}

/* 10.8 Dividers */

.divider {
	margin: 40px 0;
	background: #ebebeb;
	clear: both;
	height: 1px;
	padding: 0;
	width: 100%;
	position: relative;
}

	.divider-dotted {
		background: transparent url('images/divider-dotted.png') repeat-x left top;
	}

.divider.top a {
	float: right;
	font-size: 9px;
	position: absolute;
	right: 0;
	top: -20px;
	width: auto;
	text-align: right;
	color: #c9c9c9;
}

/* 10.9 Blockquote & Code & Pre */

blockquote {
	margin: 10px 0;
	background: transparent url('images/shortcodes/blockquote.png') no-repeat top left;
	padding-left: 30px;
	margin-right: 15px;
}

blockquote.alignright {
	width: 200px;
	padding-left: 30px;
	float: right;
}

blockquote.alignleft {
	width: 200px;
	padding-left: 30px;
	float: left;
}	

/* 10.10 Images & Video & Google Maps */

.google-frame, .shortcode-image img {
	padding: 1%;
	background: #f5f5f5;
	float: left;
	line-height: 0;
	margin-bottom: 20px;
	border: 1px solid #e3e3e3;
	width: 98%;
}


.video-shortcode { 
	border: 1px solid #D2D2D2;
	display: inline-block;
}

.video-shortcode .jp-progress {
	width: 30%;
	padding: 12px 5px 0 5px;
}

.video-shortcode .jp-volume-bar {
	width: 10%;
}



/* 10.11 Lists */

.listplus li, .listchecklist li, .listarrow li, .liststar li, .listplusbox li, .listminbox li {
	margin-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}

.listplus ul, .listchecklist ul, .listarrow ul, .liststar ul, .listplusbox ul, .listminbox ul {
	margin: 0;
}

.listplus li {
	background: url('images/shortcodes/list-type-1.png') no-repeat center left;
}

.listchecklist li {
	background: url('images/shortcodes/list-type-2.png') no-repeat center left;
}

.listarrow li {
	background: url('images/shortcodes/list-type-3.png') no-repeat center left;
}

.liststar li {
	background: url('images/shortcodes/list-type-4.png') no-repeat center left;
}

.listplusbox li {
	background: url('images/shortcodes/list-type-5.png') no-repeat center left;
}

.listminbox li {
	background: url('images/shortcodes/list-type-6.png') no-repeat center left;
}

/* 10.12 Portfolio & Blog */

.portfolio-shortcode .p-one_fourth .portfolio-title{
	margin-top: 0px;
}

.portfolio-shortcode {
	position: relative;
	width: 680px;
	float: left;
	overflow: hidden;
	height: 200px;
}

	.portfolio-shortcode .portfolio-image { 
		width: 210px;
	}
	
	.portfolio-shortcode .overlay-content {
		width: 190px;
	}
	
.portfolio-shortcode .portfolio {
	margin: 0 25px 0 0;
	width: 210px;
}

.jcarousel-prev, .jcarousel-next {
	position: absolute;
	z-index: 5;
	width: 20px;
	height: 20px;
	bottom: 5px;
	cursor: pointer;
}
	.jcarousel-prev {
		right: 20px;
		background: url('images/portfolio-nav-prev.png') no-repeat left top;
	}
	
	.jcarousel-next {
		right: 0;
		background: url('images/portfolio-nav-next.png') no-repeat left top;
	}
	
	.jcarousel-prev:hover, .jcarousel-next:hover {
		background-position: left bottom;
	}
	
#portfolio-carousel {
	height: 200px;
}


.portfolio-shortcode .portfolio-content {
	background-color: #fff;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}

.blog-shortcode{
	float: left;
}

/* 10.13 Buttons */

.shortcode-button{
	height: 20px;
	padding: 5px 20px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}

/* Blue */

.button-blue{
	background: transparent url('images/shortcodes/button-blue.png') repeat-x top left;
	border: 1px solid #349bfb;
}

.button-blue:hover{
	background: transparent url('images/shortcodes/button-blue.png') repeat-x bottom left;
}

.button-blue span{
	color: #2475b2;
	text-shadow: 1px 1px 1px #dcdcdc;
}

/* Red */

.button-red{
	background: transparent url('images/shortcodes/button-red.png') repeat-x top left;
	border: 1px solid #ff4e6e;
}

.button-red:hover{
	background: transparent url('images/shortcodes/button-red.png') repeat-x bottom left;
}

.button-red span{
	color: #a9263b;
	text-shadow: 1px 1px 1px #cfcfcf;
}

/* Yellow */

.button-yellow{
	background: transparent url('images/shortcodes/button-yellow.png') repeat-x top left;
	border: 1px solid #ffc537;
}

.button-yellow:hover{
	background: transparent url('images/shortcodes/button-yellow.png') repeat-x bottom left;
}

.button-yellow span{
	color: #aa8121;
	text-shadow: 1px 1px 1px #fff;
}

/* green */

.button-green{
	background: transparent url('images/shortcodes/button-green.png') repeat-x top left;
	border: 1px solid #97bc64;
}

.button-green:hover{
	background: transparent url('images/shortcodes/button-green.png') repeat-x bottom left;
}

.button-green span{
	color: #63882f;
	text-shadow: 1px 1px 1px #ededed;
}

/* gray */

.button-gray{
	background: transparent url('images/shortcodes/button-lightgray.png') repeat-x top left;
	border: 1px solid #bfbfbf;
}

.button-gray:hover{
	background: transparent url('images/shortcodes/button-lightgray.png') repeat-x bottom left;
}

.button-gray span{
	color: #8c8c8c;
	text-shadow: 1px 1px 1px #ffffff;
}

/* purple */

.button-purple{
	background: transparent url('images/shortcodes/button-purple.png') repeat-x top left;
	border: 1px solid #ad7dba;
}

.button-purple:hover{
	background: transparent url('images/shortcodes/button-purple.png') repeat-x bottom left;
}

.button-purple span{
	color: #804890;
	text-shadow: 1px 1px 1px #c3c1c1;
}

/* black */

.button-black{
	background: transparent url('images/shortcodes/button-black.png') repeat-x top left;
	border: 1px solid #3b3b3b;
}

.button-black:hover{
	background: transparent url('images/shortcodes/button-black.png') repeat-x bottom left;
}

.button-black span{
	color: #fff;
	text-shadow: none;
}

/* white */

.button-white{
	background: transparent url('images/shortcodes/button-white.png') repeat-x top left;
	border: 1px solid #d7d7d7;
}

.button-white:hover{
	background: transparent url('images/shortcodes/button-white.png') repeat-x bottom left;
}

.button-white span{
	color: #747474;
	text-shadow: 1px 1px 1px #fff;
}

/* aqua */

.button-aqua{
	background: transparent url('images/shortcodes/button-aqua.png') repeat-x top left;
	border: 1px solid #66d8f7;
}

.button-aqua:hover{
	background: transparent url('images/shortcodes/button-aqua.png') repeat-x bottom left;
}

.button-aqua span{
	color: #318ea8;
	text-shadow: 1px 1px 1px #f3f3f3;
}

/* grayblue */

.button-grayblue{
	background: transparent url('images/shortcodes/button-grayblue.png') repeat-x top left;
	border: 1px solid #728b95;
}

.button-grayblue:hover{
	background: transparent url('images/shortcodes/button-grayblue.png') repeat-x bottom left;
}

.button-grayblue span{
	color: #345663;
	text-shadow: 1px 1px 1px #bdbdbd;
}

/*  -----------------------------------------------------------------------------------------
11. Contact Form & Button Style for comments (Also for the shortcode)
-----------------------------------------------------------------------------------------  */

#commentform{
	
}

#commentform input[type="submit"]{
		margin-bottom: 20px;
}

#commentform input[type="text"], #commentform textarea, #contact-form input[type="text"], #contact-form textarea, .contact-form-select {
	background-color: #fff;
	border: none;
	margin-bottom: 15px;
	color: #858585;
	font-size: 11px;
	padding-left: 10px;
	font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
	border: 1px solid #e3e3e3;
}

#commentform input[type="text"]:focus, #commentform textarea:focus, #contact-form input[type="text"]:focus, #contact-form textarea:focus, .contact-form-select:focus{
	border: 1px solid #d2d2d2;
}

#commentform input[type="text"], #contact-form input[type="text"] {
	height: 25px;
	margin-right: 10px;
	width: 300px;
}
		
#commentform textarea, #contact-form textarea{
	resize: vertical;
	padding-top: 10px;
	min-height: 140px;
	width: 98%;
}
		

/*  -----------------------------------------------------------------------------------------
11.	Page style and template style
-----------------------------------------------------------------------------------------  */

/* 11.1 Template Style */

.left-sidebar #sidebar {
	float: left;
}

.margin-down {
	padding-top: 20px;
}

#homepage-out img {
	background: none;
	border: none;
}

#homepage-out {
	padding: 20px; 
	margin-left: -20px; 
	margin-top: 20px;
	width: 100%; 
	background: #f5f5f5; 
	border-top: 1px solid #e3e3e3; 
	border-bottom: 1px solid #e3e3e3;
	
}

/* 11.2 Sitemap */ 

.sitemap-content li {
	list-style-type: none;
}

.sitemap-content li a:before {
	content: 'K';
    font-family: 'WebSymbolsRegular';
	font-size: 9px;
	margin-right: 10px;
}


.sitemap-content li a:hover, .sitemap-content li:hover {
	
}

.sitemap-content h3 {
	margin-bottom: 5px;
}

.sitemap-content ul {
	margin-bottom: 20px;
}

/*  -----------------------------------------------------------------------------------------
12.	jPlayer Skin
-----------------------------------------------------------------------------------------  */

.video_container {
	padding: 10px 0 0 0;
}

.post-audio {
	width: 500px;
	margin: 20px auto;
	border: 1px solid #d2d2d2;
}

	.audio-content, .video-content, .image-content, .link-content, .standard-blog-content, .aside-content {
		float: left;
		width: 92%;
	}

.post-video {
	width: 500px;
	margin: 0 auto 20px;
	border: 1px solid #d2d2d2;
}

.jp-interface {
    position: relative;
    height: 30px;
    background: transparent url('images/jplayer/theme-player-bg.png') repeat-x top left;
}
 
.jp-controls {
    clear: both;
    width: 40px;
	list-style-type: none;
	margin: 0;
	height: 30px;
	padding: 0 0 0 10px;
	border-right: 1px solid #d2d2d2;
	float: left;
}

	.jp-play {
		display: block;
		position: relative;
		background: transparent url('images/jplayer/theme-player-play.png') no-repeat top left;
		width: 11px;
		height: 12px;
		margin: 8px 0 0 10px;
		float: left;
	}
	
	.jp-pause {
		display: block;
		position: relative;
		background: transparent url('images/jplayer/theme-player-pause.png') no-repeat top left;
		width: 11px;
		height: 12px;
		margin: 8px 0 0 10px;
		float: left;
	}


.jp-progress {
	border-left: 1px solid #f1f1f1;
    width: 220px;
    height: 18px;
    float: left;
	padding: 12px 10px 0 20px;
}

.jp-seek-bar {
	background-color: #bebebe;
    width: 0px;
    height: 7px;
    cursor: pointer;
}

.jp-play-bar {
	background: #ff6100 url('images/jplayer/theme-player-pattern.png') repeat-x top left;
    width: 0px;
    height: 7px;
    position: relative;
    z-index: 99;
}

.jp-time-holder {
	float: left;
	width: 80px;
	height: 24px;
	padding: 6px 0 0 0;
	border-right: 1px solid #d2d2d2;
}

	.jp-time-holder span {
		color: #999;
		float: left;
		margin-right: 3px;
	}

.jp-current-time, .jp-duration {
    font-size: 11px;
    color: #999;
    float: left;
	margin-right: 3px;
}

.jp-sound-controls {
    width: 20px;
	list-style-type: none;
	margin: 0;
	height: 30px;
	padding: 0 10px 0 10px;
	float: left;
	border-left: 1px solid #f1f1f1;
}

	.jp-mute{
		background: transparent url('images/jplayer/theme-player-sound.png') no-repeat top left;
		width: 25px;
		height: 16px;
		display: block;
		margin: 6px 0 0 0;
	}

	.jp-unmute{
		background: transparent url('images/jplayer/theme-player-mute.png') no-repeat top left;	
		width: 25px;
		height: 16px;
		display: block;
		margin: 6px 0 0 0;
	}


.jp-volume-bar {
	float: left;
	margin: 11px 0 0 5px;
	overflow: hidden;
	width: 60px;
	height: 7px;
	cursor: pointer;
	background-color: #bebebe;
}
 
.jp-volume-bar-value {
	background: #ff6100 url('images/jplayer/theme-player-pattern.png') repeat-x top left;
	width: 0px;
	height: 7px;
	position: relative;
}

.jp-play:hover{
	background: transparent url('images/jplayer/theme-player-play.png') no-repeat 0px -11px;
}

.jp-pause:hover{
	background: transparent url('images/jplayer/theme-player-pause.png') no-repeat bottom left;
}

.jp-unmute:hover{
	background: transparent url('images/jplayer/theme-player-mute.png') no-repeat bottom left;	
}
 
.jp-mute:hover{
	background: transparent url('images/jplayer/theme-player-sound.png') no-repeat bottom left;
}