/*===========================================*/
/*                  STYLES                   */
/*===========================================*/

/*-------------------------------------------*/
/*   TABLE OF CONTENTS
/*--------------------------------------------

	01. RESET
	02. LAYOUT
	03. TYPOGRAPHY
	04. SHORTCODES
	05. PAGE HEADER/BREADCRUMBS
	06. LOGO
	07. NAVIGATION MENU
	08. FOOTER
	09. SIDEBAR
	10. WIDGETS
	11. BLOG
	12. PORTFOLIO
	13. PAGINATION
	14. COMMENTS
	15. COLORBOX
	16. NIVO SLIDER
	17. VIDEO JS
	18. COMMON CLASSES

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




/*===========================================*/
/*                01. RESET                  */
/*===========================================*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote{
	quotes:none;
}

blockquote:before, blockquote:after{
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

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

dfn{
font-family: serif;
font-weight: bold;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/*===========================================*/









/*===========================================*/
/*                02. LAYOUT                 */
/*===========================================*/

/* general
/*-------------------------------------------*/
html , body{
height: 100%;
}

#wrap{
min-height: 100%;
position: relative;
}

header ,
#breadcrumbs ,
#page_header ,
#page , 
footer{
min-width: 1020px;
width: 100%;
}

header{
position: relative;
}

#page{
position: relative;
padding-bottom: 40px;
}

footer{
position: relative; /*absolute;*/
bottom: 0;
overflow: hidden;
}


#header_wrap ,
#breadcrumbs_wrap ,
#page_header_wrap ,
#page_wrap ,
#footer_widgets_wrap ,
#footer_wrap {
position: relative;
width: 980px;
margin: auto;
}

#page_wrap{
position: relative;
overflow: hidden;
padding: 50px 0;
}

/* heights
/*-------------------------------------------*/
#header_wrap{
height: 100px;
}

#footer_wrap{
height: 40px;
}

/* content
/*-------------------------------------------*/
#content{
width: 640px;
padding-bottom: 70px;
}

#content.full{
width: 100%;
}

#post_content{
overflow: hidden;
margin-bottom: 30px;
}

/* skin
/*-------------------------------------------*/
header{
background: #ffffff;
border-top: 3px solid #333333;
}

#page_wrap{
color: #666666;
}

body{
background: #ffffff;
}

footer{
background: url('../images/footer_widgets_sprite.png') repeat-x top center #000000;		/* footer background color */
}

/*===========================================*/









/*===========================================*/
/*              03. TYPOGRAPHY               */
/*===========================================*/

/* general
/*-------------------------------------------*/
body{
font-family: "Droid Sans" , arial , verdana , sans-serif;
font-size: 12px;
line-height: 20px;
color: #666666;
}

.page_subheader{
border-bottom: 1px solid #e9e9e9;
margin-top: 5px;
padding-bottom: 7px;
}


/* paragraph
/*-------------------------------------------*/
p{
margin: 0 0 15px 0;
}

/* heading
/*-------------------------------------------*/
h1, h2, h3, h4, h5, h6{
font-family: "Droid Serif" , Georgia , serif;
font-style: italic;
font-weight: normal;
color: #666666;
line-height: 1.2em;
margin: 0 0 0.5em 0;
}

h1{
font-size: 36px;
}

h2{
font-size: 30px;
}

h3{
font-size: 24px;
}

h4{
font-size: 18px;
}

h5{
font-size: 16px;
}

h6{
font-size: 14px;
}


/* selection color
/*-------------------------------------------*/
::selection{
background:#f08443;
color:#ffffff;
}

::-moz-selection{
background:#f08443;
color:#ffffff;
}

::-webkit-selection{
background:#f08443;
color:#ffffff;
}


/* link
/*-------------------------------------------*/
a{
color: #999999;
text-decoration: none;
}

a:hover , a:active{
color: #f08443;
}


/* code & pre
/*-------------------------------------------*/
code , pre{
display: block;
padding: 20px 10px;
margin: 0 0 15px 0;

font-family: "Courier New" , monospace;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 20px;
}

code{
border: 1px dashed #d0d0d0;
border-left-style: solid;
border-left-width: 3px;
background: #f6f6f6;
}

pre{
white-space: pre;
border: 1px dashed #d0d0d0;
background: #ffffff;
}


/* table
/*-------------------------------------------*/
table{
width: 100%;
vertical-align:middle;
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 15px 0;
}

th, th:hover{
font-family: "Droid Sans" , Georgia , serif;
font-style: normal;
font-weight: normal;
font-size: 1.1em;
line-height: 1.6em;
text-align: left;
padding: 0.85em;
color: #333333;
background: rgba(200, 200, 200, 0.35);
border-bottom: 1px solid transparent;
}

td{
line-height: 1.6em;
text-align: left;
padding: 0.85em;
color: #666666;
background: transparent;
}

tr{
border-bottom: 1px dashed #bbbbbb;
}

tr:hover{
background: rgba(200, 200, 200, 0.1);
}

