/*
Theme Name: Kegan V
Theme URI: http://www.keganv.com
Description: A Blog By Kegan V.
Version: 2.0
Author: Kegan V
Author URI: http://www.keganv.com/
*/

@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700');

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 30, 2012 07:45:38 PM America/New_York */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://www.keganv.com/wp-content/themes/keganv2.0/fonts/League_Gothic-webfont.eot');
    src: url('http://www.keganv.com/wp-content/themes/keganv2.0/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.keganv.com/wp-content/themes/keganv2.0/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://www.keganv.com/wp-content/themes/keganv2.0/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('http://www.keganv.com/wp-content/themes/keganv2.0/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* End Font Squirrel */

/*******Resets*******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}
table {border-collapse: collapse;border-spacing: 0;}
:focus {outline: 0;}
.clear{
	clear:both;
	line-height:0px;
	padding:0px;
	height:0px;
	margin:0px;
	font-size:0px;
}
header, footer, aside, nav, article{display:block;}
.clearfix:after{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix{display:block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}

/*******General*******/
html{ background:#e0e0e0 url(images/background.jpg) top left; }
body{
	background: url(images/largeWing.png) 300px 100% no-repeat fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #010101;
	font-size: 14px;
}
p{
    color:#101010;
    padding:8px 0;
    font-size: 20px;
    line-height: 25px;
}
a{color:#42699f;text-decoration:none;}
h4 {
    font-size: 1.35em;
    margin:10px 0 0 0;
}
small{font-size:11px;}
#wrapper{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    width: 100%;
}

/*******Sidebar*******
--------------------------------------------------------------------*/
#sidebar{
	background:url(images/sidebarBack.png) repeat-y top center;
	width:340px;
	color:#fff;
	font-size:36px;
	line-height:31px;
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
    position: absolute;
	text-transform:uppercase;
    top: -20px;
    bottom: 0;
    left: 5px;
    min-height: 1380px;
	padding:0 0 10px 0;
}
#logo{
	width:268px;
	height:86px;
	display:block;
	margin:15px auto 15px;
}
#sidebar nav, #sidebar section{
	background:url(images/navBorder.png) top left no-repeat;
	padding:33px 0 15px 0;
	width:270px;
	margin:auto;
}
#sidebar nav h4, #sidebar section h4{
	padding:0 0 13px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #42699f;
	color:#42699f;
}
#sidebar nav ul li a{color:#fff;}
#sidebar nav ul li a:hover{
	color:#42699f;
	transition: color 0.35s;
	-moz-transition: color 0.35s;
	-webkit-transition: color 0.35s;
	-o-transition: color 0.35s;
}
#sidebar section p, #sidebar section blockquote{
	font-size:20px;
	line-height:19px;
	border:none;
	margin:0;
	padding:0;
}
#social{ width:166px; margin: 15px 0 0 80px; height:70px; background:url(images/socialBack.png) no-repeat top left;}
#social a#twitter, #social a#facebook{
	width: 32px;
	height: 32px;
	margin: 34px 0 0 12px;
	background: url(images/twitter.png) top left no-repeat;
	float: right;
	padding: 0;
}
#social a#twitter:hover{width:32px; height:32px; background-position: bottom left;}
#social a#facebook{background:url(images/facebook.png) top left no-repeat;}
#social a#facebook:hover{width:32px; height:32px; background-position: bottom left;}
#search{display:none;}
#search form{
    background: none;
    border: none;
    padding: 0;
}
#searchbox input{
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #42699f;
	width:96.5%;
	padding:1.5%;
	display:block;
	font-size:17px;
	margin:0;
}

