/*  
Theme Name: Kill It 
Theme URI: http://killdiscodesign.com/
Description: Customized WordPress theme
Version: 1.1
Author: Matthew Welsh
Author URI: http://killdiscodesign.com/
Tags: white, grid, whitespace, minimal, clean, widgets



Notes: Killdisco Design creates custom themed websites with the client's needs in mind.
Need a custom website? Check us out at http://www.killdiscodesign.com or contact us at 
contact@killdiscodesign.com 


*/

* {
	margin: 0;
	padding: 0;
}
body {

    background:#FEFEF3 url(images/background-left.jpg);
	background-repeat: no-repeat;
	background-scroll: scroll;
	background-position: left top; 
    font-size: 62.5%;
	line-height:1.3em;
	font-family: chaparral-pro,Times, serif;
} 
h1 {
	font-size: 2em;
	font-family:"Helvetica Neue", Helvetica, Arial, san-serif;
	text-transform:uppercase;
}
h2 {
	font-size: 1.6em;
	font-family: proxima-nova,sans-serif;
    font-weight:normal;
	text-transform:uppercase;
}
h3 {
	font-size: 1.4em;
	font-family:"Helvetica Neue", Helvetica, Arial, san-serif;
	text-transform:uppercase;
}
h4 {
	font-size: 1.2em;
	font-family:"Helvetica Neue", Helvetica, Arial, san-serif;
	text-transform:uppercase;
}
a {
	color: #7c776c;
	outline: none;
	text-decoration: none;
}
a:hover {
	color:#d8611f;
	
}

a:link, a, a img{outline:none;border:0;}

.social4i {border-top:1px solid #d6d0c4;border-bottom:1px solid #d6d0c4;padding-top:8px;margin-top:10px;}

/* =----------------------------------- Search */


.searchField input {
	color: #777;
}


/*=-------------------------------------PostMeta */
.postMeta {
	font-size: 0.9em;
	text-transform: uppercase;
}
.postMeta span.date {
	color: #777;
}
.postMeta span.comments a,
.postMeta span.date a {
	color: #3c6c92;
}

span.small {color:red;font-size:.7em;font-style:italic;}

/*=-----------------------------------Widget Styling */
#commentsContainer h3 {
	font-size: 1.2em;
	border:0;
	outline:none;
}
#cancel-comment-reply-link {
	color: #3C6C92;
	font-size: 0.8em;
}
.commentlist .comment-meta a {
	color: #777;
}
.commentlist .comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.commentlist .comment-meta {
	font-size: 0.8em;
}
#commentform p span input,
#commentform span textarea {
	color: #333;
	font-family: arial,verdana,sans-serif;
	font-size: 1.2em;
    border:0;
	outline:none;
}
#paginateIndex {
	font-size: 0.9em;
	text-transform: uppercase;
}

#commentform textarea #comment {border:0px;outline:none;}

/* =----------------------------------- main structure */
#wrapper {
	position:relative;
	margin: 20px auto;
	text-align: left;
	width: 960px;
	padding: 0 5px;
	font-size: 1.2em; /*----sets standard for full site ---*/
	line-height: 1.4em;/*----sets standard for full site ---*/
}


#mainColumn {
	float: left;
	margin: 20px auto;
	width: 960px;
}



#mainColumn-contact {
	
	float: left;
	margin: 5px auto;
	width: 960px;
	border-bottom:2px solid #d6d0c4;
}

#mainColumn-about {
	
	float:left;
	margin: 5px 0;
	width: 560px;
	
}

.aboutimage{
	width:390px;
	float:left;
	margin:90px 0;
}

.about-entry {
	float:right;
	margin:0;
}



.entry-books {

    float: left;
	margin: 5px 0;
	width: 460px;

}

.entry-books p{font-size:1.2em;line-height:1.4em;}

.book-single-image {
	float:right;
	margin:0 10px;
}


/* =----------------------------------- appearances */

#mainColumn-appearance {
	float: left;
	margin: 50px auto;
	width: 960px;
	min-height:750px;
	height:700px;
	display:block;
}



.thumb {
	float:left;
	padding-right:20px;
}

.appearance-entry {
	float:right;
	width:700px;
	min-height:450px;
	display:block;
}

#mainColumn-appearance .appear-contain {
	border-bottom:1px solid #d6d0c4;
	display:block;	
	padding-bottom:0px;
	text-align:center;
	}

