/*
Theme Name: Blox 2
Theme URI: http://blox.co.nz/
Description: Blox Theme
Version: 1
Author: Ben Ford
Author URI: http://metasolutions.co.nz/
*/

/* reset*/

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(images/background.png);
background-repeat:repeat-x;
background-color:#00243b;
*background-color:#001c30;
	}

img { 
border:none;
}

p { 
margin-bottom:20px;
}

a:link {
color:#00568e;
text-decoration:none;
}    

a:visited {
color:#00568e;
text-decoration:none;
}  

a:hover {
color:#00243b;
text-decoration: underline;
}   

a:active {
color:#00568e;
text-decoration:none;
}   


#header { 
margin:0px;
padding:0px;
}

#container { 
width:988px;
margin-left:auto;
margin-right:auto;
}

#logo { 
float:left;
width:250px;
margin-top:30px;
}

#utility { 
color:#fff;
float:right;

}

#utility p { 
margin-left:70px;
margin-top:65px;
}

#utility ul { 
padding:0px;
margin:0px;
margin-top:20px;
padding-left:60px;
}

#utility li { 
font-size:11px;
margin:0px;
padding:0px;
float:left;
list-style-type:none;
margin-left:15px;
}

#utility li a:link, .get-quote a:link {
color: #fff;
text-decoration:none;
}    

#utility li a:visited, .get-quote a:visited {
color: #fff;
text-decoration:none;
}  

#utility li a:hover, .get-quote a:hover{
color: #fff;
text-decoration: underline;
}   

#utility li a:active, .get-quote a:active {
color: #fff;
text-decoration:none;
}   

.get-quote  {
background-image:url(images/get-quote-button.png);
background-repeat:no-repeat;
display:block;
width:180px;
height:36px;
font-size:16px;
padding-top:13px;
padding-left:20px;


}

#nav { 
clear:both;
font-size:14px;
}

#nav ul { 
float:right;
margin:0px;
padding:0px;
}

#nav li { 
float:left;
padding:0px;
margin:0px;
list-style-type:none;
padding-bottom:10px;
_margin-left:15px;
}

#nav li a:link {
padding-left:8px;
padding-right:8px;
color: #fff;
text-decoration:none;

}    

#nav li a:visited {
color: #fff;
text-decoration:none;
padding-left:8px;
padding-right:8px;
}  

#nav li a:hover {
color: #6bcef2;
text-decoration: none;
border-bottom: 8px solid #012941;
padding-left:8px;
padding-right:8px;
}   

#nav li a:active {
color: #fff;
text-decoration:none;
padding-left:8px;
padding-right:8px;
}


.page_item { 
padding-left:8px;
padding-right:8px;
}

#header-intro { 
clear:both;
background-image:url(images/header-info-background.png);
background-repeat:repeat-x;
height:348px;
*height:381px;
}

#image-fade { 
float:left;
width:518px;
}

#home-info { 
min-height:327px;
float:right;
width:429px;
padding-top:20px;
padding-right:20px;
padding-left:20px;
color:#fff;
line-height:20px;
font-size:14px;
border-left: 1px solid #3f3f3f;
}

#home-info h1 {
font-size:22px;
color:#6bcef2;
font-weight:normal;
margin-bottom:20px;
}
 

#home-info a:link {
color:#6bcef2;
text-decoration:none;
}    

#home-info a:visited {
color:#6bcef2;
text-decoration:none;
}  

#home-info a:hover {
color:#96e2fe;
text-decoration:underline;
}   

#home-info a:active {
color:#6bcef2;
text-decoration:none;
}   

 
.whiteh1 { 
color:#fff;
font-size:18px;
font-weight:normal;
}

.clear { 
clear:both;
height:0px;
}

#content { 
*margin-top:-34px;
clear:both;
background-color:#fff;
}

#home-entry { 
padding-top:36px;
margin-left:74px;
}

#home-entry h2 { 
color:#fff;
font-size:16px;
font-weight:normal;
padding-bottom:40px;
}


#custom-entry  { 
background-image:url(images/custom-entry-home.jpg);
background-repeat:no-repeat;
padding-left:160px;
padding-top:65px;
width:219px;
display:block;
float:left;
}

