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

   Theme Name: LCLumiereCreative
   Theme URI: http://www.lumiere-creative.com/
   Author: Cams
   Author URI: http://www.yeswecams.fr
   Version: 1.1

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

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400italic|Open+Sans:300,400italic,400,700);

/* 
 * HTML5 ? Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%; -webkit-font-smoothing: subpixel-antialiased; }

body { margin: 0; font-size: 12px; line-height: 24px; height:100%;}

body, button, input, select, textarea { font-family: Arial, sans-serif; color: #fff; background:#000; border-radius:0 !important; }

input:focus, textarea:focus {
   outline:none;
}

iframe {
   border:none !important;
   margin:none !important;
}

.button, .alertBox, #menu {
   line-height:22px;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #9da4b4; color: #fff; text-shadow: none; }
::selection { background: #9da4b4; color: #fff; text-shadow: none; }

.clearfix:after, #commentform:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
.clearfix, #commentform {
   display: inline-block;
}
 
html[xmlns] .clearfix, html[xmlns] #commentform {
   display: block;
}
 
* html .clearfix, *html #commentform {
   height: 1%;
}


/* =============================================================================
   Links
   ========================================================================== */

a { color: #606060; text-decoration:none;}
a:visited { color: #606060; }
a:hover, #contactDetails a:hover { color: #de0319; }
a:focus { outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { 
   width:100%;
   display:inline-block;
   height:1px; 
   margin-bottom:35px;
   border:0;
   border-bottom:1px solid #E5E5E5; 
   float:left;
}
.hr {
   padding:0 25px;
   webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

/* FIX IE7 HR */
.ie7 hr { height:1px; }
.ie7 hr.nospace {
   display:none;
}

html.ie8 {
   overflow-y:scroll !important;
}

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

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6 {
   font-family:'Open Sans', sans-serif;
   margin:0;
   color:#fff;
} h1 {
   font-weight:300;
   font-size:36px;
   line-height:36px;
   text-transform:uppercase;
   padding-bottom: 20px;
} h2 {
   font-weight:normal;
   font-size:18px;
   line-height:32px;
} h3 {
   font-weight:700;
   font-size:23px;
   line-height:28px;
} h4 {
   font-weight:400;
   font-size:18px;
   line-height:24px;
} h5  {
   font-family:'Droid Serif', Georgia, serif;
   font-style:italic;
   font-size:18px;
   font-weight:400;
   line-height:26px;
} h6 {
   font-size:11px;
   text-transform:uppercase;
}
p {
   margin:10px 0;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0; list-style-type: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; 
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Ruben Bristian http://rubenbristian.com
   ========================================================================== */

body {
   background-color:#01030f;
   width:100%;
   overflow:hidden;
   background-position:0 0;
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-size:cover;
   height:100%;
   position:relative;
   overflow-y:auto;
}

.closedSidebar #sidebar {
   margin-left:-270px;
}
.closedSidebar #content {
   margin-left:0;
}
.closedSidebars .right {
   margin-right:280px;
}

/* =============================================================================
   Sidebar - main navigation, logo & tagline
   ========================================================================== */

#sidebar {
   width:220px;
   height:100%;
   padding:0 30px;
   position:fixed;
   z-index:9;
   background: #01030f url(images/bg-menu.jpg) no-repeat;
}
.Stick #sidebar {
   margin-left:0;
}

#logo img {
   margin-top:18px;
}

/* Menu general settings */

#menu ul.main-menu {
   position:absolute;
   left:0;
   padding-top: 40px;
}

#menu li {
   width:230px;
   padding:1px 0 0 30px;
   margin-top:-1px;
   position:relative;
}
#menu a, a:visited {
   font-family:'Open Sans', sans-serif;
   font-size:12px;
   color:#656d80;
   text-transform:uppercase;
   margin-left:-30px;
   padding-left:30px;
}
#menu a:hover {
   color:#fff;
}
#menu ul.main-menu > li.selected > p > a {
   color:#fff;
}
#menu #menu-item-32 a {
   color:#fe8a01;
   background:url(images/menu-separator.png) no-repeat;
   display: block;
   padding-top: 20px;
}
#menu #menu-item-32 a:visited {
   color:#fe8a01;
   background:url(images/menu-separator.png) no-repeat;
   display: block;
   padding-top: 20px;
}
#menu #menu-item-32 a:hover {
   color:#fff;
}





/* Other icons */

#close {
   display:block;
   height:39px;
   position:absolute;
   text-indent:-9999px;
   width:25px;
   background:url(images/defSprites.png) no-repeat 0 -841px transparent;
   top:16px;
   right:-19px;
}
.openIcon {
   background-position:-25px -841px !important;
}

#copy {
   height:55px;
   position:absolute;
   bottom:0;
   border-top:1px solid #1a1d2b;
   font-size:10px;
   color:#fff;
   padding:14px 0;
   width:220px;
   -webkit-font-smoothing: antialiased;
}
#copy a, a:visited {
   color:#fff;
}
#copy a:hover {
   color:#df0019;
}

/* =============================================================================
   Main content
   ========================================================================== */

#wrapper {
   position:absolute;
   width:100%;
   height:100%;
   z-index:9;
}

#content {
   float:left;
   min-height:100%;
   width:100%;
   position:absolute;
   z-index:8;
   overflow:hidden;
}
#content > div {
   padding:105px 50px;
   margin-left:280px;
}

/* =============================================================================
   Page content
   ========================================================================== */

#page {
   width:630px;
   background:url(images/bg-page.png) repeat-x 0 68px;
   position:relative;
}

#pageHeader {
   position:relative;
}
#pageHeader h1 {
   margin:0;
   padding:0 40px 32px 40px;
   color:#fff;
   text-transform: inherit;
   font-size:26px;
}

.contentHolder {
   padding:20px 25px 10px 25px;
}
.contentHolder h2 {
   color:#de0319;
}
.contentHolder img {
   padding-bottom: 8px;
}
.home .contentHolder h2 {
   color:#fff;
}

.actionButton {
   display:block;
   height:21px;
   position:absolute;
   text-indent:-9999px;
   width:21px;
   background:url(images/defSprites.png) no-repeat 0 -920px;
   bottom:0;
   right:0;
   z-index:10000;
}
.minimized {
   background-position:0 -950px;
}
.actionButton.close {
   background-position:0 -1738px;
   top:0;
}
.actionButton.close:hover {
   background-position:0 -1759px;
}


/* =============================================================================
   Homepage content
   ========================================================================== */
   
.contentHomepageLeft {
   width:300px;
   float: left;
}
.contentHomepageLeft .txtGrey, .txtGrey {
   color:#c2c2c2;
}
.contentHomepageLeft .txtRed, .txtRed {
   color:#de0319;
}
.contentHomepageLeft .txtOrange, .txtOrange {
   color:#fe8a01;
}
.contentHomepageLeft a:hover .txtOrange  {
   color:#fff;
}
.contentHomepageLeft a:hover .txtGrey  {
   color:#fff;
}
.contentHomepageRight {
   width:240px;
   float: right;
}
.contentHomepageRight h2 {
   font-size: 16px;
}
 

