/*

Theme Name: KVGD2013

Theme URI: http://www.infinite-eye.com

Description: a mashup of the imbalance themes from WP shower, and some custom bits

Author: Infinite Eye / WPSHOWER

Author URI: http://www.infinite-eye.com

Version: 1.0

License: GNU General Public License

License URI: license.txt

*/



html, body, form, ul, li, table, td { margin: 0; padding: 0; }

body { position: relative; color: #000000; }

body, input, textarea { font-size: 14px; line-height: 20px;}

a { text-decoration: none; color:#333;}

a:hover { text-decoration: none; }

a img { border: 0; }

td { vertical-align: top; }

ul { list-style-position: inside; }

h1, h2, h3 {
/*	color:#5f605d;*/
	color: #000000;
}
h1 { font-size: 24px; }

h2 { font-size: 16px;  }

h3 { font-size: 12px;  }

blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #636363; }

.clear { clear: both; }

.main_separator { color: #dedfe0; }

.wrapper { 
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}














body, input, textarea{
font-family: "pragmatica-web", Arial,"Sans-Serif";
}

.sticky-wrapper{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

#main{
	margin-top: 240px;
}

#header { 
	position:relative; 
	height: 240px; 
	text-align: center; 
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

#site-title { 
padding-top: 40px;
margin: 0px auto 0px auto;
width: 110px;
}

#site-title a { 

width: 100px;

height: 100px;

display: block;

text-decoration: none; 

text-indent: -5000px;

background-image: url("./images/kvgd_logo.png");

background-repeat: no-repeat;

}

/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

  #site-title a {
        background:url('./images/kvgd_logo@2x.png');
        background-size: 110px 118px;
    }
}
*/




#site-intro { 

display: none;

	float: left; 

	width: 285px;

	height: 116px;

	padding-top: 35px;

	font-size: 13px;

	font-weight: normal;

	line-height: 18px;

}



#site-intro h2{ 

	font-size: 13px;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

	line-height: 18px;

	font-weight: bold;

}





#site-right{ 

	display: none;
	
	float: right; 

	width: 210px;

	height: 116px;

	padding-top: 35px;

	font-size: 13px;

	font-weight: normal;

	line-height: 18px;

}



#site-right h2{ 

	font-size: 13px;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

	line-height: 18px;

	font-weight: bold;

}





#site-right a{ 

	color: #000;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

}





#site-right a:active, #site-right a:hover{ 

	color: #000;

	text-decoration: none;

	border-bottom: 1px solid #000;

}





/* merged from old theme */







#menu {
	padding: 34px 0px 30px 0px;
	margin: 0px;
	float: right;
    position:relative;
    left:-50%;
    text-align:left;
}



#tweetlink{

	position: absolute;

	right: 0px;

	top: 164px;

	display: none;

}



#tweetlink img{

	margin: 0px !important;

}



#menu ul, #menu li{
	list-style-type: none;
	text-decoration: none;
}


#menu-top-menu {
  font-family: "pragmatica-web",Arial,"Sans-Serif";
  font-size: 16px;
  font-weight: 700;
  left: 50%;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  position: relative;
}


#menu-top-menu li {
	float: left;
	position:relative;
	margin-right: 25px;
	width: auto;
		white-space:nowrap;
}

#menu-top-menu li.last-menu-item {
	margin-right: 0px;
}


#menu-top-menu li.current-menu-item {
	border-bottom: 1px solid #000;
}

#menu-top-menu li a {
	display: block;
	line-height: 28px;
	text-decoration:none !important;
	color: #000;
	white-space:nowrap;
}

#menu-top-menu li a:hover{
	color: #000;
}
#menu-top-menu li a.active, #menu-top-menu li.current-menu-item a{
	color: #000;
	text-decoration: underline;
}



#categories, #portfolios{

	width: 100%;

	overflow:hidden;

	padding:0px 0px 15px 0px;

	margin: 0px;

	border-bottom:solid 1px #eeeeee;

}

#categories ul li, #portfolios ul li{

	list-style-type: none;

	color: #000;

	text-decoration: none;

	font-size: 13px;

	float:left;

	width:250px;

	padding:0px;

	line-height:20px;

	height:20px;

}