tfoot tr{
border-top: 1px solid transparent;
border-bottom: none;
}

tfoot td, tfoot td:hover{
text-align: center;
background: rgba(200, 200, 200, 0.18);
}

table caption{
font-style: normal;
color: #aaaaaa;
}


/* blockquote
/*-------------------------------------------*/
blockquote{
font-family: "Droid Serif" , Georgia , serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
line-height: 1.6em;
padding: 10px 10px 10px 50px;
margin: 0 0 15px 0;
color: #888888;
background: url('../images/quotes.png') no-repeat 10px 10px;
}

blockquote.align_right ,
blockquote.align_left{
width: 40%;
}

blockquote p{
margin: 0 0 5px 0;
}


/* cite
/*-------------------------------------------*/
cite{
font-family: "Droid Serif" , Georgia , serif;
font-size: 14px;
color: #999999;
font-style: italic;
font-weight: normal;
}


/* lists (ordered & un-ordered)
/*-------------------------------------------*/
/*--- top level ---*/	
ul, ol{
text-align: left;
margin: 8px 0;
margin-left: 25px;
}

/*--- sub levels ---*/	
ul ul, ul ol, ol ul, ol ol{
margin: 0;
margin-left: 30px;
}

ul li{
padding-left: 5px;
}


/* buttons
/*-------------------------------------------*/
.secondary_button ,
.button ,
button ,
input[type = "button"] ,
input[type = "submit"] ,
input[type = "reset"]{
margin: 0.1em;
padding: 0.4em 0.8em;
cursor: pointer;
border: 1px solid transparent;
color: #ffffff;
background-color: #333333;
background-image: url('../images/button_sprite.png');
background-repeat: repeat-x;
background-position: top left;
background-image: -moz-linear-gradient(top , rgba(255 , 255 , 255 , 0.3) , rgba(255 , 255 , 255 , 0) 70%);
background-image: -webkit-gradient(linear, left top, left 70%, from(rgba(255 , 255 , 255 , 0.3)), to(rgba(255 , 255 , 255 , 0)));
text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
border-radius: 500px;
}

.button.small ,
button.small ,
input[type = "button"].small ,
input[type = "submit"].small ,
input[type = "reset"].small{
font-weight: bold;
padding: 0.6em 1em;
}

.button.fancy ,
button.fancy ,
input[type = "button"].fancy ,
input[type = "submit"].fancy ,
input[type = "reset"].fancy{
font-weight: bold;
padding: 0.7em 1.1em;
}

.button.large ,
button.large ,
input[type = "button"].large ,
input[type = "submit"].large ,
input[type = "reset"].large{
font-weight: bold;
padding: 0.8em 1.2em;
}

.button:hover ,
button:hover ,
input[type = "button"]:hover ,
input[type = "submit"]:hover ,
input[type = "reset"]:hover{
color: #ffffff;
background-color: #444444;
}

.button:active ,
button:active ,
input[type = "button"]:active ,
input[type = "submit"]:active ,
input[type = "reset"]:active{
color: #ffffff;
background-color: #393939;
}

.button::-moz-focus-inner ,
button::-moz-focus-inner ,
input[type = "button"]::-moz-focus-inner ,
input[type = "submit"]::-moz-focus-inner ,
input[type = "reset"]::-moz-focus-inner{
border: none;
padding: 0;
}


.secondary_button{
border: 1px solid #e0e0e0;
color: #666666;
background-color: #fafafa;
background-repeat: repeat-x;
background-position: top left;
background-image: -moz-linear-gradient(top , rgba(0 , 0 , 0 , 0) , rgba(0 , 0 , 0 , 0.05) 70%);
background-image: -webkit-gradient(linear, left top, left 70%, from(rgba(0 , 0 , 0 , 0)), to(rgba(0 , 0 , 0 , 0.05)));
text-shadow: none;
}

.secondary_button:hover{
color: #666666;
background-color: #ffffff;
}

.secondary_button:active{
color: #666666;
background-color: #fbfbfb;
}



/* text inputs
/*-------------------------------------------*/
input[type="text"] ,
input[type="password"] ,
textarea{
font-family: "Droid Sans" , arial , verdana , sans-serif;
font-size: 12px;
font-style: normal;
display: inline-block;
vertical-align: middle;
padding: 0.5em;
color: #666666;
background: #f0f0f0;
border: 1px solid #e6e6e6;
outline: none;
resize: none;
}

input[type="text"].invalid ,
input[type="password"].invalid ,
textarea.invalid{
border: 1px solid #ff0000;
}

input[type="text"]:hover ,
input[type="password"]:hover ,
textarea:hover{
background: #f6f6f6;
}

input[type="text"]:focus ,
input[type="password"]:focus ,
textarea:focus{
background: #ffffff;
}


/* horizontal line
/*-------------------------------------------*/
hr{
background: none;
border: 0;
border-top: 1px solid #e9e9e9;
}


/* abbr
/*-------------------------------------------*/
abbr{
border-bottom: 1px dashed #999999;
text-transform: uppercase;
cursor: help;
}


