/*
Theme Name: FullScreenTheme
Theme URL: http://intervision.com.au/base2/
Version: 1.0
Description: Base Design with background image at full screen
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:#000; height:100%;}
body,td,th {color: #ccc; font-family:Arial, Helvetica, 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:normal; list-style:none; border:0;}
h1, h2, h3, h4, h5, h6 {line-height:1.6em;}
a { color: #FF9900; outline:none;}
a:hover { color: #FFCC00;}
.clear {clear:both;}

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

#triquibackimg { position: fixed; top: 0; left: 0; z-index:-9999;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#site {position:absolute; width:100%; height:100%; background:url(images/pattern.png) repeat;}

#wrapper { height:100%; width:900px; margin:0 auto; position:relative; display: block;}
#left {height:100%; background:url(images/clear.png) repeat; width:150px; position:relative; display:block; float:left;}

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

#logo { margin:0 auto; background:url(images/clear.png) repeat; border-bottom:1px #000 solid;}
#logo img {}

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

#menu { position:absolute; top:50%; left:0; height:400px; margin:-200px 0 0 0;}
#menu ul {}
#menu ul li { list-style:none; width:150px;}
#menu ul li a {}
#menu ul li a h2 { font-size:12px; color:#fff; padding:3px 6px 3px 0; text-align:right;}
#menu ul li a:hover h2 { color:#FF9900; background:url(images/clear.png) repeat;}
#menu .current-menu-item h2 { color:#FF9900; background:url(images/clear.png) repeat;}

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

#right {height:400px; width:750px; position:absolute; display:block; top:50%; right:0; margin:-200px 0 0 0; overflow:hidden; background:#000;}
#right_null {height:400px; width:750px; position:absolute; display:block; top:50%; right:0; margin:-200px 0 0 0; overflow:hidden;}
h2.pagetitle { font-size:16px; color:#FF9900;}
.textblock { width:730px; position:relative; height:400px;}
.textblock .text {position: absolute; top:-400px; left:0;}
.textblock2 { float:left; width:430px; position:relative; height:400px;}
.textblock2 .text {position: absolute; top:-400px; left:0;}
.pagefeature {  width:300px; position:relative; height:400px; display:block; float:right;}

.lists { float:left; width:720px; border-bottom:1px solid #333; padding:5px 0;}
.lists:hover { background:#1a1a1a;}
a .lists .img { float:left; width:60px; height:60px; margin:5px 15px 5px 5px;}
a .lists .block { float:left; width:550px; color:#ccc;}
a .lists .block .pagetitle {color:#FF9900;}
a .lists .more {float:right; width:60px; height:60px; background: url(images/more.png) no-repeat; margin:5px;}
a:hover .img, a:hover .block { text-decoration:none;}

/************************************/
/************* GALLERY **************/

#textblockmenu { float:left; width:150px; position:relative; height:400px; background:url(images/clear.png) repeat; border-left:1px solid #000; border-right:3px solid #000;}
#textblockmenu ul {}
#textblockmenu ul li { list-style:none; width:150px;}
#textblockmenu ul li a {}
#textblockmenu ul li a h2 { font-size:12px; color:#fff; padding:3px 6px 3px 0; text-align:right;}
#textblockmenu ul li a:hover h2 { color:#FF9900; background:url(images/clear.png) repeat;}
#textblockmenu .current-menu-item h2 { color:#FF9900; background:url(images/clear.png) repeat;}

#textblockthumb { width:106px; float:left; position:relative; height:400px; background:#000;}
#textblockthumb li { float:left; list-style:none;}
#textblockthumb li a img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#textblockthumb li a img:hover { filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity:100; opacity:100;}
#textblockthumb li a.activeSlide img { filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity:100; opacity:100;}

#galplay, #galpause { width:20px; height:20px; border:0; margin:0; padding:0; z-index:99999; position:absolute; bottom:10px; cursor:pointer;}
#galplay {background: url(images/play.png) no-repeat; right:10px;}
#galplay:hover { background-position:0 -20px;}
#galpause {background: url(images/pause.png) no-repeat; right:30px;}
#galpause:hover { background-position:0 -20px;}

#textblockgallery { width:490px; height:400px; position:relative; display:block; float:right; background:#000;}
#textblockgallery .slide { width:490px; height:400px; float:left; overflow:hidden; position:relative; display:block;}
#textblockgallery .caption { width:450px; position:relative; bottom:10px; right:10px; background:url(images/clear.png) repeat; padding:10px; color:#fff;}

/************************************/
/*********** TEXT STYLING ***********/
	
.text { padding:15px; line-height:1.5em;}
.text p { padding:0 0 10px 0;}
.text ul {padding:5px 0;}
.text ul li { list-style:square; list-style-position:inside;}
.text a {}
.text a:hover {}
.text h6 { font-size:10px; line-height:1.8em;}
.text h5 { font-size:12px; font-weight:bold; line-height:1.8em;}
.text h4 { font-size:14px; line-height:1.8em;}
.text h3 { font-size:16px; line-height:1.8em;}
.text h2 { font-size:18px; line-height:1.8em; padding:0 0 5px 0;}
.text h1 { font-size:20px; line-height:1.8em;}
.text input, .text textarea { margin:3px 0; padding:5px; border:1px solid #333; background:none; color:#ccc; width:300px; font-size:12px;}
.text textarea { height:100px;}
.text input:focus, .text textarea:focus { background:#333;}
.text input:hover, .text textarea:hover { color:#999; border:1px solid #FF9900;}
input[type="button"],input[type="submit"] { width:70px; border:1px solid #333; background:#333 url(images/pattern.png) repeat; color:#fff; font-size:14px; cursor:pointer;}
input:hover[type="button"],input:hover[type="submit"] { color:#FF9900; background:#333 url(images/pattern.png) repeat;}

/************************************/
/************ SCROLL BAR ************/

#scrollpage { width: 730px; clear: both; margin:0;}
#scrollpage .viewport { width: 710px; height: 370px; overflow: hidden; position: relative;}
#scrollpage .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollpage .scrollbar,
#scrollpage .thumb .end,
#scrollpage .thumb { background: transparent url(images/bg-scrollbar.png) no-repeat; }
#scrollpage .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollpage .track	{ background: transparent url(images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollpage .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollpage .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#scrollpage .disable { display: none; }

#scrollimg2 { width: 400px; clear: both; margin:0;}
#scrollimg2 .viewport { width: 380px; height: 370px; overflow: hidden; position: relative;}
#scrollimg2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollimg2 .scrollbar,
#scrollimg2 .thumb .end,
#scrollimg2 .thumb { background: transparent url(images/bg-scrollbar.png) no-repeat; }
#scrollimg2 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollimg2 .track	{ background: transparent url(images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollimg2 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollimg2 .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#scrollimg2 .disable { display: none; }

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

#feature {width:830px; height:400px; position:relative; display:block; margin:0 auto;}
#feature .slide {width:830px; height:400px; float:left; overflow:hidden; position:relative; display:block;}
.caption { display:none;}
#right #bullets {float:right; position:absolute; top:370px; 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;}

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

#footer { text-align:right; text-transform:lowercase; padding:3px; color:#ccc; font-size:10px; position:absolute; bottom:0; right:0;}
#footer a { color:#FF9900; 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:12px; 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! *************/