.appear-contain p{
	font-size:1.2em;
	line-height:1.5em;
}

.appear-contain h1{
	font-size:2em;
	}



/* =----------------------------------- header elements */


#logo {
	position:relative;
	margin:50px auto;
	margin-bottom:0;
	width:423px;
	height:120px;
	display:block;
}



.front-copy {
	width:600px;
	float:left;
	background:url(images/front-copy.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:500px;
	display:block;	
}

.front-copy p{
	padding-top:170px;
	padding-left:50px;
	width:500px;
	font-family: chaparral-pro,sans-serif;
	font-size:1.4em;
	line-height:1.4em;

}

.front-image {
	position:relative;
	width:330px;
	height:500px;
	float:right;
	background:url('images/straightflushfront.jpg')no-repeat top left;
	display:block;
	

}



#linky {
  width: 960px;
  
  } 
 
  #linky .boxy {
 margin: 10px;
  padding: 10px;
  background: #efe9dd;
  font-size: 11px;
  width:200px;
  line-height: 1.4em;
  overflow:hidden;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;

  }


#linky .boxy img {border:2px solid #fff;margin-left:-2px;}

.archivedesc h4 {
	padding:4px 0 0px 0;
	text-transform:uppercase;
   font-family: proxima-nova,sans-serif;
    font-weight:normal;
	color:#fff;


}

.archivedesc {
	display:none;
	position:absolute;
	top:12px;
	padding:10px;
	width:180px;
	height:88%;
	color:#fff;
	background-color:#000000;
    /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.7 opacity */
	background: rgba(0, 0, 0, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

.archivedesc p{margin-top:5px;}

/* =----------------------------------- TWITTER */

#twitter {

	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	height:40px;
	background-color:#efe9dd;
	border-bottom:1px solid #d6d0c4;
	
}

#twitter ul{list-style:none;}


#tweet {
	color:#666;
	font-family: Times, serif;
	padding:11px 0 0 210px;
	font-style:italic;
	list-style:none;
	font-size:1.4em;
	line-height:1.2em;
	


}

#tweet a{
	font-style:normal;

	
}

#tweet a:hover {
	color:#000;
}


.twit a{
	width:200px;
	height:35px;
	background:url('images/twitter-icon.png');
	background-position:top right;
	background-repeat:no-repeat;
	display:block;
	margin:2px 5px 0 5px;
	position:absolute;
	
	
}

.twit a:hover{background-position:top left;}




.reviews {margin-top:20px;display:block;font-size:.9em;font-style:italic;}
.reviews {color:#000;}


/* =----------------------------------- top + bottom navigation */



#nav {
	position:relative;
	width:415px;
	line-height:1.4em;
	list-style:none;
	margin:0px auto;
	clear:both;
	font-family: proxima-nova,sans-serif;
    font-weight:normal;
	font-size:1.5em;

	
}

#nav li {
		
	*float:left;
	
}
	
#nav li a{
	color:#000;
	padding:4px 6px 0px 6px;
	display:block;
*display:inline-block;
	float:left;
	margin:0 4px 0 4px ;
	font-family: proxima-nova,sans-serif;
    font-weight:normal;
    
}

#nav li a:hover {
	background-color:#d6d0c4;
	-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius: 5px; /* CSS3 */

}


#nav li a.active {
	background-color:#d6d0c4;
	-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius: 5px; /* CSS3 */

}


/* =----------------------------------- general post */
.post {
	margin: 0 0 21px 40px;
}
.post h2 {
	margin-bottom: 4px;
	padding: 0;
}
.post h2 a {
	display:block;
}

.post p{padding:0px 0 10px 0;}

.readmore {
	border:0px;
	outline:none;
	width:130px;
	height:54px;
	margin:20px auto;
}
/* =----------------------------------- entry body */
.entry {

	overflow: hidden;
}

.entry-contact {
	padding: 0 3px;
	overflow: hidden;
	width:600px;
	float:left;

}

.contact-image {
	float:right;
	width:350px;
	margin-top:90px;
	
}

.contact-image p{
	font-size:1.6em;
	margin:10px 0 10px 0;
	line-height:1.4em;
	font-family: proxima-nova,sans-serif;
    font-weight:normal;

}