/* acronym
/*-------------------------------------------*/
acronym{
text-transform: uppercase;
}


/* ins
/*-------------------------------------------*/
ins{
background: #FFFF99;
text-decoration: none;
}


/* mark
/*-------------------------------------------*/
mark{
background: #FFFF99;
text-decoration: none;
}


/* big
/*-------------------------------------------*/
big{
font-size: 1.3em;
}


/* quote
/*-------------------------------------------*/
q{
font-weight: bold;
font-style: italic;
color: #999999;
padding: 0.4em;
}


/* address
/*-------------------------------------------*/
address{
font-weight: normal;
font-style: normal;
}

/*===========================================*/









/*===========================================*/
/*              04. SHORTCODES               */
/*===========================================*/

/* dropcaps
/*-------------------------------------------*/
.dropcap_1{
font-family: "droid serif" , georgia , serif;
font-size: 3em;
font-style: italic;
font-weight: bold;
text-transform: uppercase;
color: #999999;
float: left;
line-height: 0.8em;
margin: 0;
margin-right: 0.3em;
margin-top: 0.1em;
}

.dropcap_2 ,
.dropcap_3{
font-family: "droid serif" , georgia , serif;
font-size: 1.8em;
font-style: italic;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #ffffff;
background-color: #000000;
background-image: url('../images/dropcap_sprite.png');
background-repeat: repeat-x;
background-position: top left;
background-image: -moz-linear-gradient(top , rgba(255 , 255 , 255 , 0.5) , rgba(255 , 255 , 255 , 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255 , 255 , 255 , 0.5)), to(rgba(255 , 255 , 255 , 0)));
float: left;
line-height: 1.5em;
width: 1.5em;
height: 1.5em;
margin: 0;
margin-right: 0.3em;
margin-top: 0.1em;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}