/*******Main Content*******
--------------------------------------------------------------------*/
#container{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 0 0 360px;
    position: relative;
    height: 100%;
}
article{
    background:url(images/shadow.png) bottom center no-repeat;
    padding: 0 0 28px 0;
    margin: 0 0 20px;
    display: block;
    width: 640px;
}
article .entry{background:white;padding:15px;}
article .entry p:first-child{padding:0 0 8px 0;}
h1.heading, h2.heading{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#42699f url(images/headingBack.jpg) top left repeat;
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	font-weight:100;
	margin:0 0 15px 0;
	width: 100%;
	padding: 12px 15px 10px 15px;
	color:#fff;
	font-size: 38px;
	line-height:31px;
	text-transform:uppercase;
}
h1.heading a, h2.heading a{ 
    border:none;
    color:#fff;
    display: block;
    letter-spacing:1px;
    
    -moz-transition: color ease-in-out 0.35s;
	-webkit-transition: color ease-in-out 0.35s;
	-o-transition: color ease-in-out 0.35s;
    transition: color ease-in-out 0.35s;
}
h1.heading a:hover, h2.heading a:hover{ color:#101010;	 }
a.more-link{
	display: block;
	margin: 8px 0 -20px;
}
article a:hover{text-decoration:underline;}
.postmetadata{
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	background:white;
	clear:both;
	display:block;
	line-height:15px;
	padding:15px;
	margin:0;
	font-size:17px;
	text-transform:uppercase;
	color:#010101;
	font-weight:100;
}
.date{
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	color:#42699f;
	font-size: 18px;
	line-height: 12px;
	margin:20px 0 0 0;
	text-transform:uppercase;
}
article hr {display: block;}
.entry h2{
	font-family: 'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	font-size: 2.5em;
	margin: 10px 0 6px;
	padding: 5px 0 4px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	text-transform:uppercase;
	font-weight:100;
}
.entry h3{
    font-family: 'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
    color: #999;
    font-size: 2.5em;
    font-weight: 100;
    margin: 20px 0 5px;
}
article pre{
    background: #eee;
    border-left: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    overflow: auto;
    padding: 10px 10px 15px 10px;
    margin: 0;
    max-height: 500px;
    display: block;
}
.page h1.heading, .error404 h1.heading{margin:20px 0 15px 0;}
article ol, article ul{
    list-style-position: inside;
    padding: 0 0 0 8px;
}
article ol li, article ul li {
    font-size: 20px;
    margin:0 0 0 17px;
    padding:5px 0;
}
article ol li{list-style:decimal;}
blockquote {
	margin:8px 0;
	padding:5px 0 5px 10px;
	border-left: 4px double #c0c0c0;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.navigation {
	display: block;
	clear: both;
	padding:0px 0 33px;
	margin:15px 0 25px;
}
.navigation .alignright a,
.navigation .alignleft a,
.button {
	background: #010101;
	color: #fff;
	padding: 7px 15px;
	display: block;
}
.navigation .alignright a:hover,
.navigation .alignleft a:hover,
.button:hover{
	background: #42699f;
	transition: background 0.35s;
	-moz-transition: background 0.35s;
	-webkit-transition: background 0.35s;
	-o-transition: background 0.35s;
	color:#010101;
}

/*******Footer*******
*****************************************************************/
#mainFoot{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#c0c0c0 url(images/footerBack.jpg) top left;
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	height: 280px;
	margin: 15px 0 25px 0;
	padding: 15px;
	color: #101010;
	font-size: 34px;
	line-height: 31px;
	clear: both;
	text-transform: uppercase;
}
#mainFoot #ad{
	width:300px;
	height:250px;
	float:left;
}
#mainFoot #ad #smallad{display:none;}
#mainFoot #ad span{
	font-family:'Open Sans Condensed', sans-serif;
	font-size:11px;
	line-height:11px;
	margin:-11px 0 0 0;
	display:block;
}
#mainFoot nav{
	width:280px;
	height:250px;
	float:left;
	margin:0 0 0 15px;
	border-left: 8px double #010101;
	padding-left:7px;
}
#mainFoot nav a{
    color: #fff;
    display: block;
}
#mainFoot nav img{ margin: -48px 0 0 0; display:block; float:left; }
#mainFoot a:hover{
	color:#42699f;
	transition: color 0.35s;
	-moz-transition: color 0.35s;
	-webkit-transition: color 0.35s;
	-o-transition: color 0.35s;
}
#subFooter{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:'Open Sans Condensed', sans-serif;
	background:#fff url(images/subFootBack.jpg) top left;
	font-size:17px;
	padding:10px 15px;
	width: 100%;
	margin:0 0 25px 0;
}
#toTop{
	position: fixed;
	bottom: 15px;
	left: 70px;
	display: none;
}

/*******Comments*******
*****************************************************************/
ul.commentlist li {
	background:#eee;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	padding:15px;
	margin:0;
}
ul.children{margin:10px 0 0 0;}
ul.children li{margin:0 0 10px 0;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style:normal;font-size:17px;}
.commentmetadata {display: block;font-size:12px;}
.reply{font-weight:100;margin:0px;display:none;}
#respond h3{}
#respond h3 a{}
#respond h3 a:hover{}
code{ background: #eee; font: 16px 'Courier New', Courier, Fixed; }

/* Form Styles*/
#commentform, form{
	background:#eee;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	padding:15px;
}
#commentform label, label{font-size:17px;display:block;}
#commentform input[type=text], #commentform textarea, input[type=text], textarea{
	font-family: 'Open Sans Condensed', sans-serif;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	display:block;
	font-size:14px;
	padding:1.5%;
	width:97%;
	margin:0 0 10px 0;
}
#commentform textarea, textarea{border-right:none;border-bottom:none;}
#commentform #submit, input[type=submit]{
	background:#010101;	
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	cursor:pointer;
	color:#fff;
	font-size:17px;
	padding:7px 15px;
	border:none;
	text-transform:uppercase;
	margin:10px 0 0;
}
#commentform #submit:hover, input[type=submit]:hover{
	background:#42699f;
	color:#010101;
	transition: background 0.35s;
	-moz-transition: background 0.35s;
	-webkit-transition: background 0.35s;
	-o-transition: background 0.35s;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