/* =============================================================================
   Contactpage content
   ========================================================================== */
   
.contentContactLeft {
   width:280px;
   float: left;
   padding: 20px 0 40px 40px;
   color: #656d80;
} 
.contentContactLeft h2 {
   font-size: 18px;
   color: #de0319;
   padding-top: 10px;
}
.contentContactLeft h3 {
   font-size: 14px;
   color: #fff;
   font-weight: normal;
}
.contentContactLeft ul {
   padding-top: 20px;
   color: #fff;
   line-height: 18px;
}
.contentContactLeft ul li {
   padding-bottom: 10px;
}
.contentContactLeft ul li a, a:visited {
   color: #fff;
}
.contentContactLeft ul li a:hover {
   color: #de0319;
}
.contentContactLeft ul .contactAdress {
   padding-left: 28px;
   background: url(images/contact-adress.png) no-repeat;
}
.contentContactLeft ul .contactTel {
   padding-left: 28px;
   background: url(images/contact-tel.png) no-repeat;
}
.contentContactLeft ul .contactMail {
   padding-left: 28px;
   background: url(images/contact-mail.png) no-repeat;
}
.contentContactRight {
   width:270px;
   float: left;
   padding: 20px 0 0 0;
} 
.contentContactRight h2 {
   font-size: 18px;
   color: #fff;
   padding: 10px 0 20px 0;
}

/* =============================================================================
   Columns
   ========================================================================== */

.full_width, .one_half, .one_third, .one_fourth {
   float:left;
   padding:0 25px 25px 25px;
}
.full_width {
   width:530px;
}
.full_width img {
   padding: 10px 30px 0 0;
}
.one_half {
   width:240px;
}
.one_third {
   width:162px;
   padding-right: 0px;
}
.one_fourth {
   width:25%;
}
.child {
   padding:0 15px 15px 0;
}
.single-post .full_width {
   padding:0 0 25px 0;
}
.single-post .one_half {
   margin-left:-25px;
}

/* =============================================================================
   Blog
   ========================================================================== */

/* Genergal settings */

.post, .portfolio, .gallery, .page {
   position:relative;
}

.post {
   padding-top: 20px;
   color:#fff;
}

.post a {
   color:#de0319;
}

.post a:hover {
   color:#656d80;
}

.postLinks {
   position:absolute;
   top:0;
   color:#df0019;
   height:30px;
   overflow:hidden;
}
.postLinks a {
   color:#909090;
}
.postLinks a:hover {
   color:#666;
}
.date {
   color:#df0019;
}
.post-excerpt {
   color:#656d80;
}

.search article h3, .category article h3, .tag article h3, .page-template-template-blog-php article h3 {
   margin-top:15px;
   font-weight: normal;
   font-size: 14px;
} .search article h3 a, .category article h3 a, .tag article h3 a, .page-template-template-blog-php article h3 a {
   color:#fff;
} .search article h3 a:hover, .category article h3 a:hover, .tag article h3 a:hover, .page-template-template-blog-php article h3 a:hover {
   color:#df0019;
}
a.read, a:visited.read {
	color:#fff;
	text-decoration:none;
	display: block;
	padding: 2px 10px;
	text-shadow:1px 1px 4px #000;
	background:url(images/bg-button.png) repeat-x;
	width: 70px;
	float: right;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
}
a.read:hover{
	background:url(images/bg-button.png) repeat-x 0 -27px;
	color:#fff;
}
.search .portfolio .postLinks .category, .search .gallery .postLinks .category, .search .page .postLinks .category {
   display:none;
}
.search .portfolio .postLinks .date, .search .gallery .postLinks .date, .search .page .postLinks .date {
   padding-left:0;
   background:none;
}
.page-template-template-blog-php.Full article > a > img {
   width:100%;
   height:100%;
}


.xtram {
   margin:20px;
}

.search .page h3 {
   margin-top:0;
}

.attachment-post-thumbnail.wp-post-image {
   float:left;
   margin:4px 10px 6px 0;
}

/* Pagination */

.pagination {
   margin:-5px 0 25px 25px;
}
.pagination hr {
   border-bottom:none;
}
.pagination li {
   float:left;
   margin-left:6px;
}
.pagination ul {
   padding: 0;
   border:none;
   margin:0;
}
.pagination ul li {
   padding: 0;
   margin: 0 0 0 6px;
	 background:none;
}
.pagination li:first-child {
   margin-left:0;
}
.pagination a {
   width:21px;
   height:21px;
   background:url(images/bg-button.png) repeat-x;
   color:#fff;
   font-family:Tahoma, Arial, sans-serif;
   font-size:11px;
   display:block;
   padding:0 0 0 7px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.pagination a:hover {
   background:url(images/bg-button.png) repeat-x 0 -27px;
   color:#FFF;
}
.pagination a.active {
   background:url(images/bg-button.png) repeat-x 0 -27px;
   color:#FFF;
}
.pagination a.inactive {
   pointer-events:none;
   cursor:default;
}
.pagination .btnNext, .pagination .btnPrev {
   text-indent:-9999px;
   display:block;
}
.pagination .btnNext {
   background:url(images/defSprites.png) no-repeat 0 -1146px;
}
.pagination .btnNext:hover {
   background:url(images/defSprites.png) no-repeat 0 -1120px;
}
.pagination .btnPrev {
   background:url(images/defSprites.png) no-repeat -27px -1146px;
}
.pagination .btnPrev:hover {
   background:url(images/defSprites.png) no-repeat -27px -1120px;
}
.pagination .hr {
   margin-left:-25px;
}

/* Full post */
.single-post #menu-item-1159 a {
   color:#fff;
}
.fullPost article {
   padding:32px 50px 10px;
}
.fullPost article h2 {
   color:#fff;
}
.fullPost .postLinks {
   top:35px;
}
.fullPost article p {
   margin:20px 0;
}
.fullPost .date {
   padding-bottom: 20px;
}

.hasButtonsPost{
   position:absolute;
   right:-2px;
   top:44px;
}
.hasButtonsPost div {
   width:21px;
   height:21px;
   background:url(images/defSprites.png) no-repeat;
   float:right;
   margin:24px 0 0 0;
   cursor:pointer;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
} 
.hasButtonsPost a {
   display:block;
   width:21px;
   height:21px;
   text-indent:-9999px;
}

.hasButtonsPost div.btnClose, div.btnClose2 {
   background-position:0 -1738px;
}
.hasButtonsPost div.btnNext, div.btnNext2 {
   background-position:0 -1678px;
}
.hasButtonsPost div:hover {
   background-color:#3E3D3D;
}

/* Sharing links */
.shareLinks {
   display: none;
}