.dropcap_3{
line-height: 1.35em;
width: 1.35em;
height: 1.35em;
margin-right: 0.3em;
margin-top: 0.2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



/* image
/*-------------------------------------------*/
.image{
position: relative;
}

.image_overlay ,
.overlay_icon{
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.overlay_icon{
background: none;
}

.overlay_icon.zoom_icon{
background: url('../images/image_overlay_zoom.png') no-repeat center center;
}

.overlay_icon.play_icon{
background: url('../images/image_overlay_play.png') no-repeat center center;
}



/* code
/*-------------------------------------------*/
.code{
white-space: pre;
overflow: auto;
}



/* toggle content
/*-------------------------------------------*/
.toggle{
margin: 0 0 15px 0;
}

.toggle .handle{
margin-right: 10px;
background: url('../images/handles_sprite.png') no-repeat 0 0;
}

.toggle.active .handle{
margin-right: 10px;
background: url('../images/handles_sprite.png') no-repeat 0 -18px;
}

.toggle .toggle_trigger{
padding: 10px;
color: #666666;
background: #f6f6f6;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select:none;
user-select: none;
}

.toggle .toggle_trigger:hover{
background: #f9f9f9;
}

.toggle .toggle_content{
padding: 10px;
background: #ffffff;
}

.toggle_content > *{
margin: 0;
}

.handle{
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
}



/* accordions
/*-------------------------------------------*/
.accordions{
list-style: none;
margin: 0 0 15px 0;
}

.accordion.active .handle{
margin-right: 10px;
background: url('../images/handles_sprite.png') no-repeat -18px -18px;
}

.accordion .handle{
margin-right: 10px;
background: url('../images/handles_sprite.png') no-repeat -18px 0;
}

.accordion_trigger{
padding: 10px;
margin-top: -1px;
color: #666666;
background: #f6f6f6;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select:none;
user-select: none;
}

.accordion .accordion_trigger:hover{
background: #f9f9f9;
}

.accordion_content{
padding: 10px;
background: #ffffff;
border-bottom: 1px solid #e6e6e6;
}

.accordion_content > *{
margin: 0;
}



/* tabs
/*-------------------------------------------*/
.tabs{
list-style: none;
margin: 0 0 15px 0;
}

.tabs li{
list-style: none;
}

.tabs_wrap .tabs{
list-style: none;
overflow: hidden;
margin: 0;
background: #f6f6f6;
border-top: 1px solid #e6e6e6;
-moz-user-select: none;
-webkit-user-select:none;
user-select: none;
}

.tabs_wrap .tab{
float: left;
padding: 0.85em 1.25em;
margin-left: -1px;
cursor: pointer;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
background: #f6f6f6;
}

.tabs_wrap .tab:hover{
background: #f9f9f9;
}

.tabs_wrap .tab.active{
background: #ffffff;
border-bottom: 1px solid #ffffff;
}

.tabs_wrap .tabs_content{
margin-top: -1px;
padding: 10px;
background: #ffffff;
border-top: 1px solid #e6e6e6;
}

.tabs_wrap .tabs_content > *{
margin: 0;
}


/* dividers
/*-------------------------------------------*/
.divider_small ,
.divider{
position: relative;
margin: 50px 0;
border-top: 1px solid #e9e9e9;
}

.divider_small{
margin: 15px 0;
}

.divider_small .toplink,
.divider .toplink{
position: absolute;
top: -9px;
right: 0;
padding-left: 5px;
background: #ffffff;
}

.margin{
display: block;
padding: 15px 0;
}

.margin_small{
display: block;
padding: 5px 0;
}


/* icon
/*-------------------------------------------*/
.icon{
display: inline-block;
vertical-align: middle;
}

.icon_image{
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}

.icon_text{
display: inline-block;
vertical-align: middle;
}


/* styled list
/*-------------------------------------------*/
.styled_list > ul , .styled_list > ol{
list-style: none;
margin-left: 0;
}

.styled_list > ul > li , .styled_list > ol > li{
padding-left: 30px;
}

.styled_list > ul ul li , .styled_list > ul ol li , .styled_list > ol ul li , .styled_list > ol ol li{
margin-left: 30px;
}


/* highlight
/*-------------------------------------------*/
.highlight,
.highlight_1,
.highlight_2{
padding: 2px;
}

.highlight_1{
color: #ffffff;
background: #f08443;
}

.highlight_2{
color: #f08443;
}


/* styled boxes
/*-------------------------------------------*/
.styled_box{
position: relative;
padding: 20px;
padding-left: 70px;
margin: 0 0 15px 0;

overflow: hidden;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
background: #fafafa;
}

.general_box{
padding: 20px;
}

.success_box ,
.download_box{
color: #006600;
border-top: 1px solid #9ad981;
border-bottom: 1px solid #9ad981;
}

.download_box{
background: url('../images/box_icons/download.png') no-repeat 17px center #e8ffe7;
}

.success_box{
background: url('../images/box_icons/success.png') no-repeat 17px center #e8ffe7;
}

.success_box h1,.success_box h2,.success_box h3,.success_box h4,.success_box h5,.success_box h6,
.download_box h1,.download_box h2,.download_box h3,.download_box h4,.download_box h5,.download_box h6{
color: #006600;
}

.error_box{
color: #bc0000;
background: url('../images/box_icons/error.png') no-repeat 17px center #ffe8e7;
border-top: 1px solid #ffc0b8;
border-bottom: 1px solid #ffc0b8;
}

.error_box h1,.error_box h2,.error_box h3,.error_box h4,.error_box h5,.error_box h6{
color: #bc0000;
}

.info_box{
color: #666666;
background: url('../images/box_icons/info.png') no-repeat 17px center #e2f1ff;
border-top: 1px solid #adc9e7;
border-bottom: 1px solid #adc9e7;
}

.info_box h1,.info_box h2,.info_box h3,.info_box h4,.info_box h5,.info_box h6{
color: #666666;
}

.alert_box{
color: #d46800;
background: url('../images/box_icons/alert.png') no-repeat 17px center #fff5b1;
border-top: 1px solid #ffb441;
border-bottom: 1px solid #ffb441;
}

.alert_box h1,.alert_box h2,.alert_box h3,.alert_box h4,.alert_box h5,.alert_box h6{
color: #d46800;
}

.tip_box{
color: #666666;
background: url('../images/box_icons/tip.png') no-repeat 17px center #ffffee;
border-top: 1px solid #ffb441;
border-bottom: 1px solid #ffb441;
}

.tip_box h1,.tip_box h2,.tip_box h3,.tip_box h4,.tip_box h5,.tip_box h6{
color: #dd9001;
}

.twitter_box{
color: #666666;
background: url('../images/box_icons/twitter.png') no-repeat 17px center #e8f6ff;
border-top: 1px solid #5acbff;
border-bottom: 1px solid #5acbff;
}

.twitter_box h1,.twitter_box h2,.twitter_box h3,.twitter_box h4,.twitter_box h5,.twitter_box h6{
color: #666666;
}



/* columns
/*-------------------------------------------*/
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ 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{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*===========================================*/









/*===========================================*/
/*        05. PAGE HEADER/BREADCRUMBS        */
/*===========================================*/

#breadcrumbs{
line-height: 3.5em;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
background: #fafafa;
}

#page_header{
background: url('../images/page_header_sprite.png') no-repeat center bottom #333333;

margin-top: 0px;
padding: 1.5em 0;
}

#page_header_wrap > div,
#page_header_wrap > h3{
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
margin: 0.6em 0;
}

#page_header_wrap > h3 .subheader{
font-size: 0.65em;
color: #cccccc;
margin-left: 20px;
}

#page_header .block{
-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}

#page_header .j25slider{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

/*===========================================*/









/*===========================================*/
/*                 06. LOGO                  */
/*===========================================*/

#logo{
display: inline-block;
vertical-align: middle;
z-index: 99;
position: absolute;
bottom: 0;
left: 0;
}

#logo h1, #logo h1:hover{
font-family: "Droid Serif" , Georgia , serif;
font-size: 28px;
font-style: italic;
font-weight: bold;
color: #666666;
}

