@charset "iso-8859-1";
/*-----------------------------------------------------------------------------------

	Theme Name: PageFlow
	Theme URI: http://theme.semicolonweb.com/html/pageflow
	Description: One-Page Dynamic Portfolio Template
	Author: SemiColonWeb
	Author URI: http://www.semicolonweb.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1

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

/* ----------------------------------------------------------------
1. Document Reset
-----------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
}

:focus { outline: 0;}



/* ----------------------------------------------------------------
2. Basic Document Styles
-----------------------------------------------------------------*/


body {
	line-height: 1;
	color: #555;
	font: 12px/20px Arial, sans-serif;
	min-width:1100px;
	background: #000000 url("images/patterns/dark/pattern20.png") repeat fixed top;
}

input,
select,
textarea { font: 12px/20px Arial, sans-serif; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
    background: #0E8D8D;
    color: #fff;
    }
::-moz-selection {
    background: #0E8D8D; /* Firefox */
    color: #fff;
}

::-webkit-selection {
	background: #0E8D8D; /* Safari */
	color: #fff;
}

a:hover {
	color: #CCC;
}


a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0 0 20px 0;
	color: #555;
    font-family: 'BebasNeueRegular', sans-serif;
    word-spacing: 4px;
    text-shadow: 1px 1px 1px #FFF;
}

h5,
h6 {
    padding: 0 0 15px 0;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

h1 {
	font-size: 30px;
	line-height: 32px;
}

h2 {
	font-size: 28px;
	line-height: 28px;
}

h3 {
	font-size: 22px;
	line-height: 24px;
}

h4 {
	font-size: 24px;
	line-height: 20px;
}

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

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

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #555;
}

blockquote {
	color: #999;
    background: #EEE;
	border-left: 4px solid #DDD;
    font-size: 18px;
    line-height: 1.4;
	font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
	padding: 20px 15px 20px 25px;
    text-shadow: 1px 1px 1px #FFF;
}

blockquote p { margin: 20px 0 0 0 !important; }

blockquote p:first-child { margin: 0 !important; }

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small {
    font-size: 11px;
    font-style: italic;
}

del { text-decoration: line-through; }

ins { text-decoration: underline; }

pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	white-space: pre;
	overflow: auto;
	padding: 0 10px;
	clear: both;
	color: #666;
	line-height: 19px;
}

code {
	padding: 5px;
	background: #F9F9F9;
}

var,
kbd,
samp,
code {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	background: #F9F9F9;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

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

table {
	border: 1px solid #CCC;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}

table .even { background: #DDD; }

caption { text-align: left; }

tr { border-bottom: 1px solid #CCC; }

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}


/* ----------------------------------------------------------------
4. Basic Layout Styles
-----------------------------------------------------------------*/


.tright { text-align: right !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
.container { width: 960px; margin: 0 auto; position: relative; }
.line { clear: both; position: relative; width: 100%; margin: 20px 0; border-top: 1px solid #E2E2E2;}
.line a { position: absolute; left: auto; right: 0; padding-left: 5px; color: #272727; background: #F9F9F9; margin-top: -11px; border: none; }
.line a:hover { color: #575757; background: none; }
.emptydiv { display: block !important; position: relative !important;}
.allmargin { margin: 30px !important;}
.leftmargin { margin-left: 30px !important;}
.rightmargin { margin-right: 30px !important;}
.topmargin { margin-top: 30px !important;}
.bottommargin { margin-bottom: 30px !important;}
.nomargin {margin: 0 !important;}
.noleftmargin { margin-left: 0 !important;}
.norightmargin { margin-right: 0 !important;}
.notopmargin { margin-top: 0 !important;}
.nobottommargin { margin-bottom: 0 !important;}
.noabsolute { position: relative !important;}
.hidden { display: none !important;}
.nothidden { display: block !important;}
.center { text-align: center !important;}
.divcenter { position: relative !important; margin-left: auto !important; margin-right: auto !important;}


.preloader {
	display: block;
	width: 100%;
	height: 100%;
	background: url("images/preloader.gif") center center no-repeat #FFF;
}


.postcontent { width: 620px; }
.sidebar { width: 300px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.66%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
	float: none;
	margin-right: 0;
}

.col_last {
	margin-right: 0 !important;
	clear: right;
}


.entry_content ul {
    clear: left;
    list-style-type: disc;
}

.entry_content ol {
    clear: left;
    list-style-type: decimal;
}

label {
	display: inline-block;
    font-size: 12px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
    cursor: pointer;
}

input,
select,
textarea {
    display: block;
	background: #FFF;
	padding: 7px;
    margin-bottom: 10px;
	border: 1px solid #DDD;
    border-top-width: 2px;
	outline: 0;
	font: normal 11px/100%;
    color: #666;
}

input[type="text"],
input[type="password"] { width: 45%; }

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 2px;
}

textarea { 
	width: 90%;
	max-width: 90%;
	height: 150px;
	line-height: 150%;
}

input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus { border-color: #CCC; }

label.error {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    color: #BD091B;
}

input.error,
textarea.error,
select.error { border-color: #BD091B; }

form p {
    margin-top: 15px;
    margin-bottom: 0;
}

form p:first-child { margin-top: 0; }

form small {
    font-weight: normal;
    font-size: 10px;
    color: #999;
}


/* ----------------------------------------------------------------
5. Header
-----------------------------------------------------------------*/


#header {
	display: block;
	position: fixed;
	top: 0;
	z-index: 299;
	width: 100%;
	height: 90px;
	padding-bottom: 100px;
	background: #F5F5F5 url("images/patterns/dark/pattern20.png") repeat fixed top;
}

#header #header-wrap {
	display: block;
	position: fixed;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	height: 100px;
	border-bottom: 4px double #DDD;
}


/* ----------------------------------------------------------------
5. Logo, Top Contacts & Top Icons
-----------------------------------------------------------------*/


#header #top-contacts {
    display: block;
    position: absolute;
    left: auto;
    top: 10px;
    right: 0;
}

#top-contacts span {
    display: block;
    float: left;
    margin-left: 10px;
    background-color: #0E8D8D;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    line-height: 28px;
    padding: 0 8px;
    font-size: 11px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#top-contacts span:first-child { margin-left: 0; }


#header #logo {
	position: relative;
	float: left;
	width: 100px;
	max-width: 142px;
	margin: 0 35px 0 0px;
	height: 100px;
}




#primary-menu {
	position: relative;
	float: left;
	max-width: 600px;
	height: 50px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
}


#primary-menu ul {
    position: relative;
    margin: 0;
}

#primary-menu ul li {
	display: block;
	float: left;
	margin: 0 4px;
	border-bottom: 4px solid #DDD;
}

#primary-menu ul li:first-child { }

#primary-menu ul li a {
	display: block;
	position: relative;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #777;
	text-transform: uppercase;
	font-family: 'BebasNeueRegular', sans-serif;
	text-shadow: 1px 1px 1px #FFF;
	padding: 0 8px;
	border: none;
	z-index: 10;
}