/* Comments list */
.commentsList {
   float:left;
   clear:left;
   width:100%;
   margin-top:10px;
}
#comments-title, #reply-title {
   font-size:22px;
   font-weight:400;
   font-style:normal;
   font-family:'Open Sans', sans-serif;
}
.comment {
   border-bottom:1px dotted #D1D1D1;
   padding:25px 0;
   position:relative;
   color:#888;
}
.comment:first-child {
   padding-top:10px;
}
.comment > div {
   float:left;
   margin-left:65px;
}
.comment .commentAvatar {
   position:absolute;
   left:0;
   top:25px;
   padding-top:3px;
}
.comment:first-child .commentAvatar {
   top:10px;
}
.comment p {
   margin:0 !important;
   float:left;
   clear:left;
}
.commentAuthor {
   font-family:'Open Sans', sans-serif;
   font-size:18px;
   color:#606060;
}
.commentTime {
   font-size:11px;
   font-style:italic;
   color:#ADB3B8;
   margin-top:-2px !important;
}
.await {
   font-size:11px;
   color:#333;
   float:left;
   margin-top:5px;
}
.asterix {
   color:#999;
   font-family:'Open Sans', sans-serif;
   font-size:12px;
   position:absolute;
   top:40px;
   right:0;
}

/* Comments form */
.commentsForm {
   float:left;
   clear:left;
   margin-top:-10px;
   width:100%;
   position:relative;
}
.commentsForm form > input, .commentsForm form > textarea {
   background:#F7F7F7;
   border:1px solid #E7E5E4;
   box-shadow:0 1px 2px #E9E9E9 inset;
   color:#BFBFBF;
   font-size:12px;
   height:34px;
   padding:4px 8px;
   margin-left:3.5%;
   width:31%;
   float:left;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.commentsForm form > input:first-child, .commentsForm form > textarea {
   margin-left:0;
}
.commentsForm form > textarea {
   width:100%;
   height:130px;
   margin-top:20px;
   clear:left;
   padding-top:10px;
}
.form-submit {
   height:31px;
   padding-right:16px;
   box-shadow:none;
   border:none;
   clear:left;
   display:block;
   border:none;
   float:left;
} 
#submit {
   height:27px;
   border:none;
   font-size:11px;
   font-family:'Open Sans', sans-serif;
   text-transform:uppercase;
   color:#FFF;
   padding:1px 16px 0 16px;
   background:url(images/bg-button.png) repeat-x;
}
.form-submit:hover #submit {
   background:url(images/bg-button.png) repeat-x 0 -27px;
}
.logged-in-as {
   margin:0 !important;
}

/* Other stuff */
.searchResults {
   padding:0 25px 5px 25px;
}
#reply-title {
   margin-top:35px;
}

/* Custom layout */
.page-template-template-blog-php.Full .contentHolder{
   padding-top:49px;
}
.page-template-template-blog-php.Full article.one_half {
   width:100%;
}
.page-template-template-blog-php.Full .xtram {
   display:none;
}
.page-template-template-blog-php.Full .postLinks {
   position:static;
   width:100px;
   height:auto;
   float:left;
   margin-top:-5px;
}
.page-template-template-blog-php.Full .postLinks li {
   float:left;
   display:block;
   background:none !important;
   padding-left:0 !important;
}
.page-template-template-blog-php.Full article > p {
   display:inline;
}
.page-template-template-blog-php.Full h3 {
   margin-bottom:25px;
}
.page-template-template-blog-php.Full .read {
   display:block;
   margin-top:5px;
}

/* =============================================================================
   Page/Post headers
   ========================================================================== */

/* Sliders */
#postSlider {
   position:relative;
   overflow:hidden;
   background:url(images/preloader2.gif) no-repeat center center transparent;
}
.post #postSlider .slides_container > div, .page #postSlider .slides_container > div, .pageSlider .slides_container > div {
   width:650px;
}
.pageSlider {
   margin-top:20px;
}
#postSlider img {
   width:100%;
   display:block;
}
.sliderControls {    
   background:none;
   padding:10px;
   position:absolute;
   top:90%;
   right:0;
   margin-top:-22px;
   z-index:99999;
}
.sliderBtnPrev, .sliderBtnNext {
   width:25px;
   height:25px;
   display:block;
   text-indent:-9999px;
   background:url(images/defSprites.png) no-repeat 0 -1380px;
   float:left;
   margin-right:5px;
} .sliderBtnPrev:hover {
   background-position:0 -1405px;
}
.sliderBtnNext {
   background-position:-25px -1380px;
} .sliderBtnNext:hover {
   background-position:-25px -1405px;
}
.sliderPagination {
   display: none;
}

/*
#postSlider iframe {
   width:100% !important;
}
*/

.page-template-template-portfolio-php #postSlider, .page-template-template-portfolio-paged-php #postSlider {
   width:600px;
   height:480px;
   background:url(images/preloader2.gif) no-repeat center center transparent;
}
.page-template-template-portfolio-php .slides_container, .page-template-template-portfolio-php .slides_control, .page-template-template-portfolio-php .slides_control > div {
   width:600px;
   height:480px;
}
.page-template-template-portfolio-paged-php .slides_container, .page-template-template-portfolio-paged-php .slides_control, .page-template-template-portfolio-paged-php .slides_control > div {
   width:600px;
   height:480px;
}

/* =============================================================================
   Contact page
   ========================================================================== */

.contactForm > input, .contactForm > textarea {
   background:url(images/bg-form.png);
   color:#656d80;
   font-size:11px;
   height:32px;
   padding:4px 8px;
   border:none;
   width:100%;
   float:left;
   margin-bottom:10px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.contactForm textarea {
   resize:none;
   height:100px !important;
   padding-top:10px !important;
}
.contactError {
   clear:left;
   color:#de0319;
   float:left;
   font-size:11px;
   margin:30px 0 0;
   display:none;
   line-height: 14px;
}

#contactDetails #minimize {
   top:0;
}
#contact {
   font-size:12px;
}

/* =============================================================================
   Portfolio page
   ========================================================================== */

.page-template-template-portfolio-php #content > div, .page-template-template-portfolio-paged-php #content > div, .page-template-template-gallery-php #content > div {
   padding:38px 0 0 0;
}
.Enable.page-template-template-portfolio-php #content > div, .Enable.page-template-template-portfolio-paged-php #content > div, .Enable.page-template-template-gallery-php #content > div {
   width:100%;
}

/* Portfolio Grid Holder & Items */

