/*
Theme Name: Q2 Marketing
Theme URI: http://www.q2marketing.com/
Description: Q2 Marketing Blog theme.
Version: 1.0
Author: Logical Web Co.
Author URI: http://www.logicalwebco.com.com/
Tags: 

*/


body{
 border:0;
 margin:0;
 padding:0;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #595959;
 background: #F1ECCC;
 font-size: 76%;
 text-align:center;

 }
 
 /*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ul, li {
	list-style: none;
   	margin-top: 1em;
	margin-bottom: 1em; 
	}
ol li {
	list-style:decimal;
}
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
padding-left:0;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul{
  margin-top:1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*----------------- end list styles ------------------*/
 
 /*----------------- header styles ------------------*/

h1{
font-family: arial, helvetica, sans-serif;
color:#015699;
font-size:2.0em;
font-weight:normal;
margin-top: 0em;
margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

h2{
font-family: arial, helvetica, sans-serif;
color:#015699;
font-size:1.4em;
font-weight:bold;
margin: .8em 0 1.0em 0;
}
.header2{
font-family: arial, helvetica, sans-serif;
color:#015699;
font-size:1.4em;
font-weight:bold;
margin: .8em 0 1.0em 0;
}

h3{
font-family: arial, helvetica, sans-serif;
color:#015699;
font-size:1.2em;
font-weight:bold;
margin: 1.2em 0 .4em 0em;
}

.header3{
font-family: arial, helvetica, sans-serif;
color:#000000;
font-size:1.2em;
font-weight:bold;
margin: 1.2em 0 .4em 0em;
}

h4{
color:#000;
font-weight:bold;
font-size:1.0em;
margin: 1.2em 0 .2em 0em;

}


h5{
color:#000;
font-weight:bold;
font-size:.93em;
margin: 1.2em 0 .4em 0em;
}

h6{
color:#00408A;
font-weight:bold;
font-size:.94em;
margin: 1.2em 0 .4em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/


/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

/*----------------- end links ------------------*/


/*----------------- links ------------------*/

a, a:visited{
 color:#015699;
 text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#FF0000;
 text-decoration:none;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*----------------- end links ------------------*/

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.right{
 text-align: right;
 }

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearer {
	clear: both;
}

.hide, .print{
display:none;
}
/*end all the global stuff */


#wrapper{
width:807px;
text-align:left;
margin:0 auto;
padding:0 16px;
background:#F1ECCC url(http://www.q2marketing.com/images/common/wrapper_bkg.gif) top left repeat-y;
border:0;

}
#wrapper2{
width:839px;
margin:0 auto;
padding:0;
background:#F1ECCC;
border:0;
height:16px;
}
h1#saferheader{
padding:0;margin:0;
position:absolute;
top:50px;
left:492px;
display:none;
width:240px;height:18px;
text-indent:-10000px;
}

#header2 {
	width:693px;
	float:right;
	margin:0;
	padding-top:20px;
	background:#fff url(http://www.q2marketing.com/images/common/qpqr.gif) 10px 40px no-repeat;
}
ul#mininav {
	padding:0;margin:0;
	width:100px;
	float:right;
	font-size:.86em;
}
ul#mininav li {
	padding:0;margin:.1em 0;
	background:#fff url(http://www.q2marketing.com/images/common/arrow1.gif) 0 .2em no-repeat;
	padding:2px 0 2px 12px;
}
ul#mininav a {
	font-weight:bold;
}
ul#mainnav {
	width:680px;
	float:right;
	clear:right;
	padding:0;
	margin:0;
	padding-left:13px;
	height:41px;
	background:#fff url(http://www.q2marketing.com/images/hdr/menu1.jpg) top left no-repeat;
	margin-top:8px;
}
ul#mainnav li{
margin:0;padding:0;
float:left;
background:url(http://www.q2marketing.com/images/hdr/menu1.jpg) -13px 0 no-repeat;
}
ul#mainnav li a{
display:block;
height:41px;
background:url(http://www.q2marketing.com/images/hdr/menu1.jpg) -13px 0 no-repeat;
}

ul#mainnav li a:hover{
background:none;
}

ul#mainnav li#aboutus a{width:89px;background-position:-13px -41px;}
ul#mainnav li#aboutus{background-position:-13px -82px;}
ul#mainnav li#services a{width:101px;background-position:-102px -41px;}
ul#mainnav li#services{background-position:-102px -82px;}
ul#mainnav li#qmethod a{width:130px;background-position:-203px -41px;}
ul#mainnav li#qmethod{background-position:-203px -82px;}
ul#mainnav li#focus a{width:114px;background-position:-333px -41px;}
ul#mainnav li#focus{background-position:-333px -82px;}
ul#mainnav li#different a{width:147px;background-position:-447px -41px;}
ul#mainnav li#different{background-position:-447px -82px;}
ul#mainnav li#news a{width:98px;background-position:-594px -41px;}
ul#mainnav li#news{background-position:-594px -82px;}