#primary-menu ul li a:hover,
#primary-menu ul li.selectedLava a,
#primary-menu li:hover a {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#primary-menu .backLava,
#primary-menu .selectedLava {
    background-color: #0E8D8D;
    border-bottom: 4px solid rgba(255,255,255,0.5);
    z-index: 5;
}

#primary-menu ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


#header #top-social {
    float: right;
    position: relative;
    max-width: 150px;
}

#top-social #top-icons {
    float: right;
    margin-top: 63px;
    max-height: 24px;
    overflow: hidden;
}

#top-icons a {
    float: left;
    margin-left: 6px;
}

#top-icons a:first-child { margin-left: 0; }

#top-icons a,
#top-icons a img {
    display: block;
    width: 24px;
    height: 24px;
}


/* ----------------------------------------------------------------
6. Main Content
-----------------------------------------------------------------*/


#main-content {
    position: relative;
    padding-top: 190px;
    margin-bottom: 60px;
}

.page-section {
    position: relative;
    margin-top: 400px;
}

.page-section:first-child { margin-top: 0; }

.page-title {
    position: relative;
    border-bottom: 4px double #DDD;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.page-title h1 {
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
}

.page-title h1 span {
	display: inline-block;
	position: relative;
	top: -5px;
	margin-left: 22px;
	font-family: "Playfair Display", serif;
	text-transform: none;
	font-size: 24px;
	font-weight: normal;
	color: #BBB;
}

#content .titlebg {
    position: relative;
    background: url("images/title.png") repeat-x;
    padding-bottom: 0;
    margin-bottom: 20px;
}

#content .titlebg span {
    display: inline-block;
    margin-left: 20px;
    padding: 0 5px;
    background: #F9F9F9;
}

#content .titlebg a.viewall,
#respond h3 a {
    position: absolute;
    left: auto;
    right: 5px;
    border-bottom: none;
    padding: 0 5px;
    font-size: 10px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}


/* ----------------------------------------------------------------
6.1. Slider
-----------------------------------------------------------------*/


.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 400px;
	margin: 0 auto 100px;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:199;
	background: #FFF url("images/preloader.gif") no-repeat center center;
	color: #fff;
	text-align: center;
	line-height: 400px;
    text-indent: -9999999px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
    margin: 0;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 470px;
	margin-right: 13%;
	max-width: 310px;
	top: 35%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
    width: auto;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    padding-bottom: 0;
}
.ei-title h2 span{
    display: inline-block;
	font-size: 30px;
	line-height: 28px;
	font-family: 'BebasNeueRegular', sans-serif;
	color: #FFF;
    background-color: rgba(0,0,0,0.6);
    padding: 7px 10px;
}


.ei-title h3 span {
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	font-family: 'Playfair Display', sans-serif;
	word-spacing: normal;
	text-transform: none;
	color: #FFF;
	background-color: #0E8D8D;
	padding: 6px 10px 8px;
}

.ei-slider-thumbs{
	height: 10px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.4);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #0E8D8D;
    border: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #777;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 199;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* ----------------------------------------------------------------
6.2. Post/Page Navigation
-----------------------------------------------------------------*/


.page-navigation { margin-top: 20px; }

.page-navigation .nav-next {
    max-width: 46%;
    float: right;
}

.page-navigation .nav-previous {
    float: left;
    max-width: 46%;
    margin-right: 8%;
}


/* ----------------------------------------------------------------
6.3. Portfolio
-----------------------------------------------------------------*/