.folioGrid {
   overflow:visible !important;
}
.folioItem {
   display:block;
   float:left;
   margin:0;
   padding:0;
   position:relative;
   width:360px;
   height:270px;
   z-index:1;
   cursor:pointer;
   overflow:visible !important;
} #gallery .folioItem {
   width:240px;
   height:180px;
}
.folioThumb {
   width:100%;
   height:100%;
   opacity:.5;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   position:absolute;
   top:0;
   left:0;
}
.folioPlus {
   background:url(images/defSprites.png) no-repeat 0 -1550px transparent;
   display:none;
   position:absolute;
   bottom:-53px;
   left:50%;
   margin-left:-26px;
   z-index:10;
   width:53px;
   height:53px;
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
} #gallery .folioPlus {
   bottom:auto;
   top:-23px;
}
.folioShadow {    
   box-shadow:0 0 20px rgba(0, 0, 0, 0.2);
   display: block;
   width:100%;
   height:0;
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
} #gallery .folioShadow {
   height:100%;
}
.folioTextHolder {
   background:#01030f url(images/picto-plus.png) no-repeat bottom right;
   height:0;
   width:100%;
   position:absolute;
   bottom:0;
   left:0;
   z-index:9;
   overflow:visible !important;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
} #gallery .folioTextHolder {
   background:#3A3A3A;
   background:rgba(58,58,58,.8);
   height:100%;
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.folioText {
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   padding:15px 20px 10px 15px;
   position:absolute;
   top:-50px;
   left:0;
   width:100%;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
} #gallery .folioText{
   top:200px;
   width:100%;
   padding:0 20px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.folioText h3 {
   font-size:18px;
   color:#fff;
   border-bottom:1px solid #1a1d2b;
   margin:0;
   padding-bottom:6px;
   line-height:20px;
   font-weight: normal;
} #gallery .folioText h3 {
   font-size:16px;
   border:none;
   padding:0;
}
.folioText p {
   font-family:'Open-Sans', sans-serif;
   font-size:12px;
   color:#656d80;
   overflow:hidden;
   text-transform: capitalize;
   margin: 0;
   padding-top: 0;
} #gallery .folioText p {
   font-size:10px;
   font-style:normal;
   text-transform:uppercase;
   color:#EEE;
   margin:0;
}

/* Portfolio Single Project */

.project {
   width:100%;
   max-height:480px;
   width:910px;
   margin-left:-455px;
   position:relative;
   z-index:99999;
   box-shadow:0 0 20px rgba(0,0,0,.25);
   background:#fff;
   overflow:hidden;
} .single-portfolio .project, .single-gallery .project {
   margin-left:0;
}
.projectContent {
   width:310px;
   padding:30px;
   float:right;
   color:#B0B0B0;
   font-size:11px;
   position:relative;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.projectContent h4 {
   color:#424752;
   font-weight:normal;
   margin:0 0 15px 0;
}
.projectContent hr {
   border-bottom:1px solid #f2f2f3;
   margin-bottom:12px;
}
.projectContent hr.second {
   margin-bottom:12px;
}
.projectContent .category {
   font-family:'Open Sans', sans-serif;
   text-transform:uppercase;
   color:#A8A8A8;
   display:block;
   padding:6px 0 5px 0;
}
.projectContent em {
   font-family:'Open Sans', sans-serif;
   font-size:12px;
}
.projectContent a {
   font-family:'Open Sans', sans-serif;
   font-size:13px;
   font-style:italic;
   color:#FFF;
}
.projectContent a:after {
   content:"  \2192";
   font-family:Arial;
   font-size:14px;
   margin-left:4px;
}
.projectContent a:hover {
   color:#F15A23;
}

.projectSlides {
   float:left;
   height:480px;
   width:600px;
}
.projectSlides iframe {
   width:100% !important;
   height:100% !important;
}

#projectHover {
   height:100%;
   width:100%;
   left:0;
   position:absolute;
   top:38px;
   z-index:99998;
   background:url(images/preloader2.gif) no-repeat center center #01030f;
   background:url(images/preloader2.gif) no-repeat center center rgba(1,3,15,.5);
   cursor:pointer;
} 
.hasButtons a {
   width:27px;
   height:26px;
   background:url(images/defSprites.png) no-repeat 0 -1627px #F15A23;
   display:block;
   padding:2px 0 0 9px;
   text-indent:-9999px;
   float:right;
   margin:30px 0 0 6px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
} .page-template-template-gallery-php .hasButtons a {
   display:none;
}
.hasButtons a:first-child {
   margin-right:30px;
}
.hasButtons a.btnClose {
   background-position:0 -1653px;
   display: none;
}
.hasButtons a.btnNext {
   background-position:0 -1678px;
   display:none;
}
.hasButtons a.btnPrev {
   display:none;
}
.hasButtons a:hover {
   background-color:#3E3D3D;
}

/* Opened project hacks */
.openedP {
   padding:140px 0 !important;
   min-height:480px;
}
.openedP #portfolio {
   position:absolute !important;
   top:38px;
}

.Stick.topBoss.page-template-template-gallery-php .hasButtons a:first-child {
   margin-right:310px;
}
.Stick.page-template-template-gallery-php.topBoss #slideList {
   right:310px;
}
.Stick.topBoss #supersizedControls {
   left:280px !important;
}

.admin-bar .openedP #portfolio, .admin-bar #projectHover {
   top:98px;
}
.single-gallery .project {
   width:auto;
   overflow:visible;
   box-shadow:none;
   background:none;
   max-width:750px;
   max-height:none;
}
.single-gallery .galleryContent {
   position:static;
   top:0;
   left:0;
   display:block;
   width:auto;
}
.single-gallery #projectSlides {
   width:750px;
   overflow:hidden;
}
.single-gallery #projectSlides img {
   float:left;
}

/*

   Supersized - Fullscreen Slideshow jQuery Plugin
   Version : Core 3.2.1
   
   Site  : www.buildinternet.com/project/supersized
   Author   : Sam Dunn
   Company : One Mighty Roar (www.onemightyroar.com)
   License : MIT License / GPL License
   
*/

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }   
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


.disabled {
   pointer-events:none;
   cursor:default;
}
.noHover {
   pointer-events:none;
   cursor:default;
}

#supersizedControls {
   position:fixed;
   top:70px;
   left:0;
   margin:0 !important;
   padding:0 !important;
   z-index:-999;
   width:100%;
} .admin-bar #supersizedControls {
   top:98px;
}

#slideList {
   margin:0 !important;
   padding:0 !important;
   bottom:30px;
   right:24px;
   position:absolute;
   display:none;
}
#slideList li {
   float:left;
   margin-right:6px;
}
#slideList a {
   width:27px;
   height:26px;
   background:#F15A23;
   color:#FFF;
   font-family:Tahoma, Arial, sans-serif;
   font-size:11px;
   display:block;
   padding:3px 0 0 10px;
   cursor:pointer;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
#slideList li a:hover {
   background-color:#3E3D3D;
}
#slideList li.current-slide a {
   background-color:#F1F0F0;
   color:#262626;
}

#playPause {
   width:27px;
   height:26px;
   position:relative;
   cursor:block;
   background:#F15A23;
}
#playPause a {
   position:absolute;
   left:0;
   top:0;
   z-index:2;
   background:url(images/defSprites.png) no-repeat 0 -1817px transparent;
   text-indent:-9999px;
}
#playPause a:hover {
   background-color:transparent !important;
}
#playPause.paused a {
   background-position:0 -1790px;
}
#progressBar {
   background:#3E3D3D;
   width:100%;
   height:0;
   position:absolute;
   bottom:0;
   left:0 !important;
   z-index:1;
}