#homebanner {
	text-align:center;
	padding:16px 16px 0 16px;
	float:left;
	width:775px;
}

#contentwrapper{
float:left;
width:775px;
padding:16px 16px 16px 16px;
background:#fff;
}
#boxoc{
	float:left;
	padding-top:23px;
	margin:0 16px 16px 0;
	width:169px;
	border:1px solid #015699;
	background:#F3F3F3 url(http://www.q2marketing.com/images/home/our_customers.gif) top left no-repeat;
	color:#015699;
	font-size:.94em;
	padding-bottom:0;
}
#boxoc p{
margin:0;padding:8px;
}
#boxq2a{
	float:left;
	padding-top:23px;
	margin:0 16px 16px 0;
	width:169px;
	border:1px solid #015699;
	background:#F3F3F3 url(http://www.q2marketing.com/images/home/q2_advantage.gif) top left no-repeat;
}
#boxq2a ul{
padding:4px;
margin:0;
}
#boxq2a ul li {
padding:0;
color:#015699;
font-size:.86em;
font-weight:bold;
margin:.6em;
margin-left:18px;
}
#boxnews {
	width:276px;
	float:left;
	background:#fff url(http://www.q2marketing.com/images/home/newsevents2.gif) top left no-repeat;
	height:140px;
	padding:24px 0 0 22px;
	margin:0 16px 16px 0;
}
#homead1{
width:262px;
float:left;
height:54px;
padding:92px 18px 18px 18px;
margin:0 16px 16px 0;
background:#fff url(http://www.q2marketing.com/images/home/q2tradeshow-cert.jpg) left top no-repeat;
}
#homead1 p{
margin:8px 0;
}
#newsscroller {
	border-top:1px solid #015699;
	border-bottom:1px solid #015699;
	padding:6px 0;
}
#boxq2event {
	width:262px;
	float:left;
	padding:0;
	margin:0;
}
#boxq2event p {
	padding:0;margin:8px;
	font-size:.94em;
}
#boxaboutus{
	float:left;
	padding:32px 8px 8px 22px;
	margin:0 16px 16px 0;
	width:520px;
	border:1px solid #BDBDBD;
	background:#fff url(http://www.q2marketing.com/images/home/about_us2.gif) top left no-repeat;
	font-size:.86em;
}
#boxaboutus ol {
	font-size:1em;
}
#boxaboutus ol li{
	list-style-type:decimal;
	padding-left:0;
	
}
#boxaboutus a{
color:#595959;
font-weight:bold;
}
#boxaboutus a:hover{
color:#f00;
}
#boxservices {
	float:left;
	padding:32px 8px 8px 8px;
	margin:0 0 16px 0;
	width:170px;
	border:1px solid #BDBDBD;
	background:#fff url(http://www.q2marketing.com/images/home/services2.gif) top left no-repeat;
	font-size:.86em;
}
#boxservices ul{
	margin:0;padding:0;
	}
#boxservices ul li{
	padding:0;margin: .6em 0;
	padding-left:12px;
	font-weight:bold;
	background:#fff url(http://www.q2marketing.com/images/common/bul1.gif) 0 .2em no-repeat;
}
#boxservices ul li a{
color:#595959;
}
#boxservices ul li a:hover{
	color:#f00;
}
#menucol{
	float:right;
	width:184px;
	margin:0 16px 16px 0;
}
body.landingpage #menucol {
	width:80px;
}
#leftmenu{
	float:left;
	padding-top:23px;
	width:162px;
	margin-bottom:16px;
	border:1px solid #015699;
	background:#F3F3F3 url(http://www.q2marketing.com/images/menu/about_us.gif) top left no-repeat;
	text-align:left;
}
#menu_blog{
	font-size:.94em;
	float:left;
	padding-top:35px;
	width:172px;
	padding-right:10px;
	margin-bottom:16px;
	border:1px solid #015699;
	background:#F3F3F3 url(http://www.q2marketing.com/images/blog/Q2_blog.gif) top left no-repeat;
	text-align:left;
}
.blog_menu h3{
	margin:6px 12px;
	border-bottom:1px dotted #015699;
}
#menucol div.about_us_menu {background-image:url(http://www.q2marketing.com/images/menu/about_us.gif);}
#menucol div.services_menu {background-image:url(http://www.q2marketing.com/images/menu/services.gif);}
#menucol div.diff_menu {background-image:url(http://www.q2marketing.com/images/menu/diff.gif);}
#menucol div.qmethod_menu {background-image:url(http://www.q2marketing.com/images/menu/method.gif);}
#menucol div.news_menu {background-image:url(http://www.q2marketing.com/images/titles/news_events.gif);}