#portfolio {
    position: relative;
    margin: 0 0 0 0;
    border-bottom: 1px solid #DDD;
}

.portfolio-item {
    position: relative;
    float: left;
    overflow: hidden;
}

.portfolio-item,
.disable-item,
.item-overlay,
.item-preloader,
.item-active,
.portfolio-item a,
.portfolio-item img {
	display: block;
	width: 192px;
	height: 144px;
}

.disable-item,
.item-overlay,
.item-preloader,
.item-active {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0;
}

.item-overlay,
.item-preloader,
.item-active {
    display: block;
    left: -240px;
    background-color: #111;
    background-color: rgba(0,0,0,0.8);
    opacity: 1;
    z-index: 8;
}

.item-preloader,
.item-active { left: 0; }

.item-preloader {
    display: none;
    background-image: url("images/portpreloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.item-active {
    display: none;
    background-image: url("images/portfolio-active.png");
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 180px;
    font-family: 'BebasNeueRegular', sans-serif;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    color: #F5F5F5;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.p-arrow {
    display: block;
    position: absolute;
    top: auto;
    bottom: 7px;
    left: auto;
    right: 7px;
    width: 9px;
    height: 9px;
    background: url("images/icons/p-arrow.png") no-repeat;
}

.item-overlay-wrap {
    position: relative;
    padding: 15px;
    width: 210px;
    height: 150px;
}

.item-overlay-wrap h3 {
	font-size: 18px;
	line-height: 24px;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

.item-overlay-wrap p {
	color: #BBB;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 0;
	font-family: "Playfair Display", serif;
	text-transform: none;
	font-size: 15px;
}

.item-overlay-wrap div.separator {
    height: 1px;
    margin-bottom: 17px;
}

div.separator span {
    display: block;
    width: 25%;
    border-top: 1px solid #444;
}

.portfolio-details {
    height: 0;
    position: relative;
    background: #000000;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.portfolio-details .portfolio-details-wrap { padding: 40px 29px; }

.portfolio-details .sidebar { width: 240px; }

.portfolio-details .sidebar,
.portfolio-details .postcontent { margin-bottom: 0; }

.portfolio-details h3 {
	font-size: 28px;
	line-height: 30px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

.portfolio-details .p-close,
.portfolio-details .p-next,
.portfolio-details .p-prev {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("images/icons/p-close.png") no-repeat center center;
    top: 40px;
    left: auto;
    right: -39px;
    text-indent: -9999px;
}

.portfolio-details .p-next,
.portfolio-details .p-prev {
    top: 50%;
    left: auto;
    right: -39px;
    margin-top: -13px;
    background: url("images/icons/p-next.png") no-repeat center center;
}

.portfolio-details .p-prev {
    left: -39px;
    right: auto;
    background: url("images/icons/p-prev.png") no-repeat center center;
}


#portfolio-slider {
    position: relative;
    width: 620px;
    line-height: 1;
}

#portfolio-slider .portfolio-slider-wrap {
    position: relative;
    width: 620px;
}

.portfolio-slider-wrap a,
.portfolio-slider-wrap img {
    display: block;
    width: 620px;
    height: 350px;
}

#portfolio-slider .gallery-next,
#portfolio-slider .gallery-prev {
    display: block;
    position: absolute;
    z-index: 30;
    top: 10px;
    left: auto;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url("images/icons/gallery-nav.png") no-repeat top right;
}

#portfolio-slider .gallery-prev {
    right: 40px;
    background-position: top left;
}


.portfolio-meta {
	position: relative;
	margin: 0 0 7px 0;
	padding-bottom: 10px;
	font-size: 13px;
	font-family: "Playfair Display", serif;
	line-height: normal;
}

.portfolio-meta span {
	display: block;
	font-size: 24px;
	line-height: 16px;
	font-family: 'BebasNeueRegular', sans-serif;
	word-spacing: 3px;
	color: #555;
	margin-bottom: 5px;
}

.word-wrap {
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: pre-line;
}


#portfolio-filter {
    position: relative;
    margin-bottom: 40px;
}

#portfolio-filter ul,
#portfolio-filter li { margin: 0; }

#portfolio-filter li {
    display: inline-block;
    margin-left: 10px;
}

#portfolio-filter li:first-child { margin-left: 0; }

#portfolio-filter li a {
	display: block;
	padding: 3px 10px 5px;
	font-size: 16px;
	font-family: "Playfair Display", serif;
	text-transform: none;
	background-color: #DDD;
	border-bottom: 2px solid rgba(0,0,0,0.1);
	color: #666;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	text-shadow: 1px 1px 1px #FFF;
}

#portfolio-filter li a:hover { color: #0E8D8D; }

#portfolio-filter li.activeFilter a,
#portfolio-filter li.activeFilter a:hover {
    color: #FFF;
    background-color: #0E8D8D;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#portfolio-filter li:first-child { background: none; }

#portfolio-filter li:first-child a { margin-left: 0; }


/* ----------------------------------------------------------------
6.4. Posts
-----------------------------------------------------------------*/


#posts {
    position: relative;
    margin: 0 -40px -40px 0;
}

#posts .entry {
    position: relative;
    float: left;
    width: 460px;
    margin: 0 40px 40px 0;
}

.entry .entry_image,
.entry .entry_image a,
.entry .entry_image img {
    width: 460px;
    line-height: 1;
}