/* Gallery */

.galleryContent {
   position:absolute;
   width:280px;
   bottom:30px;
   left:40px;
   display:none;
   overflow:hidden;
}
.galleryContent header {
   background:#3A3A3A;
   padding:15px 20px;
   position:relative;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.galleryContent header h4 {
   color:#FFF;
   margin:0;
   line-height:23px;
   float:left;
}
.galleryContent .minimize {
   top:auto;
   bottom:0;
}
.galleryContent .shortContent {
   background:#FFF;
   color:#9D9D9D;
   font-family:Tahoma, Arial, sans-serif;
   font-size:11px;
   line-height:17px;
   padding:5px 20px 15px 20px;
}
.galleryContent .category {
   display:block;
   font-family:'Open Sans', sans-serif;
   margin-top:15px;
   padding:9px 0;
   text-transform:uppercase;
   width:100%;
   border:1px solid #E3E3E3;
   border-width:1px 0 1px 0;
}
.galleryContent .shareLinks {
   margin-top:15px;
}

.page-template-template-slideshow-php #projectSlides, .page-template-template-slideshow-php .galleryContent .close {
   display:none;
}
.page-template-template-slideshow-php #slideList, .page-template-template-slideshow-php .galleryContent {
   bottom:100px;
}
.page-template-template-slideshow-php .galleryContent {
   margin-left:30px;
}

/* =============================================================================
   Shortcodes
   ========================================================================== */

/* Buttons */

.button {
   height:27px;
   font-size:11px;
   font-family:'Open Sans', sans-serif;
   display:inline-block;
   text-transform:uppercase;
   margin: 10px 0 20px 0;
} 
.button span {
   color:#FFF;
   height:24px;
   display:block;
   padding:3px 8px 0 15px;
   text-shadow:1px 1px 4px #000;
}
.button.light span {
   background:url(images/bg-button.png) repeat-x;
} .button.light:hover span {
   background:url(images/bg-button.png) repeat-x 0 -27px;
}
.button.red span {
   background:url(images/bg-button.png) repeat-x 0 -27px;
} .button.red:hover span {
   background:url(images/bg-button.png) repeat-x;
} 
.button.orange span {
   background:url(images/bg-button.png) repeat-x 0 -54px;
} .button.orange:hover span {
   background:url(images/bg-button.png) repeat-x;
}
.button.dark span {
   background:#3E3C3D;
} .button.dark:hover span {
   background:#F15A23;
} 
.button.light.headed {
   background:url(images/defSprites.png) no-repeat right -269px;
   padding-right:16px;
} .button.dark.headed {
   background:url(images/defSprites.png) no-repeat right -210px;
   padding-right:16px;
} .button.red.headed {
   background:url(images/defSprites.png) no-repeat right -210px;
   padding-right:16px;
} .button.orange.headed {
   background:url(images/defSprites.png) no-repeat right -237px;
   padding-right:16px;
}

.button.dark.headed:hover {
   background:url(images/defSprites.png) no-repeat right -269px;
   padding-right:16px;
} .button.light.headed:hover {
   background:url(images/defSprites.png) no-repeat right -210px;
   padding-right:16px;
} .button.red.headed:hover {
   background:url(images/defSprites.png) no-repeat right -269px;
   padding-right:16px;
} .button.orange.headed:hover {
   background:url(images/defSprites.png) no-repeat right -269px;
   padding-right:16px;
}
.button.light.classic {
   background:url(images/defSprites.png) no-repeat right -569px;
   padding-right:10px;
} .button.dark.classic {
   background:url(images/defSprites.png) no-repeat right -609px;
   padding-right:10px;
}
.button.dark.classic:hover {
   background:url(images/defSprites.png) no-repeat right -569px;
   padding-right:10px;
} .button.light.classic:hover {
   background:url(images/defSprites.png) no-repeat right -609px;
   padding-right:10px;
}
.button.none.classic {
   background:none;
   padding-right:16px;
}
.button.none.classic:hover {
   background:none;
}
.button.light.arrow span {
   background:url(images/defSprites.png) no-repeat right -131px #F15A23;
   padding-right:25px;
} .button.dark.arrow span {
   background:url(images/defSprites.png) no-repeat right -161px #3E3C3D;
   padding-right:25px;
} .button.none span {
   padding-right:17px;
}
.button.dark.arrow:hover span {
   background:url(images/defSprites.png) no-repeat right -131px #F15A23;
   padding-right:25px;
} .button.light.arrow:hover span {
   background:url(images/defSprites.png) no-repeat right -161px #3E3C3D;
   padding-right:25px;
}

/* Alert boxes */

.alertBox {
   width:100%;
   padding:9px 10px 8px 50px;
   border-left-width:4px !important;
   font-size:12px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
} .alertBox.error {
   color:#B3696C;
   background:url(images/defSprites.png) no-repeat 10px -310px #F9E5E6;
   border:1px solid #F7C7C9;
} .alertBox.success {
   color:#8FA442;
   background:url(images/defSprites.png) no-repeat 10px -370px #E3EBC6;
   border:1px solid #C2D288;
} .alertBox.info {
   color:#528DA9;
   background:url(images/defSprites.png) no-repeat 10px -431px #D8ECF5;
   border:1px solid #9AC9DF;
} .alertBox.notice {
   color:#C4A21B;
   background:url(images/defSprites.png) no-repeat 10px -493px #FCF7D9;
   border:1px solid #F5DC7D;
}

/* Dropcaps */

.dropcap {
   display:block;
   float:left;
   margin:0 7px 0 0;
   padding:9px 0 0 9px;
   width:35px;
   height:35px;
   font-size:24px;
   color:#DFDFDF;
   font-weight:700;
   color:#FFF;
   background:#3A3A3A;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
} .dropcap.circle {
   border-radius: 32px;
}

/* Blockquotes */

blockquote {
   font-family:'Droid Serif', Georgia, serif;
   font-style:italic;
   margin:0;
   line-height:20px;
}
blockquote span {
   display:block;
   text-indent:-9999px;
   width:34px;
   height:30px;
   background:url(images/defSprites.png) no-repeat 0 -648px;
   float:left;
   margin:5px 7px 0 0;
}

/* Tabs */

.tabs .filters li {
   float:left;
}
.tabs .filters a {
   color:#666;
   display:block;
   font-size:13px;
   padding:7px 16px 7px 14px;
}
.tabs .filters a:hover {
   color:#444;
}
.tabs .filters a.selected {
   border-color:#DADADA #DADADA #FFFFFF;
   border-style:solid;
   border-width:1px;
   color:#3D3D3D;
}
.tabsContent {
   margin-top:-1px;
   border-top:1px solid #DADADA;
   font-size:11px;
   line-height:17px;
}
.tabsContent > div {
   display:none;
   padding:7px 15px;
}
.tabsContent > div:first-child {
   display:block;
}

