/*
Theme Name: infuse Wordpress Theme Custom
Theme URI: http://www.chrismower.com
Description: Modified by Chris Mower. infuse is the February 2010 release from RocketTheme. Its primary focus is that of style control, allowing for quick, simple and wide reaching changes of the theme's styling with a few template parameter toggles. Also sporting a recoded layout, perfectly catered for search engine optimisation. 
Version: 1.0
Author: Chris Mower (original by RocketTheme, LLC)
Author URI: http://www.ChrisMower.com
Template: rt_infuse_wp
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/


@import URL(../rt_infuse_wp/css/style3.css);
@import URL(../rt_infuse_wp/css/template.css);
@import URL(../rt_infuse_wp/style.css);


/*********************************************
		Header Styles
*********************************************/
/* logo */
#logo {background: transparent url(images/logo-ChrisMower.png)no-repeat scroll 0 0; width: 500px; height: 52px;}
.logo-module {width: 500px; height: 52px;}

/* search */
#top-right-surround {float: right; width: 300px;}

/*********************************************
		Body Styles
*********************************************/
body.full {background: #E0DCCB url(images/bg.jpg) 50% 0 no-repeat;}


/*===========Click to Keep Reading===========*/
a.more-link {
margin-top: 10px;	
background:#dfdccb; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#dfdccb), to(#6b625d));
	background:-moz-linear-gradient(top, #dfdccb, #6b625d);
	background:-o-linear-gradient(top, #dfdccb, #6b625d);
	background:linear-gradient(top, #dfdccb, #6b625d); /* 2e88c4, 075698 */
}

a.more-link:hover {
	padding: 2px 8px;
	background:#dfdccb; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#dfdccb), to(#6b625d));
	background:-moz-linear-gradient(top, #dfdccb, #6b625d);
	background:-o-linear-gradient(top, #dfdccb, #6b625d);
	background:linear-gradient(top, #dfdccb, #6b625d);
	color: #000000;
}

a.more-link  {
	float:left; >>> add
	margin-top:10px;
	padding:2px 8px;
}

p {font-size:14px; line-height:20px; margin-bottom:15px; margin-top:10px;}
ul {font-size:14px; line-height:20px;}
ol {font-size:16px; font-style:italic; font-weight: bold;}
ol p {font-size:14px; font-style:normal; line-height:20px; margin-bottom:15px; margin-top:10px; font-weight:normal;}
.rp ol {font-size:14px; line-height:20px; font-weight:normal;}
h4 {font-weight:bold;}
span.wpcf7-list-item {display:block;} /* Contact Form 7 Checkbox & Radio Button Layout in a column instead of a chunk */
.rokradios, .rokchecks {line-height:20px;} /* Keeps the Contact Form 7 Checkbox and Radio buttons from crowding */

/*********************************************
		Post Styles
*********************************************/

.important2 {background:#ffffff; border:2px dotted #376976; /*original #e5e5e5*/ margin:25px 0 10px 10px; padding:15px;	position:relative; float:right;	width:200px;}
.important3 {background:url("images/important.png") repeat-x scroll 0 100% transparent; border:1px solid #E5E5E5; margin:25px 0 10px; padding:15px; position:relative; font-size:14px; line-height:20px;}
span.important3-title {background: #ffffff; color:#CC0000; font-size:120%; position:absolute; display:block; top: -0.8em; left:10px; padding:3px 8px;}
.highlight2l {background: #EFEFEF url(images/highlight2-3.jpg) 0 0 no-repeat; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; padding:15px; margin:10px; float:left; width:400px; height:250px;}
.highlight2r {background: #EFEFEF url(images/highlight2-3.jpg) 0 0 no-repeat; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; padding:15px; margin:10px; float:right; width:400px; height:250px;}

/* The span.learnmore span is for the main services page */
span.learnmore {position:relative; color:#ffffff; background:#075698; /* default background for browsers without gradient support */ 
	display:block;	font-size:110%; float:left; left:32%; margin:10px; padding:10px 15px; line-height:100%;
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698));
	background: -moz-linear-gradient(top, #2e88c4, #075698);
	background: -o-linear-gradient(top, #2e88c4, #075698);
	background: linear-gradient(top, #2e88c4, #075698);}
span.learnmore:hover {position:relative; color:#ffffff;	background:#c81e2b; /* default background for browsers without gradient support */
	display:block; font-size:110%; float: left; left:32%; margin:10px; padding:10px 15px; line-height:100%;
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#f04349), to(#c81e2b));
	background: -moz-linear-gradient(top, #f04349, #c81e2b);
	background: -o-linear-gradient(top, #f04349, #c81e2b);
	background: linear-gradient(top, #f04349, #c81e2b);}
#main-content span.learnmore a {color:#ffffff; text-decoration:none; font-weight:normal;}

/* The gsn "Get Started Now" class is for individual product listing pages. */
.gsn-wrap {height:80px; width:100%;}
.gsn {color:#ffffff; background:#075698; /* default background for browsers without gradient support */ 
	display:block; font-size:180%; float:left; left:50%; margin:10px 10px 10px 200px; padding:10px 15px; line-height:100%; text-align:center; width:460px;
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698));
	background: -moz-linear-gradient(top, #2e88c4, #075698);
	background: -o-linear-gradient(top, #2e88c4, #075698);
	background: linear-gradient(top, #2e88c4, #075698);}
.gsn:hover {color:#ffffff; background:#c81e2b; /* default background for browsers without gradient support */
	display:block; font-size:180%; float:left; left:50%; margin:10px 10px 10px 200px; padding:10px 15px; line-height:100%; text-align:center; width:460px;
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#f04349), to(#c81e2b));
	background: -moz-linear-gradient(top, #f04349, #c81e2b);
	background: -o-linear-gradient(top, #f04349, #c81e2b);
	background: linear-gradient(top, #f04349, #c81e2b);}
#main-content .gsn a {color:#ffffff; text-decoration:none; font-weight:normal;}

/*********************************************
	      Comment Styles
*********************************************/

.bypostauthor {
	background:#ffffff none repeat scroll 0 0; /*a6c4fc*/
	color: #383838;
	padding: 5px;
        border-width: 3px 3px 3px 3px;
	border-style: double;
	border-color: #d8d8d8;
}

.cluv { /* used to edit comment luv */
        margin-top: 10px; 
        font-style: italic;
}

/*********************************************
	     Typography Styles
*********************************************/
span.qa1 { /* paragraph style for the questions I ask during the interviews */
	display: block;
	font-size: 110%;
	line-height: 150%;
	width: auto;
	padding: 0px 5px;
	margin: 15px 0px 15px 40px;
	font-style: italic;
	background: #c6e1f2;
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* int1 = style for my name and initials during interviews */
span.int1 {
	position: relative;
	padding: 5px; /* Original: padding:15px; */
	margin: 1em 0 3em;
	color: #ffffff;
	background: #075698; /* default background for browsers without gradient support */
	
	display: block;
	font-size: 120%;
	font-weight: bold;
	float: left;
	margin: 0px 8px 0px 0px;
	line-height: 100%;
	
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698));
	background: -moz-linear-gradient(top, #2e88c4, #075698);
	background: -o-linear-gradient(top, #2e88c4, #075698);
	background: linear-gradient(top, #2e88c4, #075698);
}

span.int1:after { /* creates triangle */
	content: "\00a0";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -20px; /* value = - border-top-width - border-bottom-width | Original: bottom: -40px; */
	left: 10px; /* controls horizontal position | Original: left: 50px;*/
	width: 0;
	height: 0;
	border-width: 5px 0px 15px 10px; /* vary these values to change the angle of the vertex | Original: border-width: 20px 0 20px 20px; */
	border-style: solid;
	border-color: #075698 transparent transparent; 
}

span.qa2 { /* paragraph style for the answers interviewees give during the interviews */
	display: block;
	font-size: 100%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 0px 40px;
	margin: 15px 0;
}

/* int2 = style for the interviewee's name and initials during interviews */
span.int2 {
	position: relative;
	padding: 5px; /* Original: padding:15px; */
	margin: 1em 0 3em;
	color: #ffffff;
	background: #c81e2b; /* default background for browsers without gradient support */
	
	display: block;
	font-size: 120%;
	font-weight: bold;
	float: left;
	margin: 0px 8px 0px 0px;
	line-height: 100%;
	
	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#f04349), to(#c81e2b));
	background: -moz-linear-gradient(top, #f04349, #c81e2b);
	background: -o-linear-gradient(top, #f04349, #c81e2b);
	background: linear-gradient(top, #f04349, #c81e2b);
}

span.int2:after { /* creates triangle */
	content: "\00a0";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -20px; /* value = - border-top-width - border-bottom-width | Original: bottom: -40px; */
	left: 10px; /* controls horizontal position | Original: left: 50px;*/
	width: 0;
	height: 0;
	border-width: 5px 0px 15px 10px; /* vary these values to change the angle of the vertex | Original: border-width: 20px 0 20px 20px; */
	border-style: solid;
	border-color: #c81e2b transparent transparent; 
}

/*********************************************
	     Sidebar Styles
*********************************************/
.tape {
	list-style: none;
	margin: 0;
	padding: 0px;
}
.tape li {
	margin: 10px;
	padding: 0px;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.tape img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
	margin: 8px 8px 8px 0px;
	
}
.tape span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 30%;
	background: url(images/tape2.png) no-repeat;
}
.tape a {
	text-decoration: none;
}

.tape txt {
	font-weight: bold;
	font-size: 120%;
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

<!--[if lt IE 7]>
<style type="text/css">
	.tape span { behavior: url(iepngfix.htc); cursor: pointer; }
</style>
<![endif]-->