.entry_c {
    margin: 0;
    padding: 15px 20px;
    background: #FFF;
    border-right: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
}

.entry_title {
    font-size: 22px;
    line-height: 26px;
}

.entry_title a { color: #444; }

.entry_title a:hover { color: #0E8D8D; }

.entry_content { margin-bottom: 20px; }

.entry_meta ul { margin: 0; }

.entry_meta li {
    display: block;
    float: left;
    margin: 0 0 0 15px;
    line-height: 16px;
    font-size: 11px;
    color: #999;
}

.entry_meta li:first-child { margin-left: 0; }

.entry_meta li.entry_comment a,
.entry_meta li.entry_permalink a {
    display: block;
    padding-left: 16px;
    color: #999;
    background: url("images/icons/entry_comment.png") no-repeat 0 0;
    transition: background-position .2s linear;
    -moz-transition: background-position .2s linear;
    -webkit-transition: background-position .2s linear;    
    -ms-transition: background-position .2s linear;
    -o-transition: background-position .2s linear;
}

.entry_meta li.entry_permalink { float: right; }

.entry_meta li.entry_permalink a { background: url("images/icons/entry_permalink.png") no-repeat 0 0; }

.entry_meta li.entry_comment a:hover,
.entry_meta li.entry_permalink a:hover {
    color: #666;
    background-position: 0 -16px;
}



.single .entry {
    border-bottom: 4px double #DDD;
    margin-bottom: 20px;
}

.single .entry_title {
    font-size: 28px;
    line-height: 32px;
}

.single .entry_image,
.single .entry_meta { margin-bottom: 20px; }


.single .entry_meta {
    padding: 6px 0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}


.single .entry_image,
.single .entry_image a,
.single .entry_image img {
    width: 620px;
    line-height: 1;
}


/* ----------------------------------------------------------------
6.4.1. Post Elements
-----------------------------------------------------------------*/

.entry_content img,
img.alignleft,
div.alignleft {
    float: left;
    margin: 15px 20px 15px 0;
}

img.alignleft,
img.alignnone,
img.aligncenter,
img.alignright,
div.alignleft,
div.alignnone,
div.aligncenter,
div.alignright { background: #EEE; }

img.alignleft,
img.alignnone,
img.aligncenter,
img.alignright,
div.alignleft img,
div.alignnone img,
div.aligncenter img,
div.alignright img { padding: 5px; }

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px;
    float: none;
}

img.aligncenter,
div.aligncenter {
    margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
    float: none;
}

img.alignright,
div.alignright {
    float: right;
    margin: 15px 0 15px 20px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption .wp-caption-text {
	margin: 10px 0 0 0 !important;
	padding: 5px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}


/* ----------------------------------------------------------------
6.4.2. Comments List
-----------------------------------------------------------------*/


.commentlist {
    border-bottom: 4px double #DDD;
    padding-bottom: 20px;
}

.commentlist,
.commentlist li,
.commentlist li ul,
.commentlist li ul li { margin: 20px 0 0 0; }

.commentlist ul:first-child { margin-top: 0; }

.commentlist li { position: relative; }

.commentlist { margin-bottom: 20px; }

.commentlist ul .comment-wrap { margin-left: 30px; }

.commentlist > li { }

.commentlist > li:first-child {
    padding-top: 0;
    border-top: 0;
}

.commentlist ul { padding: 5px 0 0 !important; }

.commentlist li .children { margin-top: 0; }

.commentlist li li .children { margin-left: 59px; }

.commentlist li .children .comment-sep {
    position: absolute;
    height: 29px;
    width: 26px;
    left: 2px;
    border-bottom: 1px solid #E2E2E2;
}

.commentlist li .comment-content,
.pingback {
    position: relative;
    overflow: hidden;
}

.commentlist li .comment-content p,
.pingback p { margin: 20px 0 0 0; }

.commentlist li .comment-content {
    padding: 15px 20px;
    background: #FFF;
    border-right: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
}

.commentlist li .comment-meta {
    float: left;
    margin-right: 0;
}

.comment-meta .comment-avatar .avatar {
    border: 4px solid #DDD;
    padding: 1px;
}

.comment-content .comment-author {
    margin-bottom: 5px;
    font-family: 'BebasNeueRegular', sans-serif;
    word-spacing: 3px;
    font-size: 20px;
    margin-bottom: -10px;
    color: #555;
    width: 100%;
    border: none;
}

.comment-content .comment-author a {
    border: none;
    color: #777;
}

.comment-content .comment-author a:hover {
    background: none;
    border: none;
    color: #0E8D8D;
}

.comment-content .comment-author span {
    float: right;
    word-spacing: normal;
}

.comment-content .comment-author span,
.comment-content .comment-author span a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #888;
}

.comment-content .comment-author span a { border-bottom: 1px dotted #AAA; }

.comment-content .comment-author span a:hover {
    color: #888;
    background: none;
    border-bottom: 1px solid #AAA;
}

.byuser .comment-meta .avatar { border-color: #777; }

.bypostauthor .comment-meta .avatar { border-color: #0E8D8D; }



/* ----------------------------------------------------------------
6.4.3. Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 20px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond input[type="text"],
#respond label { display: inline-block; }

#respond label { margin-left: 10px; }

#respond label small {
    color: #999;
    font-weight: normal;
}



#disqus_thread button,
#disqus_thread input[type="submit"] { margin: 0 !important; }

#disqus_thread h3 { padding-bottom: 0; }

#disqus_thread a { border: none; }

#disqus_thread a:hover {
    color: #888;
    background-color: transparent;
}


/* ----------------------------------------------------------------
6.5 About Page
-----------------------------------------------------------------*/


#our-team {
    position: relative;
    margin: 20px -40px 0 0;
}

#our-team .team-member {
    float: left;
    width: 460px;
    margin: 0 40px 40px 0;
}

.team-member .team-member-pic {
    float: left;
    width: 120px;
}

.team-member-pic .team-member-social { text-align: center; }

.team-member-social a {
    display: inline-block;
    margin: 0 2px;
}

.team-member-social a:first-child { margin-left: 0; }

.team-member-social a,
.team-member-social img {
    width: 22px;
    height: 22px;
}

.team-member-pic .team-member-avatar {
    display: block;
    width: 120px;
    height: 120px;
    background: #DDD;
    margin-bottom: 15px;
}

.team-member .team-member-content {
    float: left;
    padding: 15px 20px;
    width: 298px;
    background: #FFF;
    border-right: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
}

.team-member-content h4 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 0;
}

.team-member-content h4 span {
    display: inline-block;
    position: relative;
    top: -2px;
    font-family: "Playfair Display", serif;
    text-transform: none;
    font-size: 15px;
    color: #AAA;
    margin-left: 13px;
}

.team-member-content p { margin: 20px 0 0 0; }



#our-clients {
    position: relative;
    height: 72px;
    margin: 0;
}

#our-clients li {
    margin: 0;
    float: left;
}

