/*   
Theme Name: Pikes Home Maintenance	
Theme URI: www.peculiarproductions.com
Description: This is Theme for the pikeshome.com
Author: Matthew Cuyar
Author URI: 
Template: XZERO-n
Version: 1.0
*/

/* Reset browser defaults */
@import url('../XZERO-n/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../XZERO-n/library/styles/typography.css');

/* Apply basic image styles */
@import url('../XZERO-n/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../XZERO-n/library/styles/18px.css');

/* Prepare theme for plugins */
@import url('../XZERO-n/library/styles/plugins.css');

@import url("css/form.css");

/*//////////////// General */
/*------------------------------*/

.alignleft {float: left;}
.left {float: left;}
.right, .alignright {float: right;}
.clear {clear: both;}
.hide {display: none;}

.textcenter {text-align: center;}



/*
.alpha-thirty {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-khtml-opacity: 0.30;
	-moz-opacity: 0.30;
	opacity: 0.30;
}
*/


/*//////////////// Typography */
/*------------------------------*/

body, input, textarea {
    font: 17px Verdana, Verdana, Geneva, sans-serif;
    line-height:22px;
    color:#555;
}
p, ul, ol, dd, pre {
    margin-bottom:0px;
    font-family: Arial, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 10px;
}
pre, code {
	font:12px Monaco, monospace;
	line-height:18px;
}