/* End Comments */

/* Begin Images */
img.aligncenter {
	display: block;
	margin:0 auto 15px;
	width:610px;
}
img.alignright {
	margin: 0 0 15px 15px;
	display: inline;
	padding:7px;
}
img.alignleft {
	margin: 0 15px 15px 0;
	display: inline;
	padding:7px;
	border:2px solid #555;
}
.alignright {float: right;}
.alignleft {float: left;}

/* End Images */


/*******Contact Form*******
--------------------------------------------------------*/
#si_contact_form1{
	background:#eee;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	padding:15px;
}
#si_contact_form1 label{font-size:17px;display:block;}
#si_contact_form1 a{border:none;}
#si_contact_form1 input[type=text], #si_contact_form1 input[type=email], #si_contact_form1 textarea{
	font-family: 'Open Sans Condensed', sans-serif;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	display:block;
	font-size:14px;
	padding:3px;
	width:285px;
	margin:0 0 10px 0;
}
#si_contact_form1 textarea{width:571px;border-right:none;border-bottom:none;}
#si_contact_form1 input[type=submit]{
	background:#010101;	
	font-family:'LeagueGothicRegular', Impact, Arial, Helvetica, Sans-serif;
	cursor:pointer;
	color:#fff;
	font-size:17px;
	padding:7px 15px;
	border:none;
	text-transform:uppercase;
	margin:10px 0 0;
}
#si_contact_form1 input[type=submit]:hover{
	background:#42699f;
	color:#010101;
	transition: background 0.35s;
	-moz-transition: background 0.35s;
	-webkit-transition: background 0.35s;
	-o-transition: background 0.35s;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}
#nojscript{
	background:red;
	color:#fff;
	height:20px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	font-weight:bold;
	box-shadow:#000 0px 2px 7px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* 768 Resolution */
@media (max-width: 1023px) {
    body{ background-position: 180px 100%; background-size: 800px auto; }
    #container{ margin:0 0 0 280px; }
    article{ background-size: 460px; padding: 0 0 20px; width: 460px; }
    img.aligncenter{ max-width: 430px; height:auto; }
    iframe, embed{ max-width: 430px; }
    h1.heading, h2.heading, #mainFoot, #subFooter{ padding-right:20px; }
    /*******Sidebar*******
    --------------------------------------------------------------------*/
    #sidebar{ width:260px; background-size: 260px auto; font-size: 30px; line-height:26px; font-weight:100; }
    #logo{ width: 200px; height:auto; }
    #sidebar nav, #sidebar section{ width: 200px; }
    #sidebar nav h4, #sidebar section h4{ font-weight:100; }
    #social{ width: 150px; margin: 10px 0 0 50px; background-size: 140px auto;}
    social a#twitter, #social a#facebook{ margin: 34px 0 0 10px; }
    #toTop{ left: 42px; width: 180px;}
    /*******Footer*******
    --------------------------------------------------------------------*/
    #mainFoot{ height:230px; font-size:27px; line-height:24px;}
    #mainFoot #ad{ width:200px; height:200px; }
    #mainFoot #ad #largead{ display: none; }
    #mainFoot #ad #smallad{ display: block; }
    #mainFoot nav{ width: 215px; height:200px; margin: 0 0 0 8px; }
    #mainFoot nav img { 
        height: 76px;
        margin: -40px 0 0 0;
    }
}

/* Mobile Resolution */
@media (max-width: 767px) {
    body{ background-position: 0 100%; background-size: 85% auto;}
    #container { width: 100%; margin: auto; float: none; padding: 70px 10px 0; }
    article{ background-size: 100%; margin: 0 0 20px 0; padding: 0 0 4.25%; width: 100%; }
    img.aligncenter{ max-width: 100%; }
    iframe, embed{ max-width: 100%; }
    /*******Sidebar*******
    --------------------------------------------------------------------*/
    #sidebar{ 
        width: 100%;
        background: #222;
        background-size: auto;
        box-shadow: rgba(0,0,0,0.35) 0 2px 7px;
        height: 50px;
        overflow: hidden;
        top: 0;
        right: 0;
        left: 0;
        min-height: 50px;
        padding: 5px 0;
        position: fixed;
    }
    #sidebar #logo{
        height: 40px;
        width: auto;
        margin: 5px auto 20px;
    } 
    #toTop{ display: none !important; }
    /*******Footer*******
    --------------------------------------------------------------------*/
    #mainFoot { width: auto; height: auto; padding: 0; }
    #mainFoot #ad{ display: block; margin: 15px 0 0 15px; }
    #mainFoot nav{ width:auto; margin: 15px 15px 15px 15px; }
    #mainFoot nav img { height: 100px; margin: -40px 0 0 0; }
}