<!--
/*
Theme Name:					IQMZ
Description:				A Wordpress theme for IQMZ. Created by <a href="http://www.campcreativegroup.com" target="blank">Camp Creative Group</a>
Author:						Camp Creative Group
Last Edit:					10/1/09
*/

/* ------------|Defaults------------ */
body {  
	background-color:		#fff;
	font-family:			Helvetica,Arial,san-serif;
	font-size:				13px; 
	color:					#666;
	margin:					0;
	padding:				0;
	line-height:			17px;
}

h1 {
	font-family:			'Walkaway Bold', Helvetica, Arial, Sans-Serif;
	font-size:				52px;
	color:					#3499AD;
	float:					right;
	margin:					41px 40px 0 0;
        font-weight: normal;
	line-height:			48px;
	text-align:				center;
}
h2, #content .post h2 a {
	font-family:			'Walkaway Bold', Helvetica, Arial, Sans-Serif;
	font-size:				30px;
	color:					#333333;
        font-weight: normal;
	margin:					0;
	padding:				16px 0 10px;
        line-height: 38px;
}
h3 {
	font-family:			'Walkaway Bold', Helvetica, Arial, Sans-Serif;
	font-size:				25px;
	color:					#93d4ea;
	margin:					0 0 6px 0;
        font-weight: normal;
	line-height:			19px;
	clear:					left;
}
h4 {
	font-family:			'Walkaway Bold', Helvetica, Arial, Sans-Serif;
	font-size:				27px;
	color:					#000;
        font-weight: normal;
	margin:					0 0 17px 0;
	line-height:			19px;
}

a:link, a:hover, a:visited, a:active {  
	font-family:			Helvetica,Arial,san-serif;
	font-size:				13px; 
	color:					#207ea2; 
	text-decoration:		none;
	outline:				none;
}
a:hover {
	text-decoration:		underline;
}


@font-face {
	font-family:			'Walkaway Bold';
	src:					url(./fonts/Walkway_Bold.ttf);
}


img {
	border:					0;
	display:				block;
}


hr {
	width:					400px;
	margin:					30px auto 10px;
	color:					#E2E2E2;
}

blockquote {
        margin-left: 20px;
        margin-right: 20px;
        padding: 10px;
background-color:		#F5F5F5;
border-left: 3px solid #93d4ea;
margin-bottom: 20px;
margin-top: 20px;
}

/* ------------|Misc Classes------------ */

.nomarg {
	margin:					0;
}

.clear {
	clear:					both;
}
.cl {
	clear:					left;
}
.cr {
	clear:					right;
}

.alignright {
	float:					right;
}
.alignleft {
	float:					left;
}
.aligncenter {
	margin:					0 auto;
}

.service {
	margin-top:				80px;
}

.narrow {
	width:					550px;
	border-left:			1px solid #E2E2E2;
	border-right:			1px solid #E2E2E2;
	margin:					0 auto;
}

/* ------------|Rounded Boxes------------ */

.box {
	width:					100%;
}
.container {
	position:				relative;
	height:					18px;
	padding:				0 18px;
	clear:					both;

}

.tl {
	position:				absolute;
	width:					18px;
	height:					18px;
	left:					0;
	top:					0;
}
.tr {
	position:				absolute;
	width:					18px;
	height:					18px;
	right:					0;
	top:					0;
}
.bl {
	position:				absolute;
	width:					18px;
	height:					18px;
	left:					0;
	top:					0;
}
.br {
	position:				absolute;
	width:					18px;
	height:					18px;
	right:					0;
	top:					0;
}


.gray {
	margin-top:				30px;
	background-color:		#f3f3f3;
}
.gray p {
	width:					95%;
	margin:					0;
}
.gray img {
	float:					left;
	margin:					0 16px;
}
.gray .tl {
	background:				transparent url(./images/gray-rounded.jpg) no-repeat 0 0;
}
.gray .tr {
	background:				transparent url(./images/gray-rounded.jpg) no-repeat -18px 0;
}


.gray .bl {
	background:				transparent url(./images/gray-rounded.jpg) no-repeat 0 -18px;
}
.gray .br {
	background:				transparent url(./images/gray-rounded.jpg) no-repeat -18px -18px;
}


.darkgray {
	background-color:		#efefef;
}
.darkgray p {
	text-align:				center;
	font-size:				24px;
	color:					#056388;
	margin:					6px 0 0 0;
	line-height:			36px;
}
.darkgray .tl {
	background:				transparent url(./images/darkgray-rounded.jpg) no-repeat 0 0;
}
.darkgray .tr {
	background:				transparent url(./images/darkgray-rounded.jpg) no-repeat -18px 0;
}
.darkgray .bl {
	background:				transparent url(./images/darkgray-rounded.jpg) no-repeat 0 -18px;
}
.darkgray .br {
	background:				transparent url(./images/darkgray-rounded.jpg) no-repeat -18px -18px;
}