/* Toggle */

.toggle > li {
   border-bottom:1px dotted #BDBDBD;
   cursor:pointer;
   height:30px;
   margin-bottom:4px;
   padding:3px 0 0 27px;
   position:relative;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.toggle > li:last-child {
   border-bottom:none;
}
.toggle > li > a {
   color:#666666;
   font-size:13px;
}
.toggle a.open {
   background:url(images/defSprites.png) no-repeat 0 -726px transparent;
   display:block;
   height:18px;
   left:0;
   position:absolute;
   text-indent:-9999px;
   top:4px;
   width:18px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.toggle div {
   display:none;
   font-size:11px;
   line-height:17px;
}
.toggle > li:first-child {
   height:auto;
}
.toggle > li:first-child div {
   display:block;
}
.toggle .opened a.open {
   background-position:0 -747px;
}

/* Text box */

.textBox {    
   background:#F3F3F3;
   border:1px solid #E9E9E9;
   padding:25px 35px;
}
.textBox h5 {
   margin-top:0;
   font-size:24px;
   color:#666;
}

/* Lists */

.contentList li {
   font-size:11px;
   line-height:17px;
   border-top:1px dotted #BDBDBD;
   padding:5px 0 4px 23px;
}
.contentList li:first-child {
   border-top:none;
}
.contentList.arrow1 li, .contentList.special li:nth-child(1n) {
   background:url(images/list1.png) no-repeat 6px 9px transparent;
}
.contentList.arrow2 li, .contentList.special li:nth-child(2n) {
   background:url(images/list2.png) no-repeat 4px 8px transparent;
}
.contentList.circle li, .contentList.special li:nth-child(3n) {
   background:url(images/list3.png) no-repeat 5px 9px transparent;
}
.contentList.check li, .contentList.special li:nth-child(4n) {
   background:url(images/list4.png) no-repeat 1px 7px transparent;
}
.contentList.star li, .contentList.special li:nth-child(5n) {
   background:url(images/list5.png) no-repeat 0 5px transparent;
}
.contentList.plus li, .contentList.special li:nth-child(6n) {
   background:url(images/list6.png) no-repeat 3px 8px transparent;
}
.contentList.dash li, .contentList.special li:nth-child(7n) {
   background:url(images/list7.png) no-repeat 2px 12px transparent;
}

/* =============================================================================
   Widgets
   ========================================================================== */

.footer .widget_text {
   font-size:11px;
   color:#A9A9A9;
   padding:5px 0;
}

.postLinks .category {
   text-transform:uppercase;
}

/* Footer menu & links + blog post meta */

.widget_nav_menu li, .widget_links li, .postLinks li {
   float:left;
   margin-right:8px;
   padding:5px 0 5px 12px;
   font-size:11px;
   color:#A9A9A9;
   background:url(images/defSprites.png) no-repeat 0 -781px transparent;
}
.widget_nav_menu li:first-child, .widget_links li:first-child, .postLinks li:first-child {
   background:none;
}
.widget_nav_menu a, .widget_links a, .postLinks a {
   color:#A9A9A9;
}
.widget_nav_menu li:first-child, .widget_links li:first-child, .postLinks li:first-child {
   padding-left:0;
}
.widget_nav_menu a:hover, .widget_links a:hover {
   color:#666;
}
.widget_nav_menu ul ul {
   display:none;
}

/* Twitter widget */

.widget.twitter {
   padding:5px 0 5px 12px;
   color:#A9A9A9;
   font-family:'Open Sans', sans-serif;
}
.twitterIntro, .twitterList {
   display:inline;
   font-size:11px;
   margin:0;
}
.twitterList {
   margin-left:5px;
}
.twitFooter {
   display:none;
}

/* Separator menu */

.widget_separator {
   height:31px;
   width:1px;
   border:none;
   border-left:1px dotted #CECDCD;
   margin:0;
   padding:0;
}

/* Social Links */

.socialList {
   padding:7px 0;
}
.socialList li {
   float:left;
   margin-left:16px;
   position:relative;
}
.socialList li:first-child {
   margin-left:0;
}
.socialList a {
   display:block;
   width:18px;
   height:18px;
   text-indent:-9999px;
   background:url(images/defSprites.png) no-repeat 0 -1000px transparent;
}
.socialList .twitter {
   background-position:0 -1000px;
} .socialList .twitter:hover {
   background-position:-18px -1000px;
}
.socialList .facebook {
   background-position:0 -1018px;
} .socialList .facebook:hover {
   background-position:-18px -1018px;
}
.socialList .google {
   background-position:0 -1036px;
} .socialList .google:hover {
   background-position:-18px -1036px;
}
.socialList .linkedin {
   background-position:0 -1054px;
} .socialList .linkedin:hover {
   background-position:-18px -1054px;
}
.socialList .flickr {
   background-position:0 -1072px;
} .socialList .flickr:hover {
   background-position:-18px -1072px;
}
.socialList .skype {
   background-position:0 -1090px;
} .socialList .skype:hover {
   background-position:-18px -1090px;
}
.socialList .vimeo {
   background-position:0 -2700px;
} .socialList .vimeo:hover {
   background-position:-18px -2700px;
}
.socialList .dribbble {
   background-position:0 -2718px;
} .socialList .dribbble:hover {
   background-position:-18px -2718px;
}
.socialList .youtube {
   background-position:0 -2736px;
} .socialList .youtube:hover {
   background-position:-18px -2736px;
}
.socialList .pinterest {
   background-position:0 -2754px;
} .socialList .pinterest:hover {
   background-position:-18px -2754px;
}
.socialList .google2 {
   background-position:0 -2772px;
} .socialList .google2:hover {
   background-position:-18px -2772px;
}
.socialList .digg {
   background-position:0 -2790px;
} .socialList .digg:hover {
   background-position:-18px -2790px;
}
.socialList .stumbleupon {
   background-position:0 -2808px;
} .socialList .stumbleupon:hover {
   background-position:-18px -2808px;
}
.socialList .delicious {
   background-position:0 -2826px;
} .socialList .delicious:hover {
   background-position:-18px -2826px;
}
.socialList .rss {
   background-position:0 -2844px;
} .socialList .rss:hover {
   background-position:-18px -2844px;
}
.socialHover {
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   position:absolute;
   top:0;
   left:0;
}

/* Search box */

.widget_search form {
   margin-top:1px;
   width:227px;
}
.widget_search input {
   background:url(images/defSprites.png) no-repeat 3px 5px #F6F6F6;
   border:1px solid #E7E5E4;
   box-shadow:0 0 2px #E9E9E9 inset;
   color:#BFBFBF;
   font-size:11px;
   height:28px;
   width:195px;
   padding:3px 8px 3px 23px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}

/* Phone number */
.phoneNumber {
   margin:0;
   padding:5px 0 5px 26px;
   background:url(images/defSprites.png) no-repeat 0 -1461px transparent;
   font-family:'Open Sans', sans-serif;
}
.phoneNumber a, a:visited {
   color:#656d80;
}
.phoneNumber a:hover {
   color:#fff;
}

/* Email Address */
.emailAddress {
   margin:0;
   padding:5px 0 5px 26px;
   background:url(images/defSprites.png) no-repeat 0 -1500px transparent;
   font-family:'Open Sans', sans-serif;
   color:#fff;
}
.emailAddress a, a:visited {
   color:#656d80;
}
.emailAddress a:hover {
   color:#fff;
}

/* =============================================================================
   Footers
   ========================================================================== */

.footer {
   width:100%;
   padding:4px 30px;
   left:0;
   position:absolute;
   z-index:7;
   margin-left:280px;
   overflow:hidden;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
.footer > div > div, .footer > div > hr {
   float:left;
   margin-right:30px;
}

#topFooter {
   top:0;
   padding-left:40px;
}
#bottomFooter {
   bottom:0;
   display: none;
}
.right {
   float:right;
}
.footer .left {
   float:left;
   height:50px;
}
.footer .right > div:last-child {
   margin-right:0;
}

/* =============================================================================
   Scrollbar
   ========================================================================== */

.rbScroll {
   height:100%;
   padding-top:100px;
   position:absolute;
   right:0;
   top:0;
   width:17px;
   z-index:9999;
}
.rbScrollHandle {
   background:#D2D2D2;
   height:15%;
   position:absolute;
   right:0;
   top:130px;
   width:5px;
}
.rbScrollBack {
   background:#FFFFFF;
   height:100%;
}

/* =============================================================================
   Password box
   ========================================================================== */

.jquery-msgbox
{
  background:#333 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.jquery-msgbox-wrapper
{
  padding:20px;
  min-height:0 !important;
}

.jquery-msgbox-buttons
{
  padding:0;
  text-align:right;
  position:absolute;
  bottom:-41px;
  right:0;
}

.jquery-msgbox-buttons button {

   background:#F15A23;
   height:31px;
   border:none;
   font-size:11px;
   font-family:'Open Sans', sans-serif;
   text-transform:uppercase;
   color:#FFF;
   padding:1px 16px 0 16px;

}

.jquery-msgbox-buttons button:hover {
   background:#333;
}

.jquery-msgbox-buttons button:first-child {
   margin-right:10px;
}

.jquery-msgbox-inputs
{
  margin-top:4px;
}

.jquery-msgbox-inputs input
{
  display:block;
  padding:3px 2px;
  border:1px solid #222;
  margin:10px 0 6px 0;
  background:#222;
  width:100%;
  height:27px;
}

.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

#mobileCheck, #top {
   display:none;
}

@media all and (max-width: 1024px) and (min-width: 1023px) {

   #sidebar {
      position:absolute;
      height: 1024px;
   }
   
}