#categories ul li a, #portfolios ul li a{

	text-decoration:none;

	display:block;

	width:250px;

	height:20px;

	padding:0px;

	color: #000;

}

#categories ul li a span, #portfolios ul li a span{

	float:right;

	display: none;

}

#categories ul li a:hover, #portfolios ul li a:hover{

	text-decoration: underline;

}













#header-left { float: left; width: 210px; padding-right: 40px; }

#header-center { float: left; width: 210px; padding-right: 30px; }

#search { width: 210px; margin-top: 24px;}

#header-right { margin: 20px 0 0 10px; }

#search label, #search input[type=submit] { display: none; }

#search input[type=text] { width: 190px; padding: 7px 9px; margin: 0; border: 1px solid #dedfe0; background: #fff; font-size: 13px; outline: none; }

#page_search input[type=submit] { display: none; }

.menu ul { list-style-type: none; }

.menu ul li { padding-bottom: 9px; }

.menu ul a { line-height: 13px; color: #303030; text-decoration: none; }

#boxes { margin-top: 30px; }

.box {
height: 322px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 300px;}

.box .rel { position: relative; }

.box .rel p { margin: 0; text-align: center; font-size: 14px; line-height: 21px;}

.box .texts { position: absolute; top: -20px; left: -20px; width: 210px; color: #000; z-index: 200; opacity: 0; filter: alpha(opacity=0); }

.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #000; }

.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }

.box .texts .abs { position: absolute; top: 0; }

.box .categories { display:none; padding-bottom: 10px; }

.box .categories a, .box .posted a { color: #a1a1a1; }

.box h1 { margin: 0; padding-bottom: 0px; padding-top: 10px; font-size: 14px; text-align: center; }



.box h1 a { color: #000000; }

.box .posted { display: none; padding-top: 10px; color: #a1a1a1; }

.box img { display: block; }

.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }

.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }

.fetch:hover a { color: #fff; }

#content { padding-bottom: 20px; }

#nav-above { float: left; width: 210px; padding-right: 0px; color: #636363; }

#nav-above a { text-decoration: none; color: #333; }

.nav-previous, .nav-next { display: inline; }

.nav-separator { color: #e5e5e5; }

.post_title { margin-top: 35px; overflow: hidden; }

.post_title h1 { margin: 0 0 10px 250px; font-size: 27px; line-height: 35px; width: 710px; }

.entry-title, .page-title { margin-left: 250px; margin-top: 35px; }

.entry-meta { padding-bottom: 30px; color: #636363; display:none;}

.entry-meta a { color: #333; text-decoration: none; }

#wides { clear: both; }

.entry-aside { width: 210px; padding-right: 40px; vertical-align: top; }

.entry-content-right { width: 710px; font-size: 15px; line-height: 21px; overflow: hidden;}

.entry-content-right p{ padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; width: 710px; overflow: hidden;}





.news-category-post{ float: left; width:960px; margin: 0px 0px 40px 0px;}

.news-category-post .post_title h1 { margin: 0 0 10px 0px; font-size: 27px; line-height: 35px; width: 710px; }

.news-category-post .post_text {float: left; width: 225px; }

.news-category-post .post_images {float: right; width: 710px;}

.news-category-post .post_title { margin: 0px; }

.news-category-post .post_title h1 { margin: 0px 0px 15px 0px; font-size: 18px; line-height: 22px; width: auto;}

.news-category-post .post_date { font-weight: bold;}

.news-category-post .post_text p{ margin: 0px 0px 15px 0px;}

.news-category-post .post_images p{ margin: 0px 0px 15px 0px;}



.news-category-post .post_text a{ 
	color: #000;
	text-decoration: none;
	border-bottom: none;

}



.news-category-post .post_text a:active, .news-category-post .post_text a:hover{ 

	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;

}


.pagination{
	float: right;
	margin-bottom: 40px;
}

.pagination a{
	margin-left: 20px;
}





.entry-content { width: 710px; margin-left: 250px; 
	/*font-size: 15px; line-height: 21px; */
	font-size: 14px; line-height: 20px; }

.entry-utility { padding: 10px 0; display:none;}

.entry-tags { margin: 10px 0; }

.entry-tags span { font-weight: bolder; }

#social { padding: 20px 0 0 0; }

.twitter-share-button { float: left; margin: 2px 20px 0 0; }

.post img, .page img { margin: 20px 0; }

.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }

.post .alignright, .page .alignright { float: right; margin-left: 20px; }

.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }

#comments { padding: 0 0 0 246px; width: 714px; }

#comments-title { font-size: 21px; margin: 40px 0 20px 4px; }

.commentlist { margin: 0; padding: 0; list-style: none; }

.commentlist ul.children { list-style: none; }

.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }

.commentlist li li > div { margin-left: 90px; }

.commentlist li li li > div { margin-left: 180px; }

.commentlist li li li li > div { margin-left: 270px; }

.commentlist li li li li li > div { margin-left: 360px; }

.comment-avatar { position: absolute; top: 30px; left: -96px; }

.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0; }

.comment-author { float: left; width: 210px; padding-right: 40px; font-size: 15px; }

cite { font-style: normal; font-weight: bold; }

.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }

.comment-body { clear: both; padding-top: 7px; font-size: 15px; line-height: 21px; }

#respond { padding-left: 4px; }

li.comment > div { position: relative; }

.reply { position: absolute; top: 30px; right: 20px; }

#reply-title { font-size: 21px; }

.comment-reply-link { display: none; }

.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }

.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }

input[type="text"], textarea, .wpcf7-email { background: #eee; border: 0; padding: 6px; outline: none; color: #000; -moz-border-radius: 4px; border-radius: 0px; width:94%}

::-webkit-input-placeholder {
   color: #000;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}
:-ms-input-placeholder {  
   color: #000;  
}

#wpcf7-f2524-p18-o1 .wpcf7-form p{
margin-bottom: 5px;
}

.wpcf7-form{ margin-bottom: 40px;}
.custom_submit_button {
     color: white;
     font-size: 0px;
     width: 58px;
     height: 23px;
     border: none;
     margin: 0;
     padding: 0;
     background: #FFFFFF url(http://www.kerrvernon.co.uk/wp-content/uploads/2014/09/submit2.png) 0 0 no-repeat;
} 

.page-id-18 .entry-content h2{
margin: 0px 0px 20px 0px;
}

#comments input[type="text"] { width: 442px; }

#comments textarea { width: 442px; }

.form-submit { margin-bottom: 40px; }

.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }

.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }

#footer { 
	width: 960px;
	float: left;
	clear: both;
	padding: 5px 0 20px; 
	border-top: 1px solid #eee; 
	line-height: 22px; 
	font-size: 12px;
	position:Relative;
}

#site-info { 
	float: left; 
	width: 300px; 
	margin: 0px 30px 0px 0px;
}

#copy{ 
	float: left; 
	width: 300px; 
	margin: 0px 30px 0px 0px;
}

#footer a  { 
	text-decoration: none; 
}

#footer a:hover  { 
	text-decoration: underline; 
}

#site-info-other { 
	float: left; 
	width: 300px; 
	margin:0;
	text-align: right;
}

#tweety{ 

	float:left;
	margin:3px 0 ;
	width: 19px; 
	height: 16px;
	display: none;
}
#tweety img {margin:0;}

#footer-left { float: right; width: 210px; padding-right: 40px; }

#footer-right { float: right; width: 210px; }

#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }







.entry-content-right a,
.entry-content a{ 
	color: #000;
	text-decoration: none;
}

.entry-content a:active, 
.entry-content a:hover{ 
	text-decoration: none;
	border-bottom:solid 1px #000;
}

.entry-content-right a:active, 
.entry-content-right a:hover{ 
	text-decoration: none;
	border: none;
}



#kvgd-page-wrap{

	margin-top: 0px;

	float: left;

	clear: both;

	width: 960px;

	

}

	

#kvgd-page-main{

	float: left;

	margin: 0px 30px 0px 0px;

	padding: 0px;

	width:  300px;

}



#kvgd-page-main h1{

	display: none;

}



#kvgd-page-main img{

	margin:0;

}



#kvgd-page-main p{

	margin: 0px 0px 20px 0px;

}



#kvgd-page-main .twitter-share-button { 

	margin: 0px 0px 10px 0; 

}



#kvgd-page-main .entry-title{

	margin-left: 0px;

	margin-top: 0px;

}

#kvgd-page-main .entry-content{

	margin-left: 0px;

	width: auto;

}