.entry p, .entry-contact p {
	line-height: 1.6em;
	margin: 10px 0;
	
}

.entry blockquote {
	margin: 0 14px;
}


.entry blockquote {
	border-left: 1px solid #ccc;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-left: 21px;
	padding-left: 10px;
}
.entry blockquote {
	font-style: italic;
}

.entry img,
.entry a img {
	background: #fff;
	padding: 2px;
}
.entry a:hover img {
	
}

.entry.meta {
	background: #eee;
	
}
.entry.meta p {
	margin: 5px 7px;
}
.entry.meta .highlight {
	text-transform: uppercase;
	font-size: 10px;
}
.entry.meta a {
	color: #333;
	
}
.entry.meta a:hover {
	color: #000;
}

/* =----------------------------------- main index pagination */
#paginateIndex { 
	margin-bottom: 25px;
}
#paginateIndex a,
.commentlist li .reply a {
	color: #777;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	padding: 4px 7px 3px;
	background: #fff;
}
.commentlist li .reply a {
	color: #aaa;
}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
	color: #3c6c92;
	
	background: #eee;
}

/* =----------------------------------- widget enabled sidebar */

.secondaryColumn {
	float: left;
	margin: 5px 0 0 0px;
	overflow: hidden;
	width: 320px;
	color:#fff;
	background:#efe9dd;
}

.secondaryColumn h3 {}



.widgetContainer {
	margin: 0 0 0px 0;
}
.widgetContainer ul li {
	margin: 0 3px 7px 21px;
	color:#fff;
	
}
.widgetContainer ul li ul {
	margin-top: 5px;
	color:#fff;
}
.widgetContainer .textwidget {
	margin: 0 3px;
	line-height: 1.5em;
}

.fan_box span .messageBody{color:#fff;}


/* =----------------------------------- style some comments */
#commentsContainer {
	margin-bottom: 30px;
	margin-left:0px;
}
#commentsContainer span.hook {
	position: relative;
	display: block;
}
#commentsContainer h3 {
	display: block;
	margin: 10px 0;
	padding: 7px 0px 0;
	
}
.cancel-comment-reply {
	position: absolute;
	top: -1px;
	right: 4px;
}
.commentlist {
	list-style: none;
	margin: 0 0 20px;
}
.commentlist .comment-author {
	
	padding-top: 7px;
	margin-top: 10px;
	overflow: hidden;
}
.commentlist .comment-author img.avatar {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 4px 0 0;
}
.commentlist .comment-meta {
	margin: 0 0 0 20px;
}
.commentlist li .reply {
	text-align: right;
	padding-bottom: 10px;
}
.commentlist li .reply a {
	display:inline;
}
.commentlist li p {
	margin: 1em 0;
	padding: 0 3px;
}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
	margin: 0 20px;
}
.commentlist .children {
	margin: 0 0 0 40px;
}
.commentlist .children li {
	list-style: none;
}
#commentform .contain {
	margin: 0 0 10px 0 !important;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	padding: 4px 3px;
	
	background: #fff;
	margin-right: 4px;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	
	outline: none;
	padding: 4px 3px;
	width: 160px;
}
#commentform p label {
	margin: 4px 0 0 0;
	font-family: proxima-nova,sans-serif;
    font-weight:normal;
}
#commentform textarea {
	float: none;
	width: 98%;
	overflow: auto;
}

/* =----------------------------------- boring footer */
#footer {
	margin:0 auto;
	position:relative;
	
}
#footer p {
	padding: 14px 3px 0; 
}

#footer p a {
	font-weight: bold;
	color:#666;
}

/* =----------------------------------- floats + clearing rule */
.floatleft {
	float: left;
	margin: 3px 7px 0 0;
}
.floatright {
	float: right;
	margin: 3px 0 0 7px;
}
.right {
	float:right;
}
.left {
	float: left;
}
.clear {
	clear: both;
	display:block;
	line-height:0em;
	text-indent:-9999em;
}
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	display: inline-block;
} 
* html .fix{
	height: 1%;
}
.fix{
	display:
	block;
}

ul{list-style:none;}

/*=------------------------------------------ TOOLTIPS ---*/

a.buynowfront {
	position:relative;
	background:url(images/buynow2.png);
	margin:40px 440px;
	width:100px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-99999em;
	background-position:top left;
	cursor:pointer;
	display:block;
}

