/*

Theme Name: vuetrinity

Theme URI: http://www.manamedia.com.au

Description: VueTrinity Wordpress Theme

Version: 1.1

Author: Hui Martin

*/



/* ----- FIXES ----- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-weight: inherit;

    font-style: inherit;

    font-size: 100%;

    font-family: inherit;

    vertical-align: baseline;

    background: transparent;

}



:focus {

    outline: 0;

}



body {

}



/*ol, ul {list-style: none;}*/



caption, th, td {

  text-align: left;

  font-weight: normal;

}



blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}



strong{font-weight: bold;}

em{font-style: italic;}

.clear{clear: both;}



something:after{

  content: ".";

  height: 0;

  display: block;

  clear: both;

  visibility: hidden;

}



.left, #left, .alignleft, .Left{

	float: left;

	display: inline;

}



.right, #right, .alignright, .Right{

	float: right;

	display: inline;

}











/* ----- GENERAL ----- */



.Clear{

clear:both;

}



h1, h1 a{

font-size: 30px;

text-decoration:none;

padding:0;

margin:0;

}



h2{

font-size:26px;

}



h3{

font-size:22px;

}



h4{

font-size:19px;

}



h5{

font-size:17px;

}



p, body{

font-size:12px;

font-family: 'Tahoma', 'Arial', san-serif;

line-height:21px;

}



a:link, a:hover, a:visited{

text-decoration:none;

}



ul, ol{

margin:0 0 0 30px;

}



/* Begin Shortcodes */

blockquote,

blockquote p{

font-size:18px;

font-style:italic;

line-height:1.3em;

font-family:times;

}



blockquote{

background: #f2f2f2 url('images/quote-start.png') top left no-repeat;

margin:0 0 15px 0;

}



blockquote p,

.entry blockquote p{

background: url('images/quote-end.png') bottom right no-repeat;

padding:5px 25px 7px 25px;

}



blockquote.blockquoteLeft{

display:inline;

width:40%;

float:left;

margin:10px 10px 10px 0;

}



blockquote.blockquoteRight{

display:inline;

width:40%;

float:right;

margin:10px 0 10px 10px;

}



.red{

	border:1px solid #CF2619;

border-left:10px solid #CF2619;

	background: #FFC4BF url('images/shortcodes/red_alert.png') no-repeat top left;

	background-position:7px 7px;

	padding:5px 10px 5px 39px;

	color:#B52116;

	margin:0 0 15px 0;

}



.green{

	border:1px solid #1EB516;

border-left:10px solid #1EB516;

	background: #C2FFBF url('images/shortcodes/green_plus.png') no-repeat top left;

	background-position:7px 7px;

	padding:5px 10px 5px 39px;

	color:#188F11;

	margin:0 0 15px 0;



// text-indent:30px;

line-height:1.6em;

}



.yellow{

	border:1px solid #FFF04F;

border-left:10px solid #FFF04F;

	background: #FEFFBF url('images/shortcodes/yellow_textbox.png') no-repeat top left;

	background-position:7px 7px;

	padding:5px 10px 5px 39px;

	color:#AFA000;

	margin:0 0 15px 0;

margin:0 0 15px 0;

}



.blue{

	border:1px solid #0B72BF;

	border-left:10px solid #0B72BF;

	background:#BFE4FF url('images/shortcodes/blue_check.png') no-repeat top left;

	background-position:7px 7px;

	padding:5px 10px 5px 39px;

	color:#0760A2;

	margin:0 0 15px 0;

}



xmp.xmpCustom{

border:1px dotted #777;

padding:5px 10px;

margin:0 0 15px 0;

}



.lightbox{

padding:0 0 15px 0;

margin:0;

}



.lightbox img{

float:left;

margin-right:8px;

}

/* End Shortcodes */



/* Begin Images */

p img {

padding: 0;

max-width: 100%;

}



.entry img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



.entry img.alignright {

padding: 4px;

margin: 10px 0 2px 15px;

display: inline;

}



.entry img.alignleft {

padding: 4px;

margin: 10px 15px 2px 0;

display: inline;

}



.alignright {

float: right;

}



.alignleft {

float: left;

}



.aligncenter{

display:block;

margin:0 auto;

}

/* End Images */













/* ----- STRUCTURE ----- */

body{

padding:20px 0;

}



#wrapper-container-outer{

width:996px;

margin:0 auto;

}



#wrapper-container{

}



#wrapper-container-inner{

width:980px;

margin:0 auto;

}



/*--- Header --*/

#header-container{

height: 118px;

}



#header-container #header{

height: 118px;

margin:0 auto;

width:900px;

}