#our-clients li,
#our-clients li a,
#our-clients li img {
    display: block;
    width: 120px;
    height: 72px;
}

.jcarousel-next,
.jcarousel-prev {
	position: absolute;
	background: url("images/icons/p-next.png") no-repeat right top;
	text-indent: -9999px;
	width: 13px;
	height: 25px;
	left: auto;
	right: -28px;
	top: 25px;
	cursor: pointer;
	display: block;
	z-index: 5;
}

.jcarousel-prev {
	background: url("images/icons/p-prev.png") no-repeat left top;
	left: -28px;
	right: auto;
}

.jcarousel-clip {
	overflow: hidden;
	position: relative;
	height: 72px;
}

.jcarousel-list { overflow: visible !important; }


/* ----------------------------------------------------------------
6.6 Tabs
-----------------------------------------------------------------*/


.tab_widget {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.tab_widget ul.tabs {
	display: block;
	position: relative;
	list-style: none;
	height: 40px;
	border-bottom: 1px solid #DDD;
    margin: 0;
}

.tab_widget ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 39px;
	line-height: 39px;
	border: 1px solid #DDD;
    border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.09, rgb(230,230,230)),
    	color-stop(0.55, rgb(238,238,238))
    );
}

.tab_widget ul.tabs li:first-child { border-left: 1px solid #DDD; }

.tab_widget ul.tabs li a {
	text-decoration: none;
	color: #888;
	font-size: 12px;
	display: block;
	padding: 0 10px;
	outline: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFF;
    border: none;
    border-left: 1px solid #F9F9F9;
}

.tab_widget ul.tabs li:first-child a { border-left: none; }

.tab_widget ul.tabs li a:hover {
    background: none;
}

.tab_widget ul.tabs li.active,
.tab_widget ul.tabs li.active a:hover {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.tab_widget ul.tabs li.active {
    border-top: 1px solid #DDD;
}

.tab_widget ul.tabs li.active a { color: #777; }

.tab_widget .tab_container {
	display: block;
	border-top: none;
	overflow: hidden;
	position: relative;
	clear: both;
	background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

.tab_widget .tab_content {
	display: block;
	position: relative;
	padding: 15px;
}


/* ----------------------------------------------------------------
6.7 Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
	display: block;
	position: relative;
	height: 36px;
	padding: 0 12px;
	background: #EEE;
	border: 1px solid #DDD;
	cursor: pointer;
	margin: 0;
}

.toggle .togglet span,
.toggle .toggleta span {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
    font-family: 'Playfair Display', Georgia, serif;
	color: #888;
	text-shadow: 1px 1px 1px #FFF;
	padding-left: 20px;
	background: url("images/icons/toggle-down.png") no-repeat left;
}

.toggle .toggleta span { background: url("images/icons/toggle-up.png") no-repeat left; }

.toggle .togglec {
	display: block;
	position: relative;
    padding: 15px;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}


/* ----------------------------------------------------------------
6.8 Alert Messages
-----------------------------------------------------------------*/


.style-msg,
.style-msg2 {
    display: block;
	border-left: 4px solid rgba(0,0,0,0.1);
}

.style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); }

.successmsg {
	background: #C1FFCC;
	color: #184B21;
}

.errormsg {
	background: #F9BBB9;
	color: #740D0A;
}

.infomsg {
	background: #B9DFF4;
	color: #124F70;
}

.alertmsg {
	background: #FCE0B6;
	color: #975E06;
}

.style-msg .sb_msg,
.style-msg2 .msgtitle,
.style-msg2 .sb_msg {
    display: block;
	padding: 10px 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
	font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.1);
    border-top: none;
    border-bottom: none;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.style-msg2 .sb_msg { font-weight: normal; }

.style-msg2 ol,
.style-msg2 ul { margin: 0 0 0 30px; }

.style-msg2 ol { list-style-type: decimal; }

.style-msg2 ul { list-style-type: disc; }


/* ----------------------------------------------------------------
6.9 Quotes
-----------------------------------------------------------------*/


.quote {
    background: url("images/icons/quote.png") left top no-repeat;
    margin: 20px 0;
    padding: 0 0 0 35px;
	font-size: 16px;
    font-style: italic;
    color: #888;
    font-family: 'Playfair Display', Georgia, serif;
}

.quote-left {
    float: left;
    width: 150px;
    margin-right: 20px;
}

.quote-right {
    float: right;
    width: 150px;
    margin-left: 20px;
}


/* ----------------------------------------------------------------
6.10 Gallery
-----------------------------------------------------------------*/


.gallery {
    margin: 20px auto;
    float: left;
	width: 100%;
    line-height: 1;
}

.gallery .gallery-item {
    float: left;
	text-align: center;
	margin-left: 0;
    width: auto !important;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
    width: auto !important;
	height: auto !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

.gallery .gallery-caption { margin-left: 0; }

.gallery br { clear: both }

.col-0 { width: 100% }
.col-1 { width: 100% }
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


/* ----------------------------------------------------------------
6.11 Features
-----------------------------------------------------------------*/


.product-feature {
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.product-feature:first-child { margin-top: 0; }

.product-feature h3 {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 10px;
}

.product-feature p { margin: 0; }

.product-feature img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 12px;
    width: 24px;
    height: 24px;
    background-color: #0E8D8D;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}


/* ----------------------------------------------------------------
6.12 Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
    cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0;
	background-image: url("images/button.png");
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid rgba(114,114,114,0.4);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	background-color: #629D63 !important;
}

.button:hover {
    background-image: url("images/button.png");
	background-position: 0 -30px;
    background-color: #666 !important;
	text-decoration: none;
    border: 1px solid rgba(100,100,100,0.4);
}

.button:active { top: 1px; }

.button span {
	display: inline-block;
	padding: 0 18px;
	height: 29px;
	line-height: 29px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.red_btn { background-color: #F25B60 !important; }

.green_btn { background-color: #629D63 !important; }

.blue_btn { background-color: #5A9EE2 !important; }

.brown_btn { background-color: #DE8E36 !important; }

.white_btn,
.white_btn:hover { background-color: #F6F6F6 !important; }

.white_btn span {
    color: #444 !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.yellow_btn { background-color: #C5B925 !important; }

.purple_btn { background-color: #BE56E0 !important; }

.black_btn,
.black_btn:hover { background-color: #494949 !important; }

.black_btn span {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}



button,
button.button {
    margin: 5px 0 !important;
    background-color: #F6F6F6 !important;
}

button.button:hover { background-color: #F6F6F6 !important; }

button span,
button.button span {
    color: #555 !important;
    text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important;
}


/* ----------------------------------------------------------------
7. Footer
-----------------------------------------------------------------*/

#footer {
	display: block;
	position: fixed;
    z-index: 999;
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0px;
    background: url("images/footer.png") repeat;
    color: #EEE;
}

#footer a {
    color: #DDD;
    border-bottom: 1px dotted #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#footer a:hover {
    color: #000;
    border: none;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.6);
}

#footer .container {
    padding: 40px 0;
    overflow: hidden;
}