a.buynow {
	position:relative;
	background:url(images/buynow2.png);
	margin:40px 0px;
	width:100px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-99999em;
	background-position:top left;
	cursor:pointer;
	display:block;
}

.popup{
	display:none;
	background:url(images/black_arrow_big2.png);
	height:166px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
	margin-left:-130px;
	margin-top:-200px;
	color:#333; 
	position:absolute;
	text-align:center;
}


/* tooltip styling */
.tooltip {
	display:none;
	background:url(images/black_arrow_big2.png);
	height:166px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
	margin-left:300px;
	margin-top:50px;
	color:#333;
	position: absolute;
	top: 275px;
	z-index: 2000;
	text-align:center;
}



.tooltip a:hover, .popup a:hover{text-decoration:underline;}

.tooltip ul, .popup ul{list-style:none;margin-top:30px;}

.tooltip li, .popup li{
	font-family: proxima-nova,sans-serif;
    font-weight:normal;
}
.tooltip li a, .popup li a{color:#fff;font-size:1.4em;line-height:1.4em;text-transform:uppercase;}


/*=------------------------------------------ SOCIAL SLIDE ---*/

.slide-out-div {
    padding: 20px 20px 0 20px;
    width: 312px;
    background: #000;
    color: #fff;
	margin-top:60px;
	z-index:999999;
	border:0px;
}  
.slide-out-div .button {
    float: left;
    width: 320px;  
    text-align: center;  
    margin-left:0px;
	height:375px;
	overflow:hidden;
	
}
.slide-out-div .button div {
    font-size: .9em;
}
a.handle {
    background:url('images/facebook.png');
	background-repeat:no-repeat;
	background-position:top left;
    height: 124px;
    width: 40px;
	display:block;
	margin-top:0px;

}

.slide-out-div h3 {font-family:'Helvetica Neue', Helvetica, Trebuchet, san-serif;text-transform:none;font-size:1em;}

#facebook .fbConnectWidgetFooter {display:none;}


/*=------------------------------------------  CONTACT PAGE --*/


#form-1-1309886524 { width: 450px; text-align:left; margin:0px;padding-top:60px; border:0 solid #;  font-family:"Helvetica Neue",Helvetica, arial;} 
#form-1-1309886524 div { margin-bottom:6px; background-color:inherit; }
#form-1-1309886524 div div { margin:0; background-color:inherit; padding:0; }
#form-1-1309886524 h4 { padding:0; background-color:inherit; margin:5px 5px 5px 0; color:#333333; font-size:1.2em; } 
#form-1-1309886524 label { padding:0; background-color:inherit; margin:5px 5px 5px 0; display:block; color:#333333; width:200px; font-size:1.6em;font-weight:normal; text-transform:uppercase;font-family: proxima-nova,sans-serif;} 
#form-1-1309886524 div div input { margin-bottom:2px; line-height:normal; }

#form-1-1309886524 label.checkbox, #form-1-1309886524 label.radio, #form-1-1309886524 label.select { display:inline; } 
#form-1-1309886524 input[type=text], #form-1-1309886524 select { -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px;  color:#7c776c; margin:5px 0; width:300px; font-size:1.2em; background-color:#d6d0c4; padding:8px;border:0px;} 
#form-1-1309886524 select { -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px;  width:auto; }
#form-1-1309886524 .submit { color:#000; width:auto; height:30px; font-size:1.1em; background:#d6d0c4;border:0px;margin:10px 0;-moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px;padding:8px;width:100px;} 
#form-1-1309886524 .submit:hover {background:#979186;cursor:pointer;color:#fff;}
#form-1-1309886524 .reset-button { color:#333333; width:auto; height:30px; font-size:1.1em; } 
#form-1-1309886524 textarea { -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px;  color:#7c776c; width:440px; margin:5px 0;padding:4px; background-color:#d6d0c4; font-family:Verdana, tahoma, arial; height:120px; font-size:1.2em; border:0px; } 
div #ccf-form-success {background:#efefef;color:#333;}

#submit {-moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; background:#d6d0c4; color:#7c776c;;border:0px;outline:none;padding:8px;font-family: proxima-nova,sans-serif;
    font-weight:normal;}
#submit:hover {cursor:pointer;background:#7c776c;color:#fff;}