#description{
font-family: "Droid Serif" , Georgia , serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #666666;
border-left: 1px solid #e0e0e0;

display: inline-block;
vertical-align: middle;
z-index: 100;
position: absolute;
bottom: 20px;
left: 140px;
padding: 10px 10px 3px 10px;
}

/*===========================================*/









/*===========================================*/
/*            07. NAVIGATION MENU            */
/*===========================================*/

/* skin
/*-------------------------------------------*/
.jqueryslidemenu a ,
.jqueryslidemenu a:hover ,
.jqueryslidemenu a:active{
text-decoration: none;
outline: none;
}

/*--- top level items ---*/
/* normal state */
.jqueryslidemenu > ul > li > a{
font-family: arial , verdana , sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #999999;

margin: 0 0.5em;
padding: 0.33em;
}

/* hover state */
.jqueryslidemenu > ul > li > a:active ,
.jqueryslidemenu > ul > li > a:hover{
color: #666666;
}

/* current */
.jqueryslidemenu > ul > li.current-cat > a ,
.jqueryslidemenu > ul > li.current_page_item  > a ,
.jqueryslidemenu > ul > li.current_page_ancestor  > a ,
.jqueryslidemenu > ul > li.current-menu-item  > a{
color: #f08443;
}


/*--- sub level items ---*/
/* normal state */
.jqueryslidemenu ul li ul li a{
font-family: arial , verdana , sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #999999;

margin: 0;
padding: 0.65em 0.5em;
}

.jqueryslidemenu ul li ul li{
padding: 0 1em;
}

.jqueryslidemenu ul li ul li:last-child > a{
border-bottom: 0;
}

/* hover state */
.jqueryslidemenu ul li ul li a:hover ,
.jqueryslidemenu ul li ul li a:active{
color: #666666;
}

/* current */
.jqueryslidemenu ul li ul li.current-cat > a ,
.jqueryslidemenu ul li ul li.current_page_item  > a ,
.jqueryslidemenu ul li ul li.current_page_ancestor  > a ,
.jqueryslidemenu ul li ul li.current-menu-item  > a{
color: #f08443;
}


/*--- sub menus ---*/
.jqueryslidemenu ul li ul{
border: 1px solid #e0e0e0;
background: #ffffff;
padding: 0.5em 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}





/* navigation menu structure
/*-------------------------------------------*/
.jqueryslidemenu{
z-index: 999;
position: absolute;
right: 0;
bottom: 10px;
}

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

.jqueryslidemenu ul li{
padding: 0;
position: relative;
display: inline;
float: left;
list-style: none;
}

.jqueryslidemenu ul li a{
display: block;
}


* html .jqueryslidemenu ul li a{	/* IE6 hack to get sub menu links to behave correctly */
display: inline-block;
}

.jqueryslidemenu ul li ul{
position: absolute;
left: -20px;
top: 85% !important;
display: block;
visibility: hidden;
}

.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

.jqueryslidemenu ul li ul{
width: 120px;
}

.jqueryslidemenu ul li ul li ul{
top: 0 !important;
}

.jqueryslidemenu ul li > ul{
margin-left: -0.8em;
}

.jqueryslidemenu ul li > ul li ul{
margin-left: 0;
}

/*===========================================*/









/*===========================================*/
/*                08. FOOTER                 */
/*===========================================*/

#footer_widgets_wrap{
color: #999999;
padding: 30px 0;
}

#footer_widgets_wrap a{
color: #dddddd;
}

#footer_widgets_wrap a:hover{
color: #f08443;
}

#footer_widgets_wrap .widget_title{
color: #ffffff;
border-bottom: 1px solid #4a4a4a;
}

#footer_wrap{
color: #aaaaaa;
overflow: hidden;
}

#footer_wrap a{
color: #aaaaaa;
}

#footer_wrap a:hover{
color: #eeeeee;
}

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

#footer_wrap ul{
list-style: none;
margin: 0;
}

#footer_wrap ul li{
list-style: none;
float: left;
margin: 0 5px;
}

#footer_wrap ul li ul{
display: none;
}

#footer_right_area{
float: right;
margin-top: 15px;
}

#footer_left_area{
float: left;
margin-top: 15px;
}


/*===========================================*/









/*===========================================*/
/*                09. SIDEBAR                */
/*===========================================*/

#sidebar{
font-family: "Droid Sans" , arial , verdana , sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #666666;
}

#sidebar{
width: 300px;
padding-bottom: 70px;
}

/*===========================================*/









/*===========================================*/
/*              10. WIDGETS                  */
/*===========================================*/

/* general
/*-------------------------------------------*/
.widget{
color: #666666;
margin-bottom: 50px;
list-style: none;
}

.widget a{
color: #999999;
}

.widget a:hover{
color: #f08443;
}

.widget_title{
font-size: 18px;
color: #333333;
border-bottom: 1px solid #e9e9e9;

margin: 0;
padding-bottom: 10px;
margin-bottom: 20px;
}

