/*
Theme Name: TotalCom
Description: The Wordpress theme for the TotalCom website made by i360
Author: i360
Author URI: http://i360.co.nz
*/

/****** CSS RESET *****************************/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
strong {font-weight:bold;}

/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto;}
.alignright { float:right; margin: 5px 0 20px 20px;}
.alignleft { float:left; margin: 5px 10px 10px 0;}
.aligncenter { display: block; margin: 5px auto 5px auto;}

a img.alignright { float:right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float:left; margin: 5px 10px 10px 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto}

.wp-caption { background: #eeeeee; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;}
.wp-caption p.wp-caption-text { font-size:12px; line-height:17px; margin:0;padding:10px 4px 5px; font-style:italic}

/* ===================FONT-FACE=================== */
@font-face {
    font-family: 'CallunaRegular';
    src: url('fonts/calluna-regular-webfont.eot');
    src: url('fonts/calluna-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calluna-regular-webfont.woff') format('woff'),
         url('fonts/calluna-regular-webfont.ttf') format('truetype'),
         url('fonts/calluna-regular-webfont.svg#CallunaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===================TYPOGRAPHY=================== */
body { background:url(images/bg.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#666; line-height:150%; }
a { color:#16a4d3; text-decoration:none; }
p { margin-bottom: 13px; line-height:150%}

.intro {font-size: 19px; line-height:147%}


#wrapper { margin: 0 auto; width: 930px; padding: 0 15px; background:url(images/wrapper-bg.png) no-repeat left 36px; min-height:500px }
	#header { height: 210px; position:relative; }
		#logo { position:absolute; left: 0; top: 25px; }
		#navigation { position:absolute; left: 225px; top: 117px }
			#navigation ul { display:block; }
			#navigation li { float: left; }
            #navigation li.current-menu-item a { color:#b7242e }
			#navigation li.current-menu-parent a { color:#b7242e }
			#navigation li a { color:#707174; border-right: 1px solid #707174; padding: 0 10px; font-size: 14px}
			#navigation li a:hover { color:#16a4d3; }
			#navigation li:last-child a { border:none; }
	
	#main {  }
		#content { width: 680px; float: left; margin-right: 20px; min-height:500px; }
			.entry { margin-bottom: 20px; margin-right: 14px; padding-left:6px; font-size: 15px; }
			.entry h1, h1 { font-family: "CallunaRegular"; font-size: 65px; font-weight:normal; margin-top: 10px; margin-bottom:22px; line-height: 65px}
			.entry h2 { font-family:Arial, Helvetica, sans-serif; font-size: 24px; line-height:29px; margin-bottom:20px; padding: 0; }
			.entry h3 { font-family: "CallunaRegular"; font-size: 20px; margin-bottom:10px; }
			.entry h3 a { font-size: 20px; color:#666 }
			.entry h3 a:hover { color:#16a4d3 }
			.entry h4 { font-size: 15px; margin-bottom: 10px; }
			.entry ul { margin-bottom: 19px; list-style-type:disc; margin-left: 30px}
			.entry li { padding-bottom: 10px; margin-right:125px  }
			.entry p { margin-bottom: 20px; font-size: 15px,}
			.entry .entry-meta { padding-bottom: 15px; font-size: 11px }
			.entry .entry-meta span { padding: 0 10px; }
			.entry .entry-meta span.author { padding-left: 0 }
			.entry hr { background:url(images/entry-bg.png) no-repeat right bottom; height: 10px; display:block; border:none; margin-bottom: 25px }
			
			.archive { background:url(images/entry-bg.png) no-repeat right bottom}
			.archive h3 { margin-bottom: 0px }
			.navigation { clear:both; padding-right: 20px; text-align:right}
			.navigation a { margin-left: 10px; background:#16a4d3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 15px; color:#fff; padding: 4px 9px !important ; color:#fff; font-size: 13px; border:none !important; }
			.navigation a:hover { background:#1d94bc; }
			.navigation .current { background:#dcdcdc }
            .navigation span.current {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 4px 9px !important ; border:none !important}
		#sidebar { width: 230px; float: right; margin-top: 35px;min-height:300px; font-size: 13px}
			#support { display:block;  }
				#support a { display:block; color:#fff;background:#16a4d3;  margin-bottom: 30px; padding: 3px 35px 3px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
				#support a span { background:url(images/support-arrow.png) no-repeat right 5px; display:block; }
				#support a:hover { display:block; background:#1d94bc; color:#fff; }
			.widget-box { background:url(images/widget-box-bg.png) no-repeat left bottom; margin-bottom: 35px; min-height:50px; padding: 0 5px 15px 0px }
				.widget-box h3 { font-family:"CallunaRegular"; font-size: 25px; color:#656667; margin-bottom: 15px }
				.widget-box ul { padding-right: 30px; }
				.widget-box li { padding-bottom: 10px }
				.widget-box li a { color:#079ed0; display:block; background: url(images/sidebar-arrow.png) no-repeat right 6px; padding-left: 0; font-size: 14px}
				.widget-box li.current-menu-item a { color:#707070; background: url(images/sidebar-active-arrow.png) no-repeat left 6px; padding-left: 17px; }
				.widget-box p { padding-bottom: 15px }
				.widget-box input[type="text"] { width: 200px; padding: 9px 5px 9px 8px; margin-bottom: 10px; font-style:italic; color:#656667; font-size: 12px; -moz-box-shadow: inset 0 0 5px 5px #f6f6f6;-webkit-box-shadow: inset 0 0 5px 5px #f6f6f6;box-shadow: inset 0 0 5px 5px #f6f6f6; background:none; border:none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
				.widget-box textarea { height:50px; padding:5px 5px; width: 200px; font-style:italic; color:#656667;  font-size: 12px;margin-bottom: 15px; font-family:Arial, Helvetica, sans-serif;-moz-box-shadow: inset 0 0 5px 5px #f6f6f6;-webkit-box-shadow: inset 0 0 5px 5px #f6f6f6;box-shadow: inset 0 0 5px 5px #f6f6f6; background:none; border:none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
				.widget-box input[type="submit"] { text-align:center; background:#16a4d3; color:#fff; font-size: 12px; border:none; font-style:normal; width: 70px; padding: 3px 15px; float:right; cursor:pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 15px; margin-right: 15px; }
	#footer { background:#f1f1f1 url(images/footer-bg.jpg) no-repeat top center; clear:both; margin-top: 10px }
		#footer-inner { width: 930px; margin: 0 auto; background:#f1f1f1 url(images/footer-inner-bg.jpg) no-repeat top left; min-height:190px; position: relative; padding: 0 15px; padding-top: 115px}
			#footer-logo { position:absolute; top: 95px; left: 30px}
			#footer-boxes { margin-left: 170px}
			#footer-boxes .box { float: left; border-right: 1px solid #dadada; padding: 0 15px; min-height:150px }
			#footer-boxes .box:last-child { border-right:none}
			#footer-boxes .box h4 { font-size: 17px; margin-bottom: 10px}
			#footer-boxes li { padding-bottom: 3px}
			#footer-boxes li a { font-size: 12px; color: #666666}
			#footer-boxes li a:hover { color:#16a4d3}
			
/*Gravity Form */
.gfield_label { display:none; }
.widget-box li.gfield { padding-bottom:5px }