/* 
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:150px; 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:150px; 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-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:#444}
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: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;}

.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 p {color:#FFFFFF;}

.post h2 {color:#808080;}

.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(http://onque.com.au/wp-content/themes/modularity/images/onque_back.jpg); margin:0 auto;}