#footer-trigger {
    position: absolute;
    cursor: pointer;
    width: 64px;
    height: 64px;
    top: -64px;
    left: auto;
    right: 0;
    background: url("images/footer-trigger.png") no-repeat;
}

.footer-triggerer {
    position: absolute;
    top: auto;
    bottom: 10px;
    left: auto;
    right: 7px;
    width: 25px;
    height: 17px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.footer-open { background-image: url("images/icons/footer-open.png"); }

.footer-close { background-image: url("images/icons/footer-close.png"); }


#footer .col_one_third {
    width: 280px;
    margin-right: 60px;
}


#footer h4 {
    font-size: 18px;
    line-height: 24px;
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}


#footer a {
    color: #DDD;
    border-bottom: 1px dotted #DDD;
}

#footer a:hover {
    color: #DDD;
    background: none;
    border-bottom: 1px solid #DDD;
}


#copyrights {
    position: relative;
    border-top: 4px double #DDD;
    margin: 0;
    padding: 15px 0 0;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
}



#backgroundimage {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -99;
}


#section-scroll {
    display: block;
    position: fixed;
    width: 40px;
    height: 122px;
    top: 50%;
    left: auto;
    right: 0;
    margin-top: -61px;
}

#section-scroll a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #CCC;
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    border-top: 1px dotted #BBB;    
    transition: background-color .3s linear,background-position .3s linear;
    -moz-transition: background-color .3s linear,background-position .3s linear;
    -webkit-transition: background-color .3s linear,background-position .3s linear;    
    -ms-transition: background-color .3s linear,background-position .3s linear;
    -o-transition: background-color .3s linear,background-position .3s linear;
}

#section-scroll a:first-child { border-top: none; }