/* ------------|Structure------------ */

.page {
	width:					950px;
	margin:					0 auto;
}

#menu {
	background:				transparent url(./images/bg-menu.jpg) repeat-x;
	width:					100%;
	height:					51px;
}

#header {
	position:				relative;
	background:				transparent url(./images/bg-header.jpg) repeat-x;
	height:					246px;
	z-index:				2;
}

#home #mid-sec {
	background:				transparent url(./images/bg-mid.jpg) repeat-x;
	height:					178px;
}
#mid-sec {
	background:				transparent url(./images/bg-mid-small.jpg) repeat-x;
	height:					94px;
}

#home #content-area {
	padding:				67px 0;
}
#content-area {
	padding:				40px 0 120px;
}

#lower {
	background-color:		#353535;
	padding:				62px 0;
}

#footer {
	float:					right;
	width:					200px;
}

/* ------------|Header------------ */

a#logo {
	position:				relative;
	float:					left;
	display:				block;
	z-index:				3;
}
a#logo span {
	display:				none;
}
a#logo img {
	margin:					-16px 0 -21px;
}

#social-media {
	float:					right;
	margin:					17px 100px 0 0;
}
#social-media div {
	display:				none;
}
#social-media a {
	float:					left;
	margin:					0 3px;
}

/* ------------|Menu------------ */

#menu ul {
	display:				inline;
	float:					right;
	background:				transparent url(./images/menu-separator.jpg) no-repeat 0 0;
	margin:					0;
	padding:				0;
	list-style:				none;
	border-left:			1px solid #424141;
	border-right:			1px solid #000;
}
#menu ul li {
	display:				inline;
	float:					left;
	height:					51px;
	border-left:			1px solid #000;
	border-right:			1px solid #424141;
	overflow:				hidden;
}
#menu ul a,#menu ul span {
	float:					left;
	display:				block;
	color:					#999;
	padding:				18px 20px;
	font:					14px 'Helvetica';
	clear:					both;
}
#menu ul a {
	background:				transparent url(./images/menu-alt.jpg) repeat-x;
	color:					#fff;
	text-decoration:		none;
}
#menu ul li.current_page_item a {
	background:				transparent url(./images/menu-alt.jpg) repeat-x 0 -51px;
}

/* ------------|Content Etc------------ */

#mid-sec img {
	margin:					0 auto;
	padding-top:			17px;
	position:				relative;
	z-index:				2;
}
#home #mid-sec .page {
	background:				transparent url(./images/bg-mid-brain.jpg) no-repeat 100% 100%;
	width:					1010px;
	height:					100%;
}
#mid-sec .page {
	background:				transparent url(./images/bg-mid-brain-small.jpg) no-repeat 100% 100%;
	width:					1010px;
	height:					100%;
}


#home #content p {
	float:					left;
	width:					350px;
	margin:					0 0 30px 10px;
}
.post {
	clear:					both;
	width:					540px;
	margin-left:			5px;
}

.entry p {
       margin-bottom: 10px;
       margin-top: 10px;
       line-height: 20px;
}

.entry ol {
       margin-left: 20px;
}

.entry ol li {
      margin-top: 5px;
      margin-bottom: 10px;
}


.video {
	float:					left;
	margin-right:			50px;
	width:					auto;
}

.header {
	display:				inline;
	float:					left;
	width:					296px;
}
.header h4 {
	margin-bottom:			20px;
}
.header img {
	margin-right:			23px;
}
.header ul {
	display:				inline;
	float:					left;
	margin:					0;
	padding:				0;
	list-style:				none;
}
.header li {
	background:				transparent url(./images/check.jpg) no-repeat 0 4px;
	width:					200px;
	height:					26px;
	font-size:				12px;
	color:					#666;
	padding-left:			18px;
}
.service .desc {
	display:				inline;
	float:					left;
	width:					630px;
}
.service .desc .text {
	border-left:			1px solid #d9d9d9;
	padding-left:			20px;
}
.service .desc .text p {
	margin:					36px 0 0;
	line-height:			24px;
}
.service .desc p:first-child {
	margin:					0;
}

.postmetadata {
	background-color:		#F5F5F5;
	border:					1px solid #E2E2E2;
	font-size:				11px;
	padding:				10px;
        margin-bottom:  20px;
}