#branded-entry { 
background-image:url(images/branded-entry-home.jpg);
background-repeat:no-repeat;
padding-left:160px;
padding-top:65px;
width:219px;
display:block;
float:left;
margin-left:100px;
}


#home-entry h2 a:link {
color: #fff;
text-decoration:none;
}    

#home-entry h2 a:visited {
color: #fff;
text-decoration:none;
}  

#home-entry h2 a:hover {
color: #fff;
text-decoration: underline;
}   

#home-entry h2 a:active {
color: #fff;
text-decoration:none;
}  

#footer { 
background-color:#003353;
color:#fff;
padding-top:10px;
*margin-top:-10px;
}

#footer-inner { 
background-color:#003353;
}

#footer a:link { 
color:#fff;
}

#footer a:visited { 

}

h3 { 
color:#64c4e7;
font-weight:normal;
font-size:14px;
margin-bottom:10px;}


#footer h3 { 
color:#64c4e7;
font-weight:normal;
font-size:14px;
margin-bottom:15px;
}


#footer-left { 
float:left;
width:230px;
padding-left:20px;
padding-right:20px;
border-right: 1px solid #155273;
text-align:center;
min-height:230px;
}

#footer-middle { 
float:left;
padding-left:10px;
padding-right:10px;
width:210px;
line-height:20px;
border-right: 1px solid #155273;
min-height:230px;
}

#footer-3 { 
padding-left:10px;
padding-right:10px;
float:left;
width:216px;
border-right: 1px solid #155273;
min-height:230px;
}

#footer-right { 
float:left;
width:200px;
padding-right:20px;
padding-left:20px;
min-height:190px;
}

#footer strong { 
color:#6bcef2;
}

.footer-links { 
float:left;
width:180px;
padding-right:10px;
}


.footer-links { 
width:390px;
}


/* Sub page stuff */

#content-sub { 
clear:both;
background-color:#fff;
}

#left-header-content {
width:610px;
}


#left-header { 
background-image:url(images/sub-header-background.gif);
background-repeat:repeat-x;
padding-top:40px;
padding-left:20px;
}

#left-header h1 { 
color:#6bcef2;
font-size:22px;
font-weight:normal;
margin-bottom:15px;
}


#left { 
float:left;
width:581px;
padding-right:10px;
padding-left:26px;
padding-top:10px;
}

#right {
float:left;
width:370px;
*width:369px;
_width:371px;

}


#left .post { 
margin-top:10px;
}

#left h1 { 
color:#6bcef2;
font-size:22px;
font-weight:normal;
margin-bottom:15px;
}

#left h2 { 
color:#007bc3;
font-size:18px;
font-weight:normal;
padding-top:10px;
padding-bottom:5px;
}

.post-time { 
margin-bottom:10px;
}

#left-wide h1 { 
color:#007bc3;
font-size:20px;
font-weight:normal;
padding-top:10px;
padding-bottom:5px;
}
.post-time { 
margin-bottom:10px;
}

#left-header { 
height:170px;

}

#left-header p { 
color:#fff;
line-height:20px;
}

#left td { 
width:238px;
}



.product-shot-home { 
position:absolute;
margin-top:-30px;
margin-left:640px;
}

#faq-panel { 
width:338px;
margin-top:110px;
}

#faq-panel h2{ 
color:#007bc3;
font-size:18px;
font-weight:normal;
}

#faq-panel h3 { 
color:#155273;
font-size:16px;
font-weight:normal;
}

#faq-panel p { 
margin:0px;
}

.grey-header { 
display:block;
padding:15px;
background-color:#e9eaea;
margin-bottom:1px;
}

.grey1 a:link { 
display:block;
padding:15px;
background-color:#e9eaea;
margin-bottom:1px;
text-decoration:none;
color:#000;
}

.grey1 a:hover { 
display:block;
background-color:#dcdcdc;
}


.grey2 a:link { 
display:block;
padding:15px;
background-color:#eee;
margin-bottom:1px;
text-decoration:none;
color:#000;
}

.grey2 a:visited { 
display:block;
padding:15px;
background-color:#eee;
margin-bottom:1px;
text-decoration:none;
color:#000;
}

.grey2 a:hover { 
display:block;
background-color:#dcdcdc;
}



.grey2 a:active { 
display:block;
padding:15px;
background-color:#eee;
margin-bottom:1px;
text-decoration:none;
color:#000;
}