#header-container #header #logo,

#header-container #header #logo a,

#header-container #header #logo a img{

float:left;

padding:0;

margin:0;

}



#header-container #header #nav{

float:right;

height:20px;

}



/*--- Content --*/

#content{

width:900px;

margin:0 auto;

padding:35px 0 25px 0;

background: url('images/header_shadow.png') center top no-repeat;

}



#content-portfolio{

width:920px;

position:relative;

left:40px;

padding:35px 0 25px 0;

background: url('images/header_shadow.png') top left no-repeat;

}



#content-homepage{

width:900px;

margin:0 auto;

}



#homepage-header-shadow{

background: url('images/header_shadow.png') center top no-repeat;

height:30px;

width:900px;

margin:0 auto;

}



#content #narrowcolumn{

width:630px;

}









/* ----- SIDEBAR -----*/

#content #sidebar{

width:200px;

float:right;

padding: 0 20px 20px 20px;

}



#sidebar .widget{

padding:20px 0 20px 0;

}



#sidebar h2{

font-size:18px;

padding:0 0 3px 0;

}



#sidebar,

#sidebar a,

#sidebar h2,

#sidebar li,

#sidebar ul,

#sidebar ol{

}



#sidebar ul{

list-style:none;

padding:0;

margin:0;

}



#sidebar li li{

background: url('images/double_arrow.png') left no-repeat;

background-position: 0 7px;

padding:0 0 0 15px;

margin:0 0 0 1px;

}



#sidebar ul ul ul{

padding:0 0 0 15px;

}



#sidebar ul ul{

}



#sidebar ul ul ul{

border:none;

}



#sidebar .widget_tag_cloud div{

padding:0 0px;

}



#sidebar .widget_tag_cloud div a{

padding:0 10px 0 0;

}



#sidebar #wp-calendar{

width:100%;

}



#sidebar #wp-calendar tr td a{

text-decoration: underline;

}



#sidebar #wp-calendar tr td#next{

text-align:right;

}









/* ----- SEARCH ----- */

#s{

padding:6px;

width: 126px;

font-size:11px;

}



#searchsubmit{

padding:5px;

font-size:11px;

}









/* ----- NAVIGATION ----- */

#navigation{

float:right;

height:35px;

position:relative;

top:37px;

}



#nav, #nav ul{

margin:0;

padding:0;

list-style-type:none;

list-style-position:outside;

position:relative;

z-index:1000;

}



#nav a{

display:block;

padding:8px 15px;

text-decoration:none;

background:none;

font-size:14px;

}



#nav li.current_page_item{

}



#nav a:hover{

background:none;

}



#nav li{

float:left;

position:relative;

}



#nav ul {

position:absolute;

display:none;

width:200px;

top:38px;

border-bottom:none;

margin:-1px 0 0 0;

}



#nav li ul a{

width:170px;

height:auto;

float:left;

padding:6px 15px 5px 15px;

}



#nav li:hover{

}



#nav ul ul{

top:auto;

margin:-1px 0 0 0;

}



#nav li ul ul {

left:200px;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

display:none;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

display:block;

}

/* ----- NAVIGATION END ----- */













/* ----- HOME PAGE ----- */

#welcome-message{

padding:27px 0 10px 0;

font-size:22px;

line-height:26px;

}



/* --INTRO COLUMNS-- */

#intro-column-container{

padding:30px 0 45px 0;

}



#intro-column-container .introColumn{

float:left;

border:none;

}



#intro-column-container #intro-column1{

padding:0 20px 0 0;

width:286px;

}

#intro-column-container #intro-column2{

padding:0 20px 0 0;

width:286px;

}

#intro-column-container #intro-column3{

width:286px;

}



#intro-column-container .introColumn .introColumnImage{

width:276px;

padding:5px;

margin:0 0 10px 0;

}



#intro-column-container .introColumn .introColumnTitle{

padding: 3px 0 2px 0;

font-size:14px;

font-weight:bold;

}



#intro-column-container .introColumn .introColumnText{

}



#intro-column-container .introColumn .introColumnLink{

text-align:right;

padding:5px 10px;

margin:10px 0 0 0;

}



#intro-column-container,

#intro-column-container a:link,

#intro-column-container a:visited,

#intro-column-container p{

}



#intro-column-container .introColumn h2{

font-size:18px;

padding:0 0 10px 0;

}



#intro-column-container .introColumn h2 a{

font-size:18px;

}



#intro-column-container ul,

#intro-column-container ol,

#intro-column-container li{

list-style:none;

}



#intro-column-container ul li{

padding:3px 0;

}