.widget_intro{
margin: 15px 0;
}

.widget .block{
margin: 0;
}


/* advertisements 125x125
/*-------------------------------------------*/
.ads_125_wrap{
overflow: hidden;
}

.ads_125_wrap .ad_125{
display: block;
float: left;
width: 125px;
height: 125px;
margin: 0;
margin-bottom: 15px;
margin-right: 15px;
}


/* posts widget
/*-------------------------------------------*/
#post_content .posts_widget_wrap{
margin: 0 0 15px 0;
}

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

.posts_widget_wrap ul li{
border-bottom: 1px dashed #d0d0d0;

display: block;
margin: 0;
margin-bottom: 10px;
padding: 0;
padding-bottom: 10px;
overflow: hidden;
}

.posts_widget_wrap ul li:last-child{
border-bottom: 0;
}

.posts_widget_post_image{
float: left;
}

.posts_widget_post_image .block{
margin: 0;
}

.posts_widget_attributes{
padding-left: 95px;
}

.comments_widget_wrap .posts_widget_attributes{
padding-left: 80px;
}

.posts_widget_attributes.no_image{
padding-left: 0;
}

.posts_widget_attributes h6{
margin: 0;
border: 0;
}

.posts_widget_meta div{
line-height: 1.6em;
}

.posts_widget_content{
margin-top: 10px;
}

footer .posts_widget_wrap ul li{
border-bottom: 1px dashed #4a4a4a;
}


/* contact form
/*-------------------------------------------*/
#post_content .contact_form_widget_wrap{
margin: 0 0 15px 0;
}

.contact_form_widget_wrap .contact_form_widget_input{
width: 50%;
margin-right: 10px;
}

.contact_form_widget_wrap textarea.contact_form_widget_input{
width: 90%;
}

.contact_form_widget_wrap .contact_form_widget_success{
display: none;
}

.contact_form_widget_wrap button{
margin: 10px 0;
}


/* contact info
/*-------------------------------------------*/
#post_content .contact_info_widget_wrap{
margin: 0 0 15px 0;
}

.contact_info_widget_wrap .contact_info_widget_field{
border-bottom: 1px dashed #d0d0d0;

margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 30px;
}

.contact_info_widget_wrap .contact_info_widget_field:last-child{
border-bottom: 0;
}

.contact_info_widget_wrap .contact_info_name{
padding-left: 0;
}

.contact_info_widget_wrap .contact_info_email{
background: url('../utils/timthumb.php%3Fsrc=..%252Fimages%252Flist_icons_sprite.png&f=5&hex=666666') no-repeat -340px -280px;
}

.contact_info_widget_wrap .contact_info_phone{
background: url('../utils/timthumb.php%3Fsrc=..%252Fimages%252Flist_icons_sprite.png&f=5&hex=666666') no-repeat -360px -260px;
}

.contact_info_widget_wrap .contact_info_address{
background: url('../utils/timthumb.php%3Fsrc=..%252Fimages%252Flist_icons_sprite.png&f=5&hex=666666') no-repeat -80px -540px;
}

footer .contact_info_widget_wrap .contact_info_widget_field{
border-bottom: 1px dashed #4a4a4a;
}


/* search form
/*-------------------------------------------*/
#post_content .search_form_widget_wrap{
margin: 0 0 15px 0;
}

.search_form_widget_wrap .search_form_widget_input ,
.search_form_widget_wrap .search_form_widget_input:hover ,
.search_form_widget_wrap .search_form_widget_input:focus{
background-image: url('../images/search_form_widget_sprite.png');
background-repeat: no-repeat;
background-position: right center;

display: inline-block;
vertical-align: middle;
width: 45%;
padding-right: 30px;
}

.search_form_widget_wrap button{
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}


/* user bio
/*-------------------------------------------*/
#post_content .user_bio_widget_wrap{
margin: 0 0 15px 0;
}

.user_bio_widget_wrap{
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
background: #fafafa;

overflow: hidden;
padding: 15px;
}

.user_bio_widget_wrap .user_bio_widget_user_image{
float: left;
}

.user_bio_widget_wrap .user_bio_widget_user_info{
padding-left: 95px;
}

.user_bio_widget_wrap .user_bio_widget_user_info.no_image{
padding-left: 0;
}

.user_bio_widget_wrap .user_bio_widget_user_info h6{
margin: 0;
margin-bottom: 5px;
}

footer .user_bio_widget_wrap{
border-top: 1px solid #4a4a4a;
border-bottom: 1px solid #4a4a4a;
background: #333333;
}

footer .user_bio_widget_wrap .user_bio_widget_user_info h6{
border-bottom: 1px solid #4a4a4a;
}


/* twitter
/*-------------------------------------------*/
.twitter_widget_wrap{
position: relative;
padding-bottom: 50px;
}

.twitter_widget_wrap .tweet_list{
margin: 0;
list-style: none;
}

