/*////////////////////////////////////////////////////////////////////////////////////////////////////

	author: Peter Roper 
	template: iphone
	
	elements [external]		-   	these are core values used across all our sites
	layout					-   	these are the basic build files, which create the skeleton site
	content					-		these are the core values used throughout the site
	
//////////////////////////////////////////////////////////////////////////////////////////////////////

	layout

////////////////////////////////////////////////////////////////////////////////////////////////////*/
body{
font-family:"Lucida Sans Unicode","Lucida Grande", arial;
}
.wrapper{
padding:40px 0;
}
/*///////////////////////////////////////////////////*/
/*/ header /*/
/*///////////////////////////////////////////////////*/
#header{
border-width:0 0 1px 0;
border-style:solid;
}
/*///////////////////////////////////////////////////*/
#header .wrapper{
height:60px;
padding:5px 0;
}
#header h1.activityiq a{
margin:5px 0;
}
/*///////////////////////////////////////////////////*/
#header h2{
line-height:32px;
padding:8px 0 0 0;
font-size:28px;
letter-spacing:-0.5pt;
position:absolute;
bottom:-70px;
left:0;
}
#header h2 span{
line-height:14px;
font-size:12px;
font-weight:normal;
letter-spacing:1pt;
display:block;
}
/*///////////////////////////////////////////////////*/
#header ul{
overflow:visible;
}
#header ul li,
#header ul li a{
float: left;
}
/*///////////////////////////////////////////////////*/
#menu{
position:absolute;
top:12px;
right:0;
}
#menu li{
margin:0 0 0 10px;
border-width: 0 0 1px 0;
border-style: solid;
position:relative;
}
#menu li a{
width: 50px;
height: 40px;
line-height: 40px;
border-width: 1px;
border-style: solid;
text-indent: -5000px;
overflow: hidden;
display:block;
}
#menu li.current a,
#menu li a:hover{
width: auto;
padding: 0 10px 0 47px;
font-size: 18px;
text-indent: 0;
}
#menu li#external-tab a{
width: auto;
padding: 0 10px;
font-size: 18px;
text-indent: 0;
}
/*///////////////////////////////////////////////////*/
#sub-menu{
position: absolute;
bottom: -70px;
right: 0;
}
#sub-menu li{
border-width:0 1px 0 0;
border-style:solid;
}
#sub-menu li.first,
#sub-menu li.first a{
border-width:0 1px;
}
#sub-menu li a{
height:70px;
line-height:70px;
padding:0 25px;
font-size:18px;
font-weight: bold;
display:block;
border-width:0 1px 0 0;
border-style:solid;
}
/*///////////////////////////////////////////////////*/
/*/ footer /*/
/*///////////////////////////////////////////////////*/
#footer{
border-width:2px 0 0 0;
border-style:solid;
}
#footer .wrapper{
height:28px;
padding:16px 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	content

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content{
margin:70px 0 0 0;
float:none;
}
#content .wrapper{
padding:40px 0;
}
/*///////////////////////////////////////////////////*/
.left,
.right{
width:322px;
float:left;
}
.left{
width: 638px;
margin:0 20px 0 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	index

////////////////////////////////////////////////////////////////////////////////////////////////////*/
.center .overflow-wrapper{
margin: 0 0 20px 0;
overflow: hidden;
}
/*///////////////////////////////////////////////////*/
.center #admin-promo-splash{
width: 646px;
margin: 0 10px 0 0;
padding: 1px;
border-width: 1px;
border-style: solid;
position: relative;
float: left;
}
/*///////////////////////////////////////////////////*/
#admin-promo-splash #nav{
position:absolute;
bottom:25px;
right:25px;
z-index:100;
}
#admin-promo-splash #nav a{
margin:0 0 0 5px;
padding:5px 8px;
border-width:1px;
border-style:solid;
font-size:14px;
font-weight:bold;
display:block;
float:left;
}
/*///////////////////////////////////////////////////*/
.center #admin-promo-splash .page{
height: 322px;
padding: 30px 150px 30px 30px;
}
.center #admin-promo-splash .page h3{
height: 38px;
line-height: 38px;
margin: 0 0 10px 0;
padding: 0 0 0 42px;
font-size: 38px;
letter-spacing: -0.5pt;
}
.center #admin-promo-splash .page ul{
margin: 0 0 15px 0;
padding: 0;
}
.center #admin-promo-splash .page li{
line-height: 18px;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
list-style-type: none;
}
.center #admin-promo-splash .page p{
line-height: 20px;
}
.center #admin-promo-splash .page .strapline{
line-height: 22px;
font-size: 18px;
}
.center #admin-promo-splash .page a{
font-size: 18px;
}
/*///////////////////////////////////////////////////*/
/*/ iq menu /*/
/*///////////////////////////////////////////////////*/
.center #iq-menu{
margin: 0;
overflow: hidden;
float: left;
}
.center #iq-menu li{
width: 318px;
/*margin: 0 10px 0 0;
float: left;*/
}
.center #iq-menu li.last{
margin: 0;
}
.center #iq-menu li a .title,
.center #iq-menu li a .link{
height: auto;
}
.center #iq-menu li span{
height: 35px;
}
/*///////////////////////////////////////////////////*/
/*/ widgets /*/
/*///////////////////////////////////////////////////*/
#content .center .widget-area .widget-container{ 
overflow: hidden;
}
#content .widget-area .widget-container ul{
min-height: 70px;
}
#content .center .widget-area .widget-container{
width: 318px;
margin: 0 10px 0 0;
float: left;
}
#content .center .widget-area .vasthtml_widget,
#content .center .widget-area .widget_categories{
margin: 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	blog

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#blog #content .wrapper{
overflow: hidden;
}
.single .post .entry-content{
border: 0;
}
.single .post .entry-utility,
.single .post .entry-meta{
display: block;
}
/*///////////////////////////////////////////////////*/
/*/ respond /*/
/*///////////////////////////////////////////////////*/
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input,
#respond .comment-form-comment textarea{
width: 568px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	generic

////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ iq menu /*/
/*///////////////////////////////////////////////////*/
#iq-menu{
margin: 0 0 15px 0;
}
#iq-menu li{
margin: 0 0 10px 0;
border-width: 1px;
border-style: solid;
}
#iq-menu li a{
margin: 0;
padding: 15px 80px 10px 15px;
border-width: 1px;
border-style: solid;
display: block;
}
#iq-menu li a span{
line-height: 16px;
margin: 0 0 5px 0;
font-size: 12px;
font-weight: normal;
display: block;
}
#iq-menu li .title{
line-height: 22px;
margin: 0 0 10px 0;
font-size: 22px;
font-weight: bold;
letter-spacing: -0.5pt;
}
#iq-menu li .link{
font-weight: bold;
}