#intro-column-container .twitter-message{

padding:5px 0;

}



.introColumn ul{

padding:0;

margin:0;

}



.introColumn ul li{

}



/* --TWITTER-- */

#intro-twitter{

padding:10px 5px;

margin:0 0 30px 0;

font-size:12px;

}



#intro-twitter #twitter-bird{

float:left;

}



#intro-twitter #tweet{

float:left;

padding:0 0 0 5px;

position:relative;

top:9px;

}



#intro-twitter #tweet a{

text-decoration:underline;

}



#intro-twitter #tweet abbr{

display:none;

}











/* ----- PAGE ----- */

.title{

padding:0 0 13px 0;

}











/* ----- BLOG ----- */

.post{

margin:0 0 10px 0;

}



.blogtitle{

padding:0 0 5px 0;

}



.blogtitle h2{

font-size:20px;

}



.postmetadata{

padding:0 0 17px 0;

}



.highlight{

padding:2px 4px;

}



.entry h1,

.entry h2,

.entry h3,

.entry h4,

.entry h5{

padding:20px 0 10px 0;

}



.post{

padding:0 0 10px 0;

}



.entry p{

padding:0 0 15px 0;

}



.entry ul,

.entry ol{

padding:0 0 15px 0;

}



.entry ul ul,

.entry ol ol{

padding:0;

}



.entry a:link,

.entry a:visited{

text-decoration:underline;

}



.entry a:hover{

}



.entry img{

padding:5px;

margin-bottom: 15px;

}



.readmore{

padding:4px;

display:inline;

}



.separator{

padding:25px 0 0 0;

}



.excerpt-pic{

}









/* ----- BLOG SINGLE ----- */













/* ----- PORTFOLIO ----- */

#content-portfolio-border{

width:900px;

margin:0 auto;

}



#filter{

padding:5px;

width:890px;

}



#filter #sortby{

float:left;

position:relative;

top:2px;

}



#filter fieldset{

}



#filter fieldset input{

position:relative;

top:2px;

}



#filter label{

float:left;

padding:0 5px 0 0;

}



ul.image-grid {

list-style:none;

margin:0;

padding:0;

text-align:justify;

}



ul.image-grid:after {

  content: "";

  display: block;

  height: 0;

  overflow: hidden;

  clear: both;

}



ul.image-grid li {

float:left;

margin:30px 19px 0 0;

list-style:none;

width:287px;

}



ul.image-grid li .boximage{

}



ul.image-grid li .boxtitle{

font-size:14px;

font-weight:bold;

padding:0 0 3px 0;

}



ul.image-grid li .boxdescription{

}



ul.image-grid li .boxlink{

padding:5px;

text-align:right;

}



ul.image-grid li .boxlink a{

text-decoration:none;

}



/* ----- IE Only ----- */

#IE-submit{

width:75px;

padding:2px;

text-align:center;

cursor:pointer;

float:left;

display:inline;

margin:0 0 0 25px;

}











/* ----- ARCHIVE ----- */

.entry-navigation a{

font-size:16px;

}



.archive-title{

padding:0 0 20px 0;

}













/* ----- CONTACT ----- */

#contact #respond{

width:520px;

float:left;

}



#contact #google-map-container{

width:330px;

float:right;

padding: 10px;

}



#contact #google-map{

}



#contact #contact-info{

}



#contact #contact-info .label{

font-weight:bold;

float:left;

width:70px;

}



#contact #contact-info .contantInfoItem{

float:left;

width:260px;



}



#contact-failed,

#contact-success{

padding:5px;

margin:0 0 10px 0;

}













/* ----- COMMENTS ----- */

h3#comments{

padding:20px 0;

font-size:18px;

}



ol.commentlist{

margin:0;

}



ol.commentlist .even{

}



.commentlist,

.commentlist ul{

list-style:none;

}



.commentlist .comment-body{

padding:10px 10px 10px 10px;

position:relative;

}



.commentlist .comment-header{

height:30px;

}



.commentlist .avatar{

padding:0 10px 0 0;

float:left;

display:block;

}



.commentlist .comment-block-right{

float:left;

line-height:15px;

}



.commentlist .comment-author{

}



.commentlist .comment-meta{

}



.commentlist .comment-text{

clear:both;

position:relative;

padding:10px 0 10px 0;

}



#respond h3{

padding:20px 0;

font-size:18px;

margin: 0 0 20px 0;

}



#respond input,

#respond textarea{

padding:5px;

margin:0 0 10px 0;

}



#respond #submit{

font-size:11px;

position:relative;

width:78px;

height:27px;

padding:0;

box-shadow: none;