.twitter_widget_wrap .tweet_list li{
border-bottom: 1px dashed #d0d0d0;

list-style: none;
position: relative;
padding: 10px 0 25px 0;
}

.twitter_widget_wrap .tweet_list li .tweet_time{
font-family: arial , verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;

position: absolute;
right: 0;
bottom: 0;
}

.twitter_widget_wrap .twitter_widget_logo{
background: url('../images/twitter_widget_sprite.png') no-repeat 0 0;

display: block;
width: 120px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
}

.twitter_widget_wrap .twitter_widget_logo:hover{
background-position: 0 -50px;
}

footer .twitter_widget_wrap .tweet_list li{
border-bottom: 1px dashed #4a4a4a;
}

footer .twitter_widget_wrap .twitter_widget_logo{
background: url('../images/twitter_widget_sprite.png') no-repeat -120px 0;
}

footer .twitter_widget_wrap .twitter_widget_logo:hover{
background-position: -120px -50px;
}


/* flickr
/*-------------------------------------------*/
.flickr_widget_wrap{
overflow: hidden;
}

.flickr_widget_wrap a{
float: left;
margin-right: 15px;
margin-bottom: 15px;
}


/* social
/*-------------------------------------------*/
.social_widget_wrap{
overflow: hidden;
}

.social_widget_wrap a{
float: left;
margin-right: 8px;
margin-bottom: 8px;
}


/* wp-calendar
/*-------------------------------------------*/
footer .widget_calendar th, footer .widget_calendar th:hover{
color: #fafafa;
background: #444444;
}

footer .widget_calendar td{
color: #666666;
background: transparent;
}

footer .widget_calendar tr{
border-bottom: 1px dashed #4a4a4a;
}

footer .widget_calendar tr:hover ,
footer .widget_calendar tfoot td ,
footer .widget_calendar tfoot td:hover{
background: #282828;
}

table caption{
font-style: normal;
color: #aaaaaa;
}


/* wp-tag-cloud
/*-------------------------------------------*/
.widget_tag_cloud a{
margin-right: 8px;
line-height: 1em;
}

/*===========================================*/









/*===========================================*/
/*                 11. BLOG                  */
/*===========================================*/

/* general
/*-------------------------------------------*/
.post{
overflow: hidden;
border-bottom: 1px dashed #d0d0d0;

margin-bottom: 40px;
padding-bottom: 25px;
}

.post_title a{
color: #444444;
}

.post_title a:hover ,
.post_title a:active{
color: #f08443;
}

.post_meta{
overflow: hidden;
font-weight: normal;
margin-bottom: 10px;
}

.post_content{
margin-bottom: 25px;
}

.post_read_more{
font-family: "Droid Serif" , Georgia , serif;
font-style: italic;
font-weight: normal;
font-size: 12px;
display: inline-block;
}

.post.mini .post_attributes.no_image ,
.post.micro .post_attributes.no_image{
padding-left: 0;
}


/* mini style
/*-------------------------------------------*/

.post.mini .post_featured_content ,
.post.micro .post_featured_content{
margin: 0;
}


/* micro style
/*-------------------------------------------*/

.post.micro .post_meta{
border: 0;
}

.post.micro .post_attributes div{
line-height: 1.6em;;
}


/* single post
/*-------------------------------------------*/
.post_meta{
border-bottom: 1px solid #e9e9e9;
padding-bottom: 5px;
margin-bottom: 15px;
}

#post_content .post_meta{
margin: 8px 0 15px 0;
}


/*===========================================*/









/*===========================================*/
/*               12. PORTFOLIO               */
/*===========================================*/

.portfolio_row{
overflow: hidden;
margin-bottom: 40px;
padding-bottom: 25px;
}

.portfolio_row .post{
border-bottom: 0;
margin: 0;
padding: 0;
}

#portfolio_wrap .post_featured_content{
margin: 0;
}

/*===========================================*/









/*===========================================*/
/*              13. PAGINATION               */
/*===========================================*/

.pagination{
font-family: arial, verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;

margin: 15px 0;
padding: 15px 0;
}

.pagination .current{
color: #333333;
}

.pagination .current, .pagination a{
margin-right: 12px;
}

#portfolio_wrap .pagination{
border-top: 1px dashed #d0d0d0;
margin: 0;
padding: 55px 0 0 0;
}

/*===========================================*/









/*===========================================*/
/*                14. COMMENTS               */
/*===========================================*/

/* general
/*-------------------------------------------*/
#comments{
padding-top: 30px;
}

#comments_list, #comments_list ul, #comments_list li{
list-style: none;
margin: 0;
}

#comments_list li ul{
margin-left: 70px;
}

#comments_list li ul li ul{
margin-left: 0;
}

#comments_header h4{
color: #666666;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 5px;
}

#comments_list .comment_wrap{
padding-top: 30px;
border-bottom: 1px dashed #d0d0d0;
}

#comments_list .comment_avatar{
float: left;
}

#comments_list .comment_body{
padding-left: 80px;
}

#comments_list .comment_author h6{
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
}