#section-scroll a#prev-scroll { background-image: url("images/icons/prevsec.png"); }

#section-scroll a#next-scroll { background-image: url("images/icons/nextsec.png"); }

#section-scroll a#gotoTop {
    display: none;
    opacity: 0;
    background-image: url("images/icons/gototop.png");
}

#section-scroll a:hover {
    background-color: #0E8D8D;
    background-position: left bottom;
}


#diagram {
    width: 450px;
    height: 450px;
    margin: 0 auto;
}

.get { display:none; }


/* ----------------------------------------------------------------
8. Widgets
-----------------------------------------------------------------*/


.widget {
	display: block;
    position: relative;
	margin-top: 40px;
    padding-bottom: 40px;
    width: 280px;
    border-bottom: 1px solid #DDD;
}

.widget:first-child { margin-top: 0; }

#footer .widget {
    padding-bottom: 0;
    border-bottom: none;
}

.widget-title { text-align: left; }

.widget_text form,
.widget_text form p,
.widget_text form button { margin-bottom: 0 !important; }


.widget_search form { margin: 0; }

.widget_search input[type="text"],
.widget_text input[type="text"] { width: 264px; }

.widget_search input[type="text"] { margin: 0 !important; }

.widget_search input[type="submit"],
.widget_search button { display: none; }


/* ----------------------------------------------------------------
8.1 Widgets Menu Style
-----------------------------------------------------------------*/


.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_pages ul,
.widget_pages li,
.widget_categories ul,
.widget_categories li { margin: 0; }


.widget_links ul,
.widget_meta ul,
.widget_archive ul,
.widget_categories ul { margin: 0 !important; }


.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_pages li,
.widget_categories li { padding: 6px 3px; }


#footer .widget_nav_menu li,
#footer .widget_links li,
#footer .widget_meta li,
#footer .widget_archive li,
#footer .widget_recent_comments li,
#footer .widget_recent_entries li,
#footer .widget_pages li,
#footer .widget_categories li {
    padding-bottom: 8px;
    border: none;
}


.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_pages li a,
.widget_categories li a {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding-left: 24px;
    background: url("images/icons/link.png") no-repeat left top;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_pages li a:hover,
.widget_categories li a:hover { color: #888; }


#footer .widget_nav_menu li a,
#footer .widget_links li a,
#footer .widget_meta li a,
#footer .widget_archive li a,
#footer .widget_recent_entries li a,
#footer .widget_pages li a,
#footer .widget_categories li a {
    background: url("images/icons/flink.png") no-repeat left top;
    border: none;
}


#footer .widget_nav_menu a:hover,
#footer .widget_links a:hover,
#footer .widget_meta a:hover,
#footer .widget_archive a:hover,
#footer .widget_recent_comments a:hover,
#footer .widget_recent_entries a:hover,
#footer .widget_pages a:hover,
#footer .widget_categories a:hover {
    color: #AAA;
    border: none !important;
}


.widget_nav_menu li:first-child,
.widget_recent_entries li:first-child,
.widget_pages li:first-child { padding-top: 0; }


.widget_recent_comments li,
#footer .widget_recent_comments li {
    display: block;
    padding: 8px 0;
    padding-left: 24px;
    background: url("images/icons/recent-comment.png") no-repeat left;
}

#footer .widget_recent_comments li {
    background: url("images/footer-sep.png") bottom repeat-x;
    padding: 8px 0;
}


/* ----------------------------------------------------------------
8.2 Flickr Widget
-----------------------------------------------------------------*/


.flickr-widget .flickr-widget-wrap {
	display: block;
	line-height: 1 !important;
	margin: 0 -8px -8px 0;
}

.flickr-widget .flickr-widget-wrap .flickr_badge_image {
	float: left;
	margin: 0 8px 8px 0;
}

.flickr-widget a { border: none !important; }

.flickr-widget a:hover {
    background: none;
    border: none !important;
}


.flickr-widget .flickr_badge_image img {
    padding: 4px;
    background-color: #DDD;
	width: 56px;
	height: 56px;
}

.flickr-widget .flickr_badge_image img:hover,
#footer .flickr_badge_image img:hover,
a.twitter-follow-me:hover,
#footer a.twitter-follow-me:hover { background: #0E8D8D; }


#footer .flickr_badge_image img {
    padding: 4px;
    background: rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
8.3 Twitter Widget
-----------------------------------------------------------------*/


.twitter-widget ul,
.twitter-widget ul li { margin: 0; }

.twitter-widget ul li {
    padding: 0 0 0 24px;
    margin-top: 15px;
    background: url("images/icons/twitter.png") top left no-repeat;
}


#footer .twitter-widget ul li { background: url("images/icons/ftwitter.png") top left no-repeat; }

.twitter-widget ul li:first-child { margin-top: 0; }

.twitter-widget ul li span { display: block; }


a.twitter-follow-me {
	display: block;
    position: relative;
    float: right;
    padding: 5px 10px;
    font-size: 11px;
    margin-top: 15px;
    color: #888;
    background-color: #DDD;
    border: none !important;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.twitter-follow-me:hover,
#footer a.twitter-follow-me {
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}

#footer a.twitter-follow-me { background-color: rgba(0,0,0,0.3); }