-webkit-box-shadow: none;

-moz-box-shadow: none;

}













/* ----- FOOTER ----- */

#footer-container{

width:900px;

margin:0 auto;

padding:25px 0 20px 0;

background: url('images/header_shadow.png') top no-repeat;

}



#footer-container #footer{

}



#footer-container #footer #footer-left{

float:left;

}



#footer-container #footer #footer-left img{

display:inline;

margin:0 4px 0 0;

}

#footer-container #footer #footer-center{

float:left;
margin:0 100px 0 0;

}

#footer-container #footer #footer-right{

float:right;

}

#footer-container #footer #footer-site{
	float:right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#bottom-shadow{

	background: transparent url('images/bottom_shadow3.png') bottom center no-repeat;

	margin:-34px auto 0 auto;

	width:1108px;

	height:51px;

	position:relative;

	z-index:-1;

}

















/* ----- CODA SLIDER ----- */

#banner{

position:relative;

}



/* --Most common stuff you'll need to change-- */



.coda-slider-wrapper {

height:352px;

background:transparent;

}



.coda-slider-wrapper-inner{

width:892px;

height:324px;

margin:8px auto 0 auto;

padding:5px;

}



.coda-slider {

margin:0 auto;

position:relative;

}



.panel-wrapper{

position:relative;

height:324px;

width:892px;

}



/* --Learn More & Description-- */

.learn-more a{

text-indent:-9999px;

background:transparent url('images/header_learn_more2.png') top center no-repeat;

height:51px;

width:157px;

position:absolute;

margin-top:250px;

margin-left:685px;

z-index:2;

}



.coda-slider .panel .description{

background:#000;

width:450px;

display:block;

position:absolute;

bottom:30px;

left:30px;

z-index:2;

filter:alpha(opacity=80);

opacity:0.8;

padding:10px;

}



.coda-slider .panel .description p{

color:#9d9d9d;

}



/* --Use this to keep the slider content contained in a box even when JavaScript is disabled-- */

.coda-slider-no-js .coda-slider {

height: 200px; overflow: auto !important; padding-right: 20px;

}



/* --Change the width of the entire slider (without dynamic arrows)-- */

.coda-slider, .coda-slider .panel {

width:892px;

}



/* --Change margin and width of the slider (with dynamic arrows)-- */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {

width:892px;

}

.coda-slider-wrapper.arrows .coda-slider {

}



/* --Arrow styling-- */

.coda-nav-left a {

padding: 5px;

position:absolute;

top:145px;

left:10px;

z-index:99999;

height:50px;

width: 50px;

-moz-border-radius: 50px;

-webkit-border-radius: 50px;

text-indent: -9999px;

font-size:0px;

}



.coda-nav-right a {

padding: 5px;

position:absolute;

top:145px;

right:10px;

z-index:99999;

height:50px;

width: 50px;

-moz-border-radius: 50px;

-webkit-border-radius: 50px;

text-indent: -9999px;

font-size:0px;

}



/* --Tab nav-- */

.coda-nav ul li a.current {

background: url("images/dot_selected.png") no-repeat center top;

}



/* --Panel padding-- */

.coda-slider .panel-wrapper {

}



/* --Preloader-- */

.coda-slider p.loading {

text-align: center;

}





/* --Don't change anything below here unless you know what you're doing-- */

/* --Tabbed nav-- */

.coda-nav ul {

padding: 13px 0 0 0;

clear: both; display: block; margin: auto; overflow: hidden;

}

.coda-nav ul li {

display: inline;

}

.coda-nav ul li a {

height:22px;

width:22px;

display: block;

float: left;

margin-right: 1px;

padding: 3px 3px;

text-decoration: none;

}



/* --Miscellaneous-- */

.coda-slider-wrapper { clear: both; overflow: auto }

.coda-slider { float: left; overflow: hidden; position: relative }

.coda-slider .panel { display: block; float: left }

.coda-slider .panel-container { position: relative }

.coda-nav-left, .coda-nav-right { float: left }

.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* ----- CODA SLIDER END ----- */







/* ----- WP-PAGENAVI PLUGIN ----- */

#wrapper-container .wp-pagenavi {

	clear: both;

}



#wrapper-container .wp-pagenavi a,

#wrapper-container .wp-pagenavi span {

	text-decoration: none;

	padding: 4px 8px;

	margin: 2px;

}



#wrapper-container .wp-pagenavi a:hover,

#wrapper-container .wp-pagenavi span.current {

}



#wrapper-container .wp-pagenavi span.current {

	font-weight: bold;

}



#wrapper-container .wp-pagenavi .pages{

display:none;

}