#kvgd-page-col1{

	float: left;

	margin: 0px 30px 0px 0px;

	padding: 0px;

	width:  300px;

}

#kvgd-page-col2{	

	float: left;

	margin:0;

	padding: 0px;

	width:  300px;

}



#kvgd-page-col1 h2, #kvgd-page-col2 h2{

	margin: 0px 0px 20px 0px;

}



.portfolio_single_leftcol{
	float: left;
	width: 220px;
	padding: 0px;
	margin: 20px 30px 0px 0px;
}

.portfolio_single_rightcol{
	float: right;
	width: 710px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

h1.portfolio-header{
	font-size: 18px;
	font-size: 18px;
	margin: 20px 0px 10px 0px;
}



.block-widget_text ul {
	list-style: none;
	margin:0;
	padding:0;
}
.block-widget_text ul li {
	list-style-type: none;
	padding:8px 0 0 0;
	margin:0;
	line-height: 20px;
	font-size: 14px;
}

.block-widget_text ul li:first-child, .block-widget_text dt:first-child {padding-top:0;}

.block-widget_text ul li:after, .block-widget_text dt:before {content: "\2014";}
.block-widget_text dt:before {display:block;padding:8px 0;}
.block-widget_text ul li:last-child:after, .block-widget_text dt:first-child:before {content:"" !important;}
.block-widget_text dt:first-child:before  {padding:0;}
.block-widget_text ul li span {
	padding:16px 0 8px 0;
	display:block;
}


.block-widget_text dl{
	margin:0;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:1.5em;
}



.block-widget_text dt{
	display:block;
	padding:0;
	margin:0;
	
	font-weight:normal;
}



.block-widget_text dd{
	margin:0;
	padding:0;
	display:block;
}







#kvgd-clients-wrap{

	margin-top: 0px;

	float: left;

	clear: both;

	width: 960px;

	background-image: url("./images/faux2.png");

}


body.page-id-18 #kvgd-page-wrap,
body.page-id-5 #kvgd-page-wrap{

	margin-top: 0px;

	float: left;

	clear: both;

	width: 960px;

	background-image: url("./images/faux2.png");

}





#kvgd-clients-wrap  a{ 

	color: #000;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

}



#kvgd-clients-wrap a:active, #kvgd-clients-wrap a:hover{ 

	color: #000;

	text-decoration: none;

	border-bottom: 1px solid #000;

}



.kvgd-client{

	width: 300px;

	height: 330px;

	padding: 0;

	margin: 0px 30px 20px 0px;

	float: left;

	border-bottom: 1px solid #e4e4e4;

}



.kvgd-client img{

	margin:0;

	padding: 0;
	width: 300px;

}



.kvgd-client-end{

	margin-right:0;

}



.faded {
    opacity: 0.30;                 /* FX, Safari, GC, Opera, decent browsers */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */
    filter: alpha(opacity=30);                                         /* IE */

    /* in Safari, FX and Chrome add a fade transition */
    -webkit-transition: opacity .25s linear .1s;
    transition: opacity .25s linear .1s;
    cursor:pointer;
}

/**
 * Homepage Slider
 */

/*

/* pager */
.cycle-pager { 
    text-align: center; 
    width: 100%; 
    /*z-index: 500; 
    position: absolute; 
    bottom: 10px; */
    overflow: hidden;
    height: 16px;
    clear: both;
    padding: 5px 0px;
}
.cycle-pager span { 
    font-family: arial; 
    font-size: 30px; 
    width: 16px; 
    height: 16px; 
    display: inline-block; 
    color: #9c9c9c; 
    cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { 
   color: #000;
}

.cycle-pager > * { cursor: pointer;}


.cycle-slideshow #prev, .cycle-slideshow #next{
    position:absolute;
    top:50%;
    margin-top:-15.5px;
    z-index:200;
    width:16px;
    height:31px;
    background:red;
}

.cycle-slideshow #prev{
    left:24px;
    background: url('images/prev.png');
    display: block;
}

.cycle-slideshow #next{
    right:24px;
    background: url('images/next.png');
    display: block;
}
*/

.home #boxes{
	margin-top: 0px;
	padding-top:15px;
	/*border-top: solid 1px #EEE;*/
}