.postmetadata a {
	font-size:				11px;
}

.authbio {
width: 515px;
display: block;
height: 80px;
padding: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #f2f2f2;
border: 1px solid #D6D6D6;
}

.authbio p {
	margin: 0px;
}
.authbio img {
border: 0px;
float: left;
margin: 0px 20px 0px 0px;
}

#disqus_thread {
	width:					540px;
	margin-left:			5px;
        border-top: 1px solid #999;
        margin-top: 30px;
        padding-top: 50px;

}


/* ------------|Sidebars------------ */

#sidebar, #leftbar {
	float:					left;
	width:					200px;
	margin-left:			10px;
}
#leftbar {
	width:					160px;
	margin:					0 10px 0 0;
}
#leftbar div {
	display:				none;
}

#sidebar ul {
	list-style: none;
}
#sidebar h2 {
padding:40px 0 3px 0;
font-size:24px;
line-height: 30px;
color: #000;
}
#sidebar .block ul {
border-bottom:1px solid #e2e2e2;
margin-bottom: 40px;
}
#sidebar .block ul .children{
border:0;
padding: 0 0 0 8px;
}
#sidebar .block li {
border-top:1px solid #e2e2e2;
}
#sidebar .block li a {
background:transparent;
font-size:13px;
font-weight:normal;
padding:4px 0 4px 2px;
display:block;
border-bottom:none;
color:#666;
text-decoration: none;
}
#sidebar .block li a:hover {
background:#f7f7f7;
color: #333;
}

/* ------------|Lower------------ */

#lower input {
	float:					left;
	background-color:		#ecebeb;
	width:					230px;
	height:					16px;
	margin:					1px 0 25px;
	padding:				4px;
	border:					0;
}
#shortener, #searchform {
	margin:					16px 0 26px;
}
#shortener span, #searchform span {
	display:				none;
}
#shortener button, #searchform button {
	float:					left;
	background:				transparent url(./images/button-shorten.jpg) no-repeat;
	width:					74px;
	height:					26px;
	border:					0;
}
#searchform button {
	background-image:		url(./images/button-search.jpg);
}


#lbp {
	float:					left;
	width:					294px;
	margin:					0 50px 64px;
}
#lbp ul {
	margin:					0;
	padding:				0;
	list-style:				none;
	border-top:				1px solid #151515;
	border-bottom:			1px solid #504e4e;
}
#lbp li {
	border-top:				1px solid #504e4e;
	border-bottom:			1px solid #151515;
}
#lbp li a {
	display:				block;
	padding:				6px 0 6px 11px;
	width:					283px;
	color:					#ecebeb;
}

#lbp li a:hover {
       background: #3f3f3f;
       text-decoration: none;
}

.ic {
	background:				transparent url(./images/index-card.jpg) no-repeat 100% 84px;
	width:					230px;
}
.ic p {
	margin:					20px 0 12px 9px;
	line-height:			18px;
	color:					#ecebeb;
}
.ic span {
	font-family:			'Helvetica';
	font-size:				18px;
	color:					#93d4ea;
}

#twitter {
	float:					left;
	clear:					both;
	width:					730px;
	margin:					0 16px 0 0;
}
#twitter .tweetable_latest_tweets li {
	border:					0;
}
#twitter #small-logo {
	float:					left;
	background:				transparent url(./images/bg-twitter.jpg) no-repeat 100% 62px;
	width:					116px;
}
#twitter #message {
	float:					left;
	background-color:		#ecebeb;
	width:					613px;
}
#twitter #message p {
	margin:					5px auto;
	width:					554px;
	font-size:				16px;
}
#twitter #message a {
	color:					#207ea2;
}
#twitter #message span.twitter_meta {
	display:				block;
	text-align:				right;
	color:					#207ea2;
	font-style:				italic;
	font-size:				13px;
}

/* ------------|Footer Etc------------ */

#footer p, #footer a {
	color:					#b0b0b0;
	width:					210px;
	font-size:				10px;
	margin:					10px 0 0;
}
#footer a.sms {
	float:					left;
	margin-right:			5px;
	width:					34px;
}


#bottom-bar {
	background-color:		#1e1e1e;
	width:					100%;
	height:					44px;
}
#bottom-bar p {
	float:					right;
	margin:					5px 0 0;
}
#bottom-bar a {
	display:				block;
	background:				#1e1e1e url(./images/ccg.jpg) no-repeat 100% 0px;
	font-size:				11px;
	width:					230px;
	height:					26px;
	color:					#999;
	margin:					5px 10px 0;
	padding:				4px 10px 0 0;
}

//-->