@media all and (max-width: 1150px) and (min-width: 641px){
   .Stick.topBoss .project {
      max-height:none;
      height:100%;
      width:600px;
      margin-left:-300px;
   }
   .Stick.topBoss .projectContent {
      width:600px;
      float:none;
   }
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
   Other classes and fixes
   ========================================================================== */

.hidden {
   display:none;
}

.admin-bar #sidebar {
   top:28px;
}
.admin-bar #topFooter {
   top:28px;
}
.admin-bar #content > div {
   padding-top:148px;
}
.admin-bar #copy {
   bottom:27px;
}
.admin-bar.page-template-template-portfolio-php #content > div, .admin-bar.page-template-template-portfolio-paged-php #content > div .admin-bar.page-template-template-gallery-php #content > div {
   padding:98px 0 70px 0;
}
.admin-bar.page-template-template-portfolio-paged-php #content > div, .admin-bar.page-template-template-portfolio-paged-paged-php #content > div .admin-bar.page-template-template-gallery-php #content > div {
   padding:98px 0 70px 0;
}

@media all and (min-width: 641px) {

   .closedSkie #sidebar {
      margin-left:-270px;
   }
   .closedSkie #content > div, .closedSkie #bottomFooter, .closedSkie #topFooter {
      margin-left:0;
   }
   .closedSkie #topFooter div.right {
      margin-right:0;
   }
   .closedSkie #supersizedControls {
      left:0;
   }

}

.ie8 .closedSkie #sidebar {
   margin-left:-270px;
}
.ie8 .closedSkie #content > div, .closedSkie #bottomFooter, .closedSkie #topFooter {
   margin-left:0;
}
.ie8 .closedSkie #topFooter div.right {
   margin-right:0;
}
.ie8 .closedSkie #supersizedControls {
   left:0;
}

.ie7 body {
   overflow:hidden;
   background:#F9632F !important;
}
.ie7 #content, .ie7 #sidebar {
   display:none;
}
.ie7 #oldie {
   color:#FFF;
   left:50%;
   margin-left:-150px;
   margin-top:-10px;
   width:300px;
   top:50%;
   text-align:center;
   position:absolute;
   display:block;
} #oldie {
   display:none;
}
.ie7 #oldie a {
   border-bottom:1px dotted #FFF;
   color:#FFF;
   font-weight:bold;
}
.ie7 #oldie a:hover {
   color:#333;
   border-bottom:1px dotted #333;
}

.ie8 #sidebar, .ie9 #sidebar {
   width:224px;
}
.ie8 #close, .ie9 #close {
   right:-12px;
}

.sticky, .gallery-caption, .bypostauthor {
   
}

.fb_edge_comment_widget.fb_iframe_widget {
   display:none !important;
}

/* =============================================================================
   Light Sidebar Theme
   ========================================================================== */