#leftmenu ul{
padding:4px;
margin:0;
}
#leftmenu ul li {
padding:0;
color:#015699;
font-size:.86em;
font-weight:bold;
margin:.6em;
margin-left:18px;
}
#leftmenu hr{
margin-left:18px;
background:#015699;
color:#015699;
height:1px;
width:100px;
}
#leftmenu a{
text-decoration:none;
color:#015699;
}
#leftmenu a:hover{
text-decoration:underline;
}
#contenthdr{
	
}
body.landingpage #contenthdr {
	width:680px;
}


#content{
	float:left;
	width:550px;
	margin:0 24px 24px 0;
	font-size:.94em;
	text-align:left;

}
body.landingpage #content {
	padding-left:100px;
}



body.pressrelease #content, body.landingpage #content {
	width:560px;
}
ul.list2 {
padding:0;margin:0;
margin-left:1.3em;
}
ul.list2 li {
padding:0;
font-size:1em;
padding:0;margin:.4em 0;
background:#fff url(http://www.q2marketing.com/images/common/arrow1.gif) 0 .3em no-repeat;
padding:2px 0 2px 14px;
}
ul.list1 {
padding:0;margin:0;
margin-left:1.3em;
}
ul.list1 li {
padding:0;
font-size:1em;
padding:0;margin:.4em 0;
background:#fff url(http://www.q2marketing.com/images/common/bul1.gif) 0 .3em no-repeat;
padding:2px 0 2px 14px;
}
ul.list3 {
padding:0;margin:0;
margin-left:1.3em;
}
ul.list3 li {
padding:0;
font-size:1em;
padding:0;margin:.4em 0;
background:#fff url(http://www.q2marketing.com/images/common/arrow5.gif) 0 .3em no-repeat;
padding:2px 0 2px 14px;
}
ul.list3 li h3 {
margin: 0 0 .4em 0em;
}
#prcontact {
width:300px;
float:right;
}
#rightcol{
	float:left;
	width:140px;
}
#rightcol ul {
	padding:0;margin:0;
	width:140px;
	font-size:.94em;
}
#rightcol ul li {
	padding:0;margin:.4em 0;
	background:#fff url(http://www.q2marketing.com/images/common/arrow1.gif) 0 .3em no-repeat;
	padding:2px 0 2px 16px;
}

form.standardform {
	width:360px;
}

form.standardform, form.standardform fieldset  {
	border:0;margin:0;padding:0;
}
form.standardform label {
	float:left;
	width:80px;
	text-align:right;
	margin-right:4px;
	margin-top:.6em;
	display:block;
	font-weight:bold;
}

.standardsubmit
{
margin-left: 85px;
}

#footer {
	clear:both;
	margin:0 16px 0 16px;
	padding:8px 0 16px 0;
	border-top:1px solid #BDBDBD;
	font-size:.86em;
}
#footer a:link, #footer a:visited {	color:#595959;}
#footer a:hover, #footer a:active {	color:#f00;}
img.quote{
float:left;
clear:left;
}
#menucol blockquote{
	width:138px;
	float:left;
	clear:left;
	padding:12px;
	margin:12px 0;
	background:#F3F3F3;
	border:1px solid #737373;
	color:#000;
	font-size:.94em;
}
#feed_form{
	margin: 0;
	border-top: 1px solid #015699;
}
#feed_form form{
	margin: 12px;
}
#feed_form input, #searchform input{
	border: 1px solid #015699;
	height: 17px;
	color: #015699
}
#feed_form p, #searchform p{
	text-align: left;
	font-size:1em;
	margin: 6px 0;
}
#feed_form .submit, #searchform .searchsubmit{
	height: 21px;
}
#search{
float: right;
margin: 2px 4px 0 0;
}
#topnav{
background:#F3F3F3;
border-bottom:1px solid #015699;
}
#topnav ul{
padding:6px;
margin:0;
}
#topnav ul li{
list-style:none;
background-image:none;
font-size:.94em;
display:inline;
border-right:1px solid #015699;
padding:0 6px;
}
#topnav ul li a{
padding:0 6px;
}
.post{
padding-bottom:24px;
border-bottom:1px solid #ebebeb;
margin-bottom:24px;
}