#left-wide {
float:left;
width:740px;
padding-right:10px;
padding-left:26px;
border-right: 1px solid #c3c3c3;
 }

#left-wide h1 { 
color:#007bc3;
font-size:24px;
font-weight:normal;
padding-top:20px;
padding-bottom:10px;
}

#left-wide h2 { 
color:#007bc3;
font-size:20px;
font-weight:normal;
padding-top:18px;
padding-bottom:10px;
}

#left-noside {
float:left;
width:940px;
padding-right:10px;
padding-left:26px;

 }

#left-noside h1 { 
color:#007bc3;
font-size:24px;
font-weight:normal;
padding-top:20px;
padding-bottom:10px;
}

#left-noside h2 { 
color:#007bc3;
font-size:20px;
font-weight:normal;
padding-top:18px;
padding-bottom:10px;
}


#left-archive {
width:740px;
padding-right:10px;
padding-left:26px;
border-right: 1px solid #c3c3c3;
 }

#left-archive h1 { 
color:#007bc3;
font-size:24px;
font-weight:normal;
padding-top:20px;
padding-bottom:10px;
}

#left-archive h2 { 
color:#007bc3;
font-size:20px;
font-weight:normal;
padding-top:18px;
padding-bottom:10px;
}

#left-archive .entry { 
margin-bottom:20px;
}

#left-archive p { 
margin-bottom:5px!important;
}

#right-thin { 
float:left;
width:210px;
}

#right-thin ul { 
margin:0px;
padding:0px;
border-top: 1px solid #c3c3c3;
margin-top:10px;
}

#right-thin li { 
margin:0px;
padding:0px;
list-style-type:none;
border-bottom: 1px solid #c3c3c3;
}


#right-thin li a:link {
color:#00568e;
text-decoration:none;
display:block;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;

}    

#right-thin li a:visited {
color:#00568e;
text-decoration:none;
display:block;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}  

#right-thin li a:hover {
color:#00243b;
text-decoration: underline;
display:block;
background-color:#dcf0fd;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
}   

#right-thin li a:active {
color:#00568e;
text-decoration:none;
display:block;
padding-bottom:10px;
padding-top:10px;
}   

#right-thin h3 {
margin-top:15px;
padding-top:15px;
padding-top:10px;
padding-left:10px;
}



/* slider */

#slider {
    width: 518px; /* important to be same as image width */
    height: 347px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0px;
	padding:0px;
}
#sliderContent {
    width: 518px; /* important to be same as image width or wider */
margin:0px;
padding:0px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 494px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0px;
    left: 0px;
}
#image-fade ul { list-style-type: none;
margin:0px;
padding:0px;
}




hr { 
border:#e3e2e2;
color: #e3e2e2;
background-color: #e3e2e2;
height: 2px;
}

.alignleft { 
float:left;
padding-right:10px;
padding-bottom:10px;
}


.alignright { 
float:right;
padding-left:10px;
padding-bottom:10px;
}

#site-switch { 
margin-left:30px;
padding-top:2px;
}

#site-switch a:link, .home-footer-posts a:link  {
color:#fff;
text-decoration:none;
}    

#site-switch a:visited, .home-footer-posts a:visited {
color:#fff;
text-decoration:none;
}  

#site-switch a:hover, .home-footer-posts a:hover {
color:#fff;
text-decoration: underline;
}   

#site-switch a:active, .home-footer-posts a:active {
color:#fff;
text-decoration:none;
}   


.home-footer-posts { 
margin:0px!important;
padding:0px!important;
padding-bottom:3px!important;
}

#twitter h3 { 
background-image:url(http://bloxapparel.co.nz/wp-content/themes/blox2/images/twitter.gif);
background-repeat:no-repeat;
padding-left:75px;
padding-bottom:17px;
}

#twitter li { 
border:none;
padding-left:10px;
}

#twitter ul { 
border:none;
}

#twitter li a:link { 
padding:0px;
}

#twitter li a:visited { 
padding:0px;

}

#twitter li a:hover{ 
background-color:#fff;
padding:0px;}

.aktt_more_updates { 
display:none;
}


.follow { 
padding-left:10px;
}

.twtr-ft { 
display:none;
}