.Light #sidebar {
   background:#FFF;
   filter:none !important;
   box-shadow:0 0 20px rgba(0,0,0,0.3);
}
.Light #logo {
   border-bottom:1px solid #E9E9E9;
}
.Light #tagline {
   color:#8F8F8F;
}
.Light #close {
   background-position:0 -2150px;
   width:35px;
   right:-29px;
}
.Light .openIcon {
   background-position:0 -2210px !important;
} 
.Light #copy {
   border-top:1px solid #E9E9E9;
   color:#C4C4C4;
}
.Light #menu a {
   color:#8F8F8F;
   padding-left:24px;
   border-left:6px solid #FFF;
   text-shadow:none;
}
.Light #menu p {
   border-bottom:1px dotted #CECDCD;
}
.Light #menu ul > li:hover > p:before {
   background:url(images/defSprites.png) no-repeat 12px -2100px transparent;
}
.Light #menu ul.main-menu > li:hover > p > a {
   background:#FAFAFA;
   border-left:6px solid #F0F0F0;
}
.Light #menu ul > li.selected > p:before {
   background:url(images/defSprites.png) no-repeat 12px -2060px transparent;
}
.Light #menu ul.main-menu > li.selected > p > a {
   background:#F2F2F2;
   border-left:6px solid #F15A23;
}
.Light #menu ul.sub-menu a {
   color:#8F8F8F;
}
.Light #menu ul.sub-menu a {
   background:url(images/defSprites.png) no-repeat 32px -99px transparent;
}
.Light #menu ul.sub-menu > li:hover > p > a {
   background:url(images/defSprites.png) no-repeat 32px -99px #FAFAFA;
   border-left:6px solid #F0F0F0;
}
.Light #menu ul.sub-menu > li.selected p > a {
   background:url(images/defSprites.png) no-repeat 32px -99px #F2F2F2;
   border-left:6px solid #F15A23;
   color:#222 !important;
}
.Light #menu ul > li.parent.opened:hover {
   background:transparent;
}
.Light #menu ul > li.parent.opened:hover > p > a {
   background:transparent;
   border-left:6px solid #FFF;
}
.Light .select-replace-cover {
   border-bottom:1px solid #999;
   color:#333;
   /* beautiful gradient below :) */
   background:#ededed;
   background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background:-moz-linear-gradient(top,  #ededed 0%, #c9c9c9 100%);
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c9c9c9));
   background:-webkit-linear-gradient(top,  #ededed 0%,#c9c9c9 100%);
   background:-o-linear-gradient(top,  #ededed 0%,#c9c9c9 100%);
   background:-ms-linear-gradient(top,  #ededed 0%,#c9c9c9 100%);
   background:linear-gradient(top,  #ededed 0%,#c9c9c9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#c9c9c9',GradientType=0 );
}
.Light .select-replace {
   background-position:right -2590px;
}

/* =============================================================================
   Dark Sidebar Theme
   ========================================================================== */

.Dark #sidebar {
   background: #3f3f3f;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #3f3f3f 0%, #3a3a3a 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#3a3a3a));
   background: -webkit-linear-gradient(top,  #3f3f3f 0%,#3a3a3a 100%);
   background: -o-linear-gradient(top,  #3f3f3f 0%,#3a3a3a 100%);
   background: -ms-linear-gradient(top,  #3f3f3f 0%,#3a3a3a 100%);
   background: linear-gradient(top,  #3f3f3f 0%,#3a3a3a 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#3a3a3a',GradientType=0 );
}
.Dark #logo {
   border-bottom:1px solid #4F4F4F;
}
.Dark #tagline {
   color:#DDD;
}
.Dark #close {
   background-position:0 -2280px;
}
.Dark .openIcon {
   background-position:-25px -2280px !important;
} 
.Dark #copy {
   border-top:1px solid #4A4A4A;
   color:#DDD;
}
.Dark #menu a {
   color:#FFF;
   text-shadow:none;
}
.Dark #menu p {
   border-bottom:none;
}
.Dark #menu ul > li:hover > p:before {
   background:url(images/defSprites.png) no-repeat 12px -2330px transparent;
}
.Dark #menu ul.main-menu > li:hover > p > a {
   background:#333;
}
.Dark #menu ul > li.selected > p:before {
   background:url(images/defSprites.png) no-repeat 12px -2370px transparent;
}
.Dark #menu ul.main-menu > li.selected > p > a {
   color:#FFF;
   background:#F35D29;
}
.Dark #menu ul.sub-menu a {
   color:#DDD;
}
.Dark #menu ul.sub-menu a {
   background:url(images/defSprites.png) no-repeat 32px -2418px transparent;
}
.Dark #menu ul.sub-menu > li:hover > p > a {
   background:url(images/defSprites.png) no-repeat 32px -2418px #333;
}
.Dark #menu ul.sub-menu > li.selected p > a {
   background:url(images/defSprites.png) no-repeat 32px -2443px #F35D29;
   font-weight:700;
   color:#FFF !important;
}
.Dark #menu ul > li.parent.opened:hover {
   background:transparent;
}
.Dark #menu ul > li.parent.opened:hover > p > a {
   background:transparent;
}
.Dark .select-replace-cover {
   border-bottom:1px solid #000;
   color:#333;
   /* beautiful gradient below :) */;
   background:#ffffff;
   background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background:-moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
   background:-webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
   background:-o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
   background:-ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
   background:linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.Dark .select-replace {
   background-position:right -2650px;
}

/** NANO SCROLLBAR **/

.nano {
  position:relative;
  height:475px;
  overflow:hidden;
  padding:0;
}
.nano > .content {
  position:absolute;
  overflow:hidden;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:25px 30px;
}
.nano > .content::-webkit-scrollbar {
  visibility:hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility:visible;
}
.nano > .pane {
  background:#222;
  position:absolute;
  width:6px;
  right:0;
  top:0;
  bottom:0;
  opacity:1; 
  margin:64px 5px 5px 5px;
  visibility:hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity:.01; 
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}
.nano > .pane > .slider {
  background:#F15A23;
  position:relative;
  width:6px;
  cursor:pointer;
}
.nano:hover > .pane, .pane.active {
  visibility:visible\9; /* Target only IE7 and IE8 with this hack */
  opacity:1;
}

/* Sidebar Widget - EDIT HERE */

.sidewidget {
   position:absolute;
   width:220px;
   bottom:120px;
   z-index:999;
}
.sidewidget span {
   font-family:'Open Sans', sans-serif;
   font-weight:700;
   text-transform:uppercase;
   color:#F89E80;
   margin-bottom:10px;
   display:block;
}
.sidewidget li, .sidewidget a, .sidewidget {
   color:#F89E80 !important;
}

/* Video Player */

#fullScreenVideo {
   position:absolute;
   top:0;
   left:0;
   max-width:none !important;
   z-index:0;
   display:none;
}
.page-template-template-video-php #playPause {
   bottom:100px;
   right:30px;
   position:absolute;
   z-index:2;
}
.page-template-template-video-php #playPause:hover {
   background-color:#3E3D3D;
}
.page-template-template-video-php #playPause a {
   position:static;
   display:block;
   height:27px;
}
.page-template-template-video-php #playPause a.paused {
   background-position:0 -1790px;
}
#dummyAbove {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   display:block;
   z-index:1;
}
#fullScreenVideo_media_image {
   width:100%;
   height:100%;
}
.ie8 #playPause a {
   background-position:0 -1790px !important;
}
.page-template-template-video-php {
   background-image:none !important;
}

.page-template-template-portfolio-paged-php .pagination {
   background:#333;
   background:rgba(0, 0, 0, 0.6);
   bottom: 70px;
   right: 30px;
   margin-top: -15px;
   padding: 10px;
   position: absolute;
   z-index: 99999;
}
.page-template-template-portfolio-paged-php .pagination hr {
   display:none;
}

.fb-like {
   height:21px;
   overflow:hidden;
}
.alignleft {
   float:left;
   padding:0 10px 10px 0;
}
.alignright {
   float:right;
   padding:0 0 10px 10px;
}
.ppcontrols .right li:first-child {
   display:none !important;
}