/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* HOMEPAGE */

h6.sub {
	font-size: 10px;
	text-transform: uppercase;
}

/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;height:150px; width:150px; /*width:270px;*/ overflow:hidden;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:310px; overflow:hidden; position: absolute; max-width: 150px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px 5px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper .category-overlay a {color:#515151}
.portfolio-image-wrapper .category-overlay a:hover {color:#fff}
.gallery-caption {font-style:italic;text-align:center}
.thumbnail-310x150, #category-stack .timthumbnail {max-width:310px;max-height:150px;width:310px;height:150px;margin:0 1.5em 1.5em 0;float:left}

/* TEAM THUMBNAILS */
.portfolio-image-wrapper2 {position: relative; margin: 0 0 6px 0;padding:0;height:150px;width:270px; overflow:hidden;}
.portfolio-image-wrapper2 h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:310px; overflow:hidden; position: absolute; max-width: 310px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70; }
.portfolio-image-wrapper2 h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper2 h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper2 .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px 5px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper2 .category-overlay a {color:#515151}
.portfolio-image-wrapper2 .category-overlay a:hover {color:#fff}
.gallery-caption {font-style:italic;text-align:center}
.thumbnail-310x150, #category-stack .timthumbnail {max-width:310px;max-height:150px;width:310px;height:150px;margin:0 1.5em 1.5em 0;float:left}

.slide-thumbnail { width:950px; float:left; }
.slide-thumbnail img {max-width:950px;}





/************************* SLIDESHOW ******************************/
#slideshow-posts {margin:0 0;float:left;}

ul#slideshow-nav {position: absolute; z-index: 20; margin: 0; padding:15px 0 0 12px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
ul#slideshow-nav a { padding:2px 8px 3px 7px; /*-moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#ddd;*/ background: url(images/slider_btn.gif) no-repeat 0px 0px; /*color:#000;*/ color:#f36e21; margin:0 12px 0 0;}
ul#slideshow-nav a.activeSlide,ul#slideshow-nav a:hover { background: url(images/slider_btn_on.gif) no-repeat 0px 0px; color:#fff}
/*
ul#slideshow-nav {margin: .5em 0; padding: 0}
ul#slideshow-nav a { padding:5px 9px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#ddd; color:#fff; margin:0 12px 0 0; }
ul#slideshow-nav a.activeSlide,ul#slideshow-nav a:hover { background:#aaa; }
*/
.slide { padding:12px; margin: 0; display:block; overflow:hidden;position: relative; padding:0; width: 512px; height: 263px; }
.slide .slide-image { width:950px; float:left; }
.slide .slide-image img {max-width:950px;  max-height: 525px;}
* html .slide-image img {width:950px;  height: 525px;}
.slide .slide-image img.attachment-950x525 {margin:0;padding:0}
.slide .slide-details { width:310px; float:right; /*margin-left:30px; padding: 2em;*/ background: transparent url(images/overlay.png);position:absolute; top:10px; right:5px;}
.slide .slide-details h2 { text-transform:uppercase;border-bottom:1px solid #fff;color:#fff; font-weight:normal; margin:0; }
.slide .slide-details .description p { color: #eee; margin-top:10px; font-size:1.1em}
.slide a {color:#fff}
.slide a:hover {color:#eee}

.slide-desc {background: #000; padding:10px; top: 10px; right: 10px; display: block; height: auto; position: absolute; width: 225px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity:0.7;}
.slide-title {text-transform:uppercase;border-bottom:1px solid gray; line-height:20px; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; padding: 1px 0 10px 0;}
.slide-text {color: #eee; margin-top:10px; font-size:13px; line-height: 18px;}
.slide-link {margin-top: 15px;}
.slide-button {padding: 0 50px 5px 0 !important;}
.slide-desc h4 {
	margin-bottom: 3px;
}

.slideshow-nav-div { margin-top:100; background: #000; padding:10px; top: 10px; left: 10px; display: block; height: auto; position: absolute; width: 100px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50; }
.slideshow-nav-div ul#slideshow-nav {margin: 0; padding:15px 0 0 12px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
.slideshow-nav-div ul#slideshow-nav a { padding:4px 8px 3px 7px; /*-moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#ddd;*/ background: url(images/slider_btn.gif) no-repeat 0px 0px; /*color:#000;*/ color:#f36e21; margin:0 12px 0 0;}
.slideshow-nav-div ul#slideshow-nav a.activeSlide,ul#slideshow-nav a:hover { background: url(images/slider_btn_on.gif) no-repeat 0px 0px; color:#fff}

/************************* VIDEO ******************************/

#slide_video {
	float:left;
}

/* ************************ SLIDESHOW ********************************/
ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden;max-height:435px;}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img {width:950px;text-align:center;margin:0;}



hr {background:#000}
div.colborder {border-right:1px solid #444;}
h3.sub,h2.sub {border-bottom:1px solid #444;}

/* ************************ FORMWIDGET ********************************/
#form1 {
	margin:0;
	padding:0;
}

.field {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	background-color:#000;
	width:135px;
	height:20px;
	border: 1px solid #afafaf;
	padding-left:5px;
	vertical-align:middle;
}

.fieldlong {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	background-color:#000;
	width:295px;
	height:20px;
	border: 1px solid #afafaf;
	padding-left:5px;
	vertical-align:middle;
}

.formlabel {
	color:#FFF;
	font-size:13px;
	font-weight:bolder;
	background-color:#000;
}

.dropdownlong {
	color:#FFF;
	font-size:14px;
	/*font-weight:bold;*/
	background-color:#000;
	width:300px;
	height:160px;
	border: 1px solid #afafaf;
	padding-left:5px;	
}

textarea#enquiry {
background:#000000; color:#FFFFFF; width:300px; height:50px;
font-size:11px;
font-weight:bold;
}   
	



body {font-size:85%; color:#222; background:#fff; font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.5px; }

/*
h1 {font-size:20px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight: normal; line-height:25px;}
h2 {font-size:20px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight: normal; color:#FFFFFF; line-height:25px;}
*/
h1 {font-size:20px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight:bolder; line-height:1.1;}
h2 {font-size:24px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight:bolder; color:#808080;}

.orangeboxtxt h2 {font-size:20px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight: normal; color:#FFFFFF; line-height:25px;}

.blogintro h2 {font-size:24px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight:bolder; color:#808080;}

.content h2 {font-size:24px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight:bolder;}

.post {font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif;}
 
.post p {color:#FFFFFF;}

.post h2 {color:#808080; font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif;}

.content h2 {color:#808080;}

.welcomebox2 .entry h2 {color:#000000;}

/*
h1 {font-size:24px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight:bolder;}
h2 {font-size:24px;line-height:1;margin-bottom:0.5em; text-align:left; font-weight:bolder; color:#808080;}
*/
body {color:#999; background: #000 url(images/onque_bg_01.jpg) no-repeat fixed center center; margin:0 auto;}
#home {color:#999; background: #000 url(images/onque_bg_01.jpg) no-repeat fixed center center; margin:0 auto;}
#default {color:#999; background: #000 url(images/onque_bg_02.jpg) no-repeat fixed center center; margin:0 auto;}
#work {color:#999; background: #000 url(images/onque_bg_03.jpg) no-repeat fixed center center; margin:0 auto;}
#about {color:#999; background: #000 url(images/onque_bg_04.jpg) no-repeat fixed center center; margin:0 auto;}
#blog {color:#999; background: #000 url(images/onque_bg_05.jpg) no-repeat fixed center center; margin:0 auto;}
#contact {color:#999; background: #000 url(images/onque_back.jpg) no-repeat fixed center center; margin:0 auto;}

/* SOCIAL LINKS */

.social-links {
	padding-bottom:6px;
	overflow:hidden;
}

.readmore-btn {
	float:left;
}

.twitter-share {
	padding:2px 5px 0 0;
	float:right;
	top:2px;
	width:60px;
	overflow:hidden;
}

.facebook-like {
	float:right;
	width:50px;
	overflow:hidden;
}

.facebook-share {
	padding-right:5px;
	float:right;
	position:relative;
	top:-1px;
}