h1 {font-size: 1.5em;}
h2 {color: #ee3a43; font-style: italic; padding-top: 20px; font-size: 1.4em; padding-left: 15px;}
	h2 a {color: #ee3a43; text-decoration: none; font-style: normal;} 
#content h3 {color: #360; padding: 15px 0 8px 10px; font-size: 1.2em;} 
h4 {}
h5 {}
h6 {}

p {}

strong, b {}

a {}
a:link {}
a:hover {}
a:visited {}

a[href $='.pdf'] { 
   padding:0 10px 0 25px; display: block;
   background: transparent url(images/adobe_pdf_icon.html) no-repeat left top; margin:0px;
}

img { -ms-interpolation-mode: bicubic; }


.rmLink {display: block; text-transform: uppercase; color: #ee3a43; text-decoration: none; font-size: .7em; line-height: 1.3em; font-weight: bold; text-align: right; padding-right: 30px; background: url(images/red-arrow-lg.gif) no-repeat right; }

/*//////////////// Default Menu - Do not edit */
/*------------------------------*/

.skip-link {
    display:none;
}
#access {
    border-bottom:none;
    height:0px;
    font-size:13px;
    overflow:visible;
    z-index:100;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*//////////////// Layout */
/*------------------------------*/
html {}
body { width:100%; height: 100%; background: #e7dbbc url(images/bg.jpg) repeat-x;}
#wrapper {}

/* = Header
------------------------------*/
#header {height: 1%;}
.headerWrap {width: 907px; padding: 0px; margin: 0 auto; margin-top: 15px; background: url(images/mid-bg.jpg) no-repeat; position: relative;}
.home .headerWrap {margin-top: 120px; }
.logo {width:192px; height: 128px; display: block;
text-indent: -9999px; background: url(images/collins_logo.png) no-repeat; position: absolute; top: -10px; left: 30px; }
.ie6 .logo {background: url(images/collins_logo.png) no-repeat;}
.home .logo {top: -110px; left: 10px;}
.logo a {width:192px; height: 128px; display: block; }
.logo2 {width:192px; height: 128px; display: block;
text-indent: -9999px; background: url(images/collins_logo2.png) no-repeat; position: absolute; top: -10px; left: 30px; }
.ie6 .logo2 {background: url(images/collins_logo2.png) no-repeat;}
.home .logo2 {top: -110px; left: 10px;}
.logo2 a {width:192px; height: 128px; display: block; }

/* Main Navigation */
#navWrap { height: 97px; background: url(images/nav-bg.jpg) no-repeat top; }
.mainNav {width: 907px; margin: 0 auto; padding-top: 38px;}
	.ie6 #navWrap { height: 86px !important; overflow: hidden; background: url(images/nav-bg.jpg) no-repeat top; }
.home #navWrap { height: 85px; background: url(images/nav-bg.jpg) no-repeat top; }
#navWrap2 { height: 97px; background: url(images/nav-bg2.jpg) no-repeat top; }
.mainNav2 {width: 907px; margin: 0 auto; padding-top: 38px;}
	.ie6 #navWrap2 { height: 86px !important; overflow: hidden; background: url(images/nav-bg2.jpg) no-repeat top; }
.home #navWrap2 { height: 85px; background: url(images/nav-bg2.jpg) no-repeat top; }


/*** Main Menu ***/
.sf-menu { margin-left: 8px;}
.sf-menu a {
	padding:0;
	text-decoration:none;
	display: block;
	color: #FFF;
	font-weight: bold;
	padding: 0px 3px 5px 3px;
	text-shadow: #000 -1px -1px 2px;
}

.iPhone .sf-menu, .iPad .sf-menu {margin-left: 5px;}

.mainNav .sf-menu a { font-weight: normal;
	font-size: .98em; }

.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {

border-bottom: solid 3px #ee3a43;

}

.sf-menu li {
	/* background:	 transparent; */
	background: url(images/nav-divider.jpg) repeat-y right;
	padding: 0px 11px;
}
.sf-menu li#menu-item-30 {background: transparent;}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   /* background:     #fafafa;
    border-bottom-color:#ccc; */
    outline: 0;
    color: #c5c5c5;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}


/* = Slider Navigation
------------------------------*/
.sl-navigation .sf-menu { margin-left: 2px;}
.headercontent .sl-navigation {font-size: 1.2em ; text-align: center;}
.sl-navigation .sf-menu a {width: 114px; height: 35px; padding: 0px; padding-top: 12px;}
.sl-navigation .sf-menu #menu-item-84 a {padding-top: 5px;}
.sl-navigation .sf-menu li {padding: 0px; background: transparent; height: 35px; overflow: hidden;}

.sl-navigation .sf-menu .current_page_item a,
.sl-navigation .sf-menu .current_page_ancestor a,
.sl-navigation .sf-menu .current_page_parent a {

border-bottom: none;

}

/* = Video
------------------------------*/


/* = Content Layout
------------------------------*/
#contentWrap {padding-bottom: 25px; background: url(images/main-bg-trans.png) repeat-y center;} 
.ie6 #contentWrap {width:932px;  margin-top: 0px; margin: 0 auto;}
.home #contentWrap {padding-bottom: 0px;}
#main {width: 877px; padding: 0px 15px 0px 15px; margin: 0 auto; font-size: 14px;}
.home #main {background: transparent url(images/home-main-bg.jpg) no-repeat top center; font-size: 17px;}
.ie6 #main {}
#container {width: 567px; margin-left: 0px;}
.ie6 #container {overflow:hidden;}
#content {padding: 0 0 0px 0;}

/* Columns */
.columnWrap {}
.twocol {width:50%; float: left;}
.threecol {width:32%; float: left; margin: 0 .6%}

/* = Home Page
------------------------------*/
/*-- Header Home --*/
.headercontent {color: #fff; font-size: .7em; line-height: 1.3em;}
.home .headercontent h3.title {padding-bottom: 10px; font-size: 1.7em;}
.home .headercontent .cnt-l {width: 330px; padding-top: 30px;}
.home .cnt-l ul {margin: 0px; padding: 0px; position: relative;}
.home .cnt-l ul li {margin: 0px; padding: 3px 0 3px 12px; background: url(images/white-arrow.gif) no-repeat; background-position: 0 5px; list-style: none;}
.home .pikes-knows { width: 109px; height: 82px; position: absolute; left: 220px; top: -85px;  background: url(images/we-know.png) no-repeat; }
.home.ie6 .pikes-knows {position: absolute; top: -80px;}
.home .headercontent .why {background: url(images/header-divider.jpg) left repeat-y;}
.home .headercontent .why h3.title {font-size: 2em; padding-left:6px;}
.home .headercontent .why ul {padding-left:6px;}
.home .headercontent .like {padding-top: 50px; background: url(images/home-header-logos.jpg) no-repeat bottom; padding-bottom: 90px;}
.home .headercontent .col-content {padding-left: 10px;}

.home .headercontent .cnt-r {width: 577px; height: 320px; position: relative;}
.home .headercontent .sliderWrap {background: url(images/slider-bg.jpg) no-repeat; background-position: 0 71px; position: absolute; width: 578px; height: 412px; top: -88px; right: -6px; overflow: hidden;}
.home .headercontent .sl-navigation {background: url(images/sl-navigation-bg.jpg) no-repeat; height: 72px;} 


/* slides */
 #slider {width: 486px; height: 245px; margin-top: 40px; margin-left: 45px;}
 #slides { position:relative; height:245px; width:486px; z-index: 1; overflow: hidden;}
 #slides div.ft-slide {height:245px; overflow:hidden; position: relative;}
 #slides div.ft-desc {position: absolute; top: 0; width: 180px; font-size: 1.1em; line-height: 1.3em; background: url(images/black-60-trans.png); }
 #slides div.ft-desc a {display: block; padding:  10px 30px 5px 0; text-align: right; font-size: 1.2em; text-transform:  uppercase; text-decoration: none; color: #FFF; background: url(images/white-arrow-lg.gif) no-repeat; background-position: right 5px;}
 #slides div.ft-desc a:hover {color: #cecece;}
 .home #container {width: 877px; margin-left: 13px;}
 .home #content {background: #fff url(images/checklist.jpg) no-repeat bottom right; height: 1%;}
.home .columnWrap .col {width: 188px; border-right: 1px solid #e7e7e7;}
.home #content .columnWrap .col h3 {color: #ee3a43; font-size: 1.2em; padding: 0px; padding-top: 8px;}
.home .columnWrap .col .rmLink { margin-right: 10px;}
.home .columnWrap .col-1 {width: 270px; padding-right: 10px; padding-top: 20px; height: 695px; text-align: right;}
	.home #content .columnWrap .col-1 h3.title {font-size: 2.55em;}
	.home #content .columnWrap .col-1 h3.title a {color: #ee3a43; text-decoration: none;}
	.home #content .columnWrap .col-1 h3.title a:hover {color: #e7e7e7;}
	.home #content .columnWrap .col-1 h3 .title {font-size: 1.6em;}
	.home #content .columnWrap .col-1 h4 {font-style: italic; font-size: 1.1em;}
.home #content .columnWrap .col-2 {height: 695px;}
	.home #content .columnWrap .col-2 span {color: #ee3a43; }
	.home #content .columnWrap .col-2 ul {margin: 0px; padding: 0px; font-size: .9em;}
	.home #content .columnWrap .col-2 li {margin-left: 10px; padding: 0px 0 0px 12px; background: url(images/red-arrow-sm.gif) no-repeat; background-position: 0 5px; list-style: none;}
	.home #content .columnWrap .col-2 li a {color: #ee3a43;}
	.home #content .columnWrap .col-2 li a:hover {color: #333;}
.home .columnWrap .col-3 {height: 495px;}
.home .columnWrap .col-4 {height: 515px;}

.home .columnWrap .col-2,
.home .columnWrap .col-3,
.home .columnWrap .col-4 { font-style: italic; font-size: .85em;}

.home #content .columnWrap .col-2 h3,
.home #content .columnWrap .col-3 h3,
.home #content .columnWrap .col-4 h3 { padding: 0 10px;}

.home .subscribe {position: relative;}
.home .subscribe a.subscribe { display: block; height: 140px; width: 376px; background: url(images/subscribe.png) no-repeat top; text-align: left; text-indent: -9999px; margin-right: 186px; position: absolute; top: -140px; right: 0px; }
.ie6 .subscribe a.subscribe {right: -1px;}
.home .subscribe a.checklist {display: block; height: 140px; width: 180px; position: absolute; right: 40px; top:-160px;}
.home .subscribe a.subscribe:hover {background-position: bottom; }
/*
.home.ie7 .subscribe a.subscribe { text-align: left;}
 .home.ie7 #content {background:#FFF url(images/checklist.jpg) no-repeat bottom right;}
*/
.home #footer {}

/* = Page Styles
------------------------------*/
/* page header */
.headercontent .cnt-l {width: 550px; height: 130px; }
/* .headercontent .cnt-l.full .page-title { width: 100%;} */
.headercontent .page-desc { padding: 10px 0 10px 0px; margin-left: 200px; width: 360px; padding-top: 45px;}

.warranty .headercontent .page-desc {padding-top: 20px;}

.ie6 .headercontent .page-desc {margin-left: 100px; width: 350px;}

.headercontent .subscribe-header {width:320px; height: 130px; position: relative;}
.headercontent .subscribe-header a {width:370px; height: 143px; position: absolute; display: block; background: url(images/subscribe-header.png) no-repeat top left; top:-9px; right: -30px; text-indent: -9999px;}
.headercontent .subscribe-header a:hover {background-position: bottom left;}

h1.title {color: #fff; font-style: italic; padding-left:30px; font-size: 3em; margin-right: 0px;}
h2 {}
h2 span {padding-right: 10px;}
/* = Subpage Styles
------------------------------*/

/* = Blog-Page Styles
------------------------------*/

.sub-post {  padding-bottom: 20px; margin-bottom: 10px;}
.sub-post h2 { padding-bottom: 10px; padding-left: 10px; border-bottom: 1px dashed #ccc;}
.sub-post h2 a {color: #360;}
.sub-post h2 a:hover {color: #ee3a43;}
.entry-meta {padding: 5px 0 5px 10px; border-bottom: 1px dashed #ccc; font-size: .8em;}
.entry-utility {padding: 5px 0 5px 10px; border: 1px dotted #ccc; font-size: .8em; background: #e7e7e7;}

.entry-meta a, .entry-utility a {color: #ee3a43; }
.wp-pagenavi { clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; border: 1px solid #ccc; padding: 3px 5px; margin: 2px;}
.wp-pagenavi a {color: #ee3a43;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; }
.wp-pagenavi span.current { font-weight: bold;}

/* = Category Styles
------------------------------*/

/* = Sidebar
------------------------------*/
#sidebar {float: right; width: 290px; padding-left: 10px; border-left: 1px solid #ccc; }
#sidebar h2 {color: #777; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
#sidebar ul {margin: 0px 0 0 10px; padding: 0px;} 
#sidebar  li {list-style: none; display: block; padding: 5px 0 5px 20px; background: url(images/red-arrow-sm.gif) no-repeat; background-position: 0 11px; list-style: none; }
#sidebar a {color: #ee3a43; text-decoration: none; }
#sidebar li a:hover {color: #777;}

#sidebar .contactButton {width: 290px; height: 100px; padding-top: 20px; }
#sidebar .contactButton a {display: block; width: 290px; height: 100px; background: url(images/contactButton.gif) no-repeat; text-indent: -9999px;}
#sidebar .contactButton a:hover {background-position: 0 -100px;}

/* = Footer
------------------------------*/

#footer { background: url(images/footer.jpg) no-repeat top center;}
.footerWrap {width: 960px; padding: 25px 0; margin: 0 auto;}
#copyright {padding-top: 25px; padding-right: 50px; font-size: .7em;}
#copyright a {color: #777;}
#logo {padding-left: 50px; padding-top: 0px; width:250px;}

/* = Widgets
------------------------------*/

/* = Comments
------------------------------*/
#respond {}
#commentform {}
#commentform textarea{ width: 550px;}
li.comment {padding-top: 20px;}

/* = Showroom
------------------------------*/

.showroom #content {width: 867px;}
.ie6.showroom #container { width: 867px;}
.s-gallery {width: 275px; min-height: 450px; border-right: 1px solid #ccc; padding: 0 5px;}
.s-gallery img {margin: 5px; padding: 5px; border: 1px solid #ccc;}
.s-gallery h3 {padding-left: 10px; font-size: 1.6em;}
.s-gallery.border-none {border: none;}
.gallery-padding {margin: 10px; padding-top: 10px; border-bottom: 1px solid #ccc;}

/* = Social Links
------------------------------*/

.sociallinks {padding-top: 1px;}
.sociallinks a {width: 268px; height: 83px; display: block; text-align: left; text-indent: -9999px; background: url(images/socialButtons.jpg) no-repeat; margin-bottom: 10px;}
.sociallinks a.twitter {margin-top: 20px;}
.sociallinks a.twitter:hover {background-position: 0px -83px;}
.sociallinks a.facebook {background-position: 0px -166px;}
.sociallinks a.facebook:hover {background-position: 0px -249px;}
.sociallinks a.youtube {background-position: 0px -332px;}
.sociallinks a.youtube:hover {background-position: 0px -414px;}


/* = Form override CSS
------------------------------*/
.gform_wrapper {width: 500px; padding-left: 30px;}
.gform_wrapper .button {padding: 10px 20px; background: #360; cursor: pointer; font-size: 1.2em !important; color: #fff !important; border: none; font-size: 1.2em; }
.gform_wrapper .button:hover {background: #ccc; color: #360 !important;}
.msie .gform_wrapper input {height: 16px; font-size: 1em;}
.msie .gform_wrapper input.button {height: auto;}
.msie .gform_wrapper select {font-size: 1em;}
.msie .gform_wrapper .ginput_complex label {font-size: .9em;}