/* ----------------------------------------------------------------
8.4 Posts List
-----------------------------------------------------------------*/


.sposts-list { margin: 0; }

.sposts-list li {
    border: none;
    margin: 10px 0 0 0 !important;
}

.sposts-list li:first-child {
    border-top: none;
    background: none;
    margin-top: 0 !important;
}

.sposts-list .entry_image {
    float: left;
    margin-right: 15px;
    background-color: #DDD;
}

.sposts-list .entry_image,
.sposts-list .entry_image a {
    display: block;
    width: 64px;
    height: 64px;
    border: none !important;
}

.sposts-list .entry_image img {
    width: 56px;
    height: 56px;
    padding: 4px;
}


.sposts-list .entry_c {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    padding: 0;
    background: transparent;
    border: none;
}

.sposts-list .entry_title {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 7px;
}

.sposts-list .entry_meta,
.sposts-list .entry_meta ul { margin: 0 !important; }

.sposts-list .entry_meta {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

.sposts-list .entry_meta li {
    display: inline-block;
    float: none;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
}

.sposts-list .entry_meta span {
    display: inline-block;
    margin-right: 5px;
}

.sposts-list .entry_meta li:first-child { margin-left: 0 !important; }


#footer .entry_title a,
#footer .entry_title a:hover { border: none; }

#footer .entry_title a:hover { color: #AAA; }

#footer .sposts-list .entry_image { background: rgba(0,0,0,0.3); }

.sposts-list .entry_image:hover,
#footer .sposts-list .entry_image:hover { background: #0E8D8D; }


/* ----------------------------------------------------------------
8.5 Tag Cloud
-----------------------------------------------------------------*/


.tagcloud { margin-bottom: -6px; }

.tagcloud a {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 6px;
    border: none;
    padding: 2px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px !important;
}

#main-content .tagcloud a {
    background: #EEE;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
}

#main-content .tagcloud a:hover {
    border: none;
    background: #0E8D8D;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}


#footer .tagcloud a {
    background: rgba(0,0,0,0.3);
    border: none;
    color: #DDD;
    text-shadow: 1px 1px 1px #rgba(0,0,0,0.7);
}

#footer .tagcloud a:hover {
    border: none;
    background: #0E8D8D;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}


/* ----------------------------------------------------------------
8.6 Audio & Video Player
-----------------------------------------------------------------*/


div.jp-audio,
div.jp-video {
	font-size: 1em;
	font-family: Arial, sans-serif;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio,
div.jp-video {
	width: 515px;
	margin: 0;
}

.jp-video-play,
div.jp-jplayer.jp-jplayer-video { width: 515px; }

div.jp-interface {
	position: relative;
	width: 100%;
	background: url("images/icons/format/player/player-base.png") repeat-x;
	z-index: 100;
}

div.jp-type-single div.jp-interface { height: 50px; }

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.jp-interface a:hover { background-color: transparent; }

div.jp-interface ul.jp-controls li { display: inline; }

div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

div.jp-separator-one,
div.jp-separator-two {
    position: absolute;
    top: 0;
    width: 2px;
    height: 50px;
    left: 31px;
    background: url("images/icons/format/player/player-sep.png") no-repeat;
}

div.jp-separator-two { left: 384px; }

a.jp-play,
a.jp-pause {
    border: none !important;
    left: 10px;
	z-index: 1;
	outline: none;
    top: 15px;
}

a.jp-play {
    width: 14px;
    height: 20px;
    background: url("images/icons/format/player/controls.png") 0 0 no-repeat;
}

a.jp-pause {
    width: 13px;
    height: 18px;
	background: url("images/icons/format/player/controls.png") 0 -20px no-repeat;
    display: none;
}

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 33px;
	width: 330px;
	height: 11px;
	padding: 20px 10px;
}

div.jp-progress {
	position: absolute;
	overflow:hidden;
}

div.jp-type-single div.jp-progress {
	width: 330px;
	height: 9px;
	padding: 1px;
	background: url("images/icons/format/player/progress-bar.png") 0 0 repeat-x;
}

div.jp-seek-bar {
	width: 0px;
	height: 9px;
	cursor: pointer;
	background: transparent;
}

div.jp-play-bar {
	width: 0px;
	height: 9px;
	background: url("images/icons/format/player/progress-bar.png") 0 -11px repeat-x;
}

/* The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
	background: url("pbar-ani.gif");
}
*/

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 393px;
	width: 100px;
	height: 11px;
	padding: 20px 10px;
}

div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("images/icons/format/player/progress-bar.png") 0 0 repeat-x;
	width: 83px;
	height: 9px;
	cursor: pointer;
}

div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 15px;
	padding: 1px;
}

div.jp-volume-bar-value {
	width: 0;
	height: 9px;
	background: url("images/icons/format/player/progress-bar.png") 0 -11px repeat-x;
}

a.jp-mute,
a.jp-unmute {
    border: none !important;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute {
	top: 16px;
	left: 395px;
}

a.jp-mute {
	display: none;
    width: 13px;
    height: 19px;
	background: url("images/icons/format/player/controls.png") 0 -60px no-repeat;
}

a.jp-unmute {
    width: 16px;
    height: 19px;
    background: url("images/icons/format/player/controls.png") 0 -40px no-repeat;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer { background-color: #333; }