/*
Theme Name: T+E Architects
Theme URL: http://tearchitects.com.au
Version: 1.0
Description: T+E Artchects portfolio website
Author: Intervision Design
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/







/************************************/
/************ START CSS *************/

html {height:100%;}
body {margin: 0px; line-height:20px; background:#fff; height:100%;}
body,td,th {color: #666; font-family: 'Lato', sans-serif; font-weight:400; font-size: 12px; }

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, img, p {padding:0; margin:0; font-size:12px; text-decoration:none; font-weight:400; list-style:none; border:0;}
a { color: #cc3300; outline:none;}
a:hover { color: #000;}
.clear {clear:both;}

/************************************/
/********** SITE ALIGNMENT **********/

#site {display: table; height: 100%; #position: relative; overflow: hidden; width:100%;}
#site2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#wrapper {#position: relative; #top: -50%; margin:0 auto; width:100%; padding:10px 0 30px 0;}

/************************************/
/************** HEADER **************/

#logo { margin:0 auto; width:960px;}
#logo img { margin:0 0 50px 0;}

/************************************/
/********* CONTENT WRAPPER **********/

#contentfullwidth { background:#666 url(images/bg-wrapper.jpg) repeat; width:100%;}
#content {margin:0 auto; width:960px; height:500px;}
#orangebox { background:#FF6600 url(images/bg-wrapper-orange.jpg) repeat; width:100%; height:15px;}

/************************************/
/*************** MENU ***************/

#menu { width:160px; float:left; position:relative;}
#menu ul { width:160px;}
#menu ul li { list-style:none; position:relative; display:block;}
#menu ul li a {}
#menu ul li a h2 { font-size:13px; color:#fff; padding:30px 0; text-transform:uppercase; font-weight:300;}

#menu ul li a:hover h2 { color:#cc3300;}
#menu li ul { display:block; z-index:99; position: absolute; top:50px; left:0; width:170px; background:#cc3300;}
#menu li ul li:hover {}
#menu li ul li {}
#menu li ul li a h2 { width:150px; color:#fff; padding:5px 10px;}
#menu li ul li a:hover h2 { color:#fff;}
#menu span {display:none;}

/************************************/
/*********** MAIN CONTENT ***********/

#right { width:800px; float:right; position:relative; height:500px;}

.textbox, .leftbox, .rightbox, .contactbox, ul.staff, .gallerybox { background: url(images/white.png) repeat; margin:15px 0; height:470px;}
.textbox { position:absolute; right:0; top:0; width:350px;}
.leftbox { float:left; width:380px; margin-right:15px;}
.rightbox {}
.featurebox {}
.gallerybox { position:absolute; top:0; right:0; width:205px;}
.contactbox {  position:absolute; right:0; top:0; width:200px;}
.mapbox { position:absolute; left:0; top:0; width:585px; height:470px; margin:15px 0;}
ul.staff { width:800px;}
ul.staff li {float:left; width:380px; height:100px; margin:0 0 10px 0;}
ul.projects { padding:100px 0 0 0;}
ul.projects li { float:left; width:145px; margin:15px 15px 0 0; position:relative; display:block;}
ul.projects li span { position:absolute; bottom:50px; background:url(images/bg-wrapper-orange.jpg) repeat; display:block;}
ul.projects li h2 {padding:10px 5px; font-weight:300; font-size:16px; color:#cc3300; background:url(images/white.png) repeat;}

.pagetitle h2 {font-weight:300; font-size:20px; position:absolute; top:-30px; left:0; color:#cc3300; line-height: 1em; height: 30px;}
h2.pagetitle {font-weight:300; font-size:20px; padding:10px 0 0 13px; color:#cc3300;}
h2.pagetitle span {font-weight:700; font-size:13px; padding:0 0 0 15px; color:#000;}
#caption h2 {font-weight:300; font-size:20px; color:#cc3300; padding:0 0 10px 0;}

/************************************/
/*********** TEXT STYLING ***********/
	
.text { padding:15px; line-height:16px; font-size:12px; font-weight:normal;}
.text p { padding:0 0 5px 0;}
.text ul li { list-style:square; list-style-position:inside; margin:0 0 0 15px; border:1px solid #f00;}
.text a {}
.text h6 { font-size:10px;}
/*.text h5 { font-size:13px; font-weight:bold;}*/
.text h4 { font-size:14px;}
.text h3 { font-weight:300; font-size:20px; padding:10px 0; color:#cc3300}
.text h2 { font-size:18px; line-height:24px;}
.text h1 { font-size:20px; line-height:26px;}

/************************************/
/******** FEATURE SLIDESHOW *********/

#feature {width:750px; height:500px; position:relative; display:block; margin:0 auto; float:left;}
#feature .slide {width:750px; height:500px; float:left; position:relative; display:block;}
#caption { position:absolute; display:block; top:350px; right:0; width:220px; height:120px; /*background: url(images/white.png) repeat;*/ z-index:9999;}
#caption div {width:200px; height:100px; float:left; position:relative; display:block; padding:10px;background: url(images/white.png) repeat;}
#right #bullets {float:right; position:absolute; top:320px; right:10px; z-index:1000;}
#right #bullets li {float:left; width:7px; height:7px; margin:3px;}
#right #bullets li a img {background:url(images/bullet.png) no-repeat top;}
#right #bullets li a.activeSlide img {background:url(images/bullet-hover.png) no-repeat top;}

#gallery {width:580px; height:390px; position:relative; display:block; float:left; margin:15px 0;}
#gallery li {width:580px; height:390px; float:left; position:relative; display:block;}
#nav {width:590px; position:relative; display:block; float:left; margin:0 0 15px 0;}
#nav li { float:left; margin:0 10px 0 0;}
#nav li a.activeSlide img { border-bottom:3px solid #c30;}
#mininav { position:absolute; bottom:-15px; left:375px; background:#e59a80; width:125px; height:15px;}
#mininav li { float:left; margin:0 0 0 1px; background:url(images/navi.jpg) no-repeat; width:30px; height:15px; cursor:pointer;}
#mininav li#prev { background-position:0 -45px;}
#mininav li#play { background-position:0 0;}
#mininav li#pause { background-position:0 -15px;}
#mininav li#next { background-position:0 -30px;}

/************************************/
/************** FOOTER **************/

#footer { position:fixed; bottom:0; right:0; text-align:center; padding:3px 10px; color:#999; font-size:10px;}
#footer a { color:#000; font-size:10px;}

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; padding:10px 0;}
.alignleft { float: left; padding:10px 0;}
img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 6px; padding:10px 0;}
img.alignright { display:inline; float:right; margin-left:15px; padding:10px 0;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; padding:20px;}
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff;}
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff; }
.wp-pagenavi a:hover { border: 1px solid #999; color: #000; background-color: #fff; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #ccc; background: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #333; border: 1px solid #ccc; background: #fff; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #999; color: #000; background: #fff;}
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #ccc; color: #333; background: #fff; }

/************************************/
/************* END CSS! *************/