#comments_list .comment_author h6 .is_author{
font-size: 12px;
font-weight: normal;
margin-left: 10px;
}

#comments_list .comment_meta{
display: block;
margin-bottom: 10px;
}

#comments_list .comment_actions{
text-align: right;
margin-top: 15px;
padding-bottom: 3px;
}

#comments_list .comment-reply-link{
margin-left: 50px;
}

#comments_list .comment-edit-link{
margin-left: 10px;
}

#comments_list .wp-smiley{
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}


/* respond form
/*-------------------------------------------*/
#respond{
margin: 40px 0;
}

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

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

/*===========================================*/









/*===========================================*/
/*               15. COLORBOX                */
/*===========================================*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background: #000000;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/corners.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/corners.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/corners.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/corners.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/corners.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/corners.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background: url('images/border.png') 0 -29px repeat-x rgba(0 , 255 , 0 , 0);}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:1px; left:0; text-align:center; width:100%; color:#666666;}
        #cboxCurrent{position:absolute; bottom:-1px; left:35px; color:#666666;; font-size: 0.9em;}
        .cboxSlideshow_on #cboxSlideshow{position:absolute; bottom:40px; left:10px; background:url(images/controls.png) no-repeat -144px -36px; width:36px; height:36px; text-indent:-9999px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-144px 0px;}
		
		.cboxSlideshow_off #cboxSlideshow{position:absolute; bottom:40px; left:10px; background:url(images/controls.png) no-repeat -108px -36px; width:36px; height:36px; text-indent:-9999px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-108px 0px;}
      
		#cboxPrevious{position:absolute; top:50%; margin-top: -18px; left:10px; background:url(images/controls.png) no-repeat 0px -36px; width:36px; height:36px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:0px 0px;}
        
		#cboxNext{position:absolute; top:50%; margin-top: -18px; right:10px; background:url(images/controls.png) no-repeat -36px -36px; width:36px; height:36px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-36px 0px;}
        
		#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
       
   	    #cboxClose{position:absolute; top:-18px; right:-18px; background:url(images/controls.png) no-repeat -72px -36px; width:36px; height:36px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-72px 0px;}

.cboxElement{
display: inline-block; /* fixes images inside colorbox */
}

/*===========================================*/









/*===========================================*/
/*              16. NIVO SLIDER              */
/*===========================================*/

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:10px;
}
.nivo-nextNav {
	right:10px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

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

.nivo-nextNav ,
.nivo-prevNav{
text-indent: -9999px;
width: 36px;
height: 36px;
}

.nivo-nextNav{
background: url('../images/slider-arrow.png') -36px -36px no-repeat;
}

.nivo-nextNav:hover{
background: url('../images/slider-arrow.png') -36px 0 no-repeat;
}

.nivo-prevNav{
background: url('../images/slider-arrow.png') -0 -36px no-repeat;
}

.nivo-prevNav:hover{
background: url('../images/slider-arrow.png') -0 0 no-repeat;
}

.nivo-controlNav{
width: 100%;
position: absolute;
bottom: 5px;
text-align: center;
}

.nivo-control{
display: inline-block;
margin: 0 2px;
text-indent: -9999px;
width: 14px;
height: 14px;
background: url('../images/slider-control.png') 0 0 no-repeat;
}

.nivo-control:hover{
background: url('../images/slider-control.png') 0 -14px no-repeat;
}

.nivo-control.active{
background: url('../images/slider-control.png') 0 -28px no-repeat;
}

/*===========================================*/









/*===========================================*/
/*                17. VIDEO JS                 */
/*===========================================*/

/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

/*===========================================*/









/*===========================================*/
/*                18. COMMON                 */
/*===========================================*/

/* common classes
/*-------------------------------------------*/
.block{
display: block;
margin: 0 0 15px 0;
}

.block.align_center{
margin-bottom: 15px;
}

.right{
float: right;
}

.left{
float: left;
}

.full{
width: 100%;
}

.hidden{
display: none;
}

.align_right ,
.align_center ,
.align_left{
margin: 0 0.8em 0.4em 0.8em;
}

.align_right{
float: right;
margin-right: 0;
}

.align_left{
float: left;
margin-left: 0;
}

.align_center{
margin-right: auto;
margin-left: auto;
}

.number{
font-weight: bold;
}

.small{
font-family: "Droid Sans" , arial , verdana , sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
}

.fancy{
font-family: "Droid Serif" , Georgia , serif;
font-style: italic;
font-weight: normal;
}

.large{
font-family: "Droid Serif" , Georgia , serif;
font-size: 1.25em;
font-style: italic;
font-weight: bold;
}

.elnk .post-edit-link{
position: fixed;
top: 10px;
right: 10px;
padding: 3px 6px;
background: #ffffff;
border: 1px solid #f0f0f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.post-edit-link{
display: block;
margin: 10px 0;
}

.n__search_excerpt{
font-weight: bold;
text-decoration: underline;
padding: 2px;
}

/*===========================================*/