/*
Theme Name: Dillon
Theme URI: http://venturengine.com/themes/dillon
Description: Inlcuding design + content theme options, Dillion is a fully responsive WordPress theme that delivers content across a beautiful interface of texture, columns, and simplicity.
Version: 1.0.1
Author: Venture Engine
Author URI: http://www.venturengine.com
Tags: two-columns, fixed-width, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-menu, theme-options, threaded-comments, light
Copyright: (c) 2012 Venture Engine
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

/*==================================================================*/
/*==================================================================*/

/*        Global        */

/*==================================================================*/
/*==================================================================*/
body, html {background:url(images/page.jpg) repeat top left;color:#666;font-size: 13px;}
.hr {border-top: 1px solid #cfcfcf;box-shadow: 0 1px 0 #e7e7e7;width:100%;margin:20px 0 20px 0;}
.alignleft {float:left;margin:5px 15px 10px 0;}
.alignright {float:right;margin:5px 0 10px 15px;}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.aligncenter {margin:0px auto;}
img {border:4px solid #efefef;}

/* 1.7 Forms */
input[type="text"], input[type="password"] {
padding:10px; 
color:#999;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
-moz-box-shadow: inset 1px 1px 1px #999;
-webkit-box-shadow: inset 1px 1px 1px #999;
box-shadow: inner 1px 1px 1px #999;
border:none;
float:left;
outline: none; 
font-size: 12px;
background:#eee;
width: 96%;
float: left;
margin:10px 0 10px 0;
}
textarea {
padding:10px; 
color:#999;
-webkit-border-radius: .5em; 
-moz-border-radius: .5em;
border-radius: .5em;
-moz-box-shadow: inset 1px 1px 2px #999;
-webkit-box-shadow: inset 1px 1px 2px #999;
box-shadow: inner 1px 1px 2px #999;
border:none;
outline: none; 
font-size: 11px;
width:96%;
margin:10px 0 0px 0;
background:#eee;
}
input[type="submit"], button[type="submit"] {
color: #5f5f5f;
font-weight: bold;
font-size: 11px;
text-shadow: 0 1px 0 white;
text-shadow: 0 0 0 transparent,0 1px 0 white;
height: 2.95em;
padding: 8px 20px;
border: 1px solid #CCC;
border-bottom-color: #AAA;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=white,EndColorStr=#E0E0E0);
background-image: -moz-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -ms-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -o-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(100%,#E0E0E0));
background-image: -webkit-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 1px white;
-ms-box-shadow: inset 0 0 1px white;
-o-box-shadow: inset 0 0 1px white;
-webkit-box-shadow: inset 0 0 1px white;
box-shadow: inset 0 0 1px white;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transtion: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
cursor:pointer;
}
input[type="submit"]:hover, button[type="submit"]:hover{
border-color:#bbb;
background:#f3f3f3;
background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;
-moz-box-shadow:0 0 3px #bbb;
-webkit-box-shadow:0 0 3px #bbb;
box-shadow:0 0 3px #bbb;
}

/*==================================================================*/
/*==================================================================*/

/*        Typography        */

/*==================================================================*/
/*==================================================================*/
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif; font-weight: 700;color:#5f5f5f;}
p {font-family: 'Lato', sans-serif;text-shadow: 0.1em 0.1em #EFEFEF;}

/*==================================================================*/
/*==================================================================*/

/*       Header        */

/*==================================================================*/
/*==================================================================*/
.header {padding:25px 0 10px 0;}
.logo {float:left;}
.logo img {border:none;}

/*==================================================================*/
/*==================================================================*/

/*       Navigation        */

/*==================================================================*/
/*==================================================================*/
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0;
}

#nav-menu li a
{
line-height: 2em;
float: left;
padding:5px 20px;
display: block;
color:#5f5f5f;
text-decoration: none;
text-align: center;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 11px;
text-transform:uppercase;
}

#nav-menu li a:hover {color:#888;}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:auto;
float:right;
}

/* Breadcrumbs */

.breadcrumbs {float:left;width:100%;font-size:12px;font-style:italic;padding:20px 0 0 0;}

/*==================================================================*/
/*==================================================================*/

/*        Post        */

/*==================================================================*/
/*==================================================================*/
.post {background:url(images/content.jpg) repeat top left;width:90%;padding:25px;margin:30px 0 30px 0;font-family: 'Lato', sans-serif;}
.post a {text-decoration: none;color:#5f5f5f;font-family: 'Lato', sans-serif;}
.post h2 {margin:0 0 17px 0;}
.post h2 a {font-family: 'Lato', sans-serif; font-weight: 700;color:#5f5f5f;text-decoration:none;}
.post h2 a:hover {color:#777;}
.post p {line-height:1.7em;}
.post .hr {border-top: 1px solid #cfcfcf;box-shadow: 0 1px 0 #e7e7e7;width:100%;margin:10px 0 10px 0;}
.post_meta, .post_section_header {background:url(images/highlight.jpg) repeat top left;font-style: italic;padding:10px 8px 10px 36px;margin:0 0 15px -35px;font-size: 13px;color:#888;font-family: 'Lato', sans-serif;text-shadow: 0.1em 0.1em #EFEFEF;}
.post_meta a {color:#707070;text-decoration:none;font-size: 13px;text-shadow: 0.1em 0.1em #EFEFEF;font-family: 'Lato', sans-serif;}
.post_meta a.comment {background:url(images/comment.png) no-repeat center left;float:right;padding:3px 10px 0 29px;color:#999;text-decoration:none;font-size: 13px;font-family: 'Lato', sans-serif;text-shadow: 0.1em 0.1em #EFEFEF;height:25px;margin:-3px 0 0 0;}
.post_section_header {font-style: normal;margin-top:40px;font-size:15px;}
.post_section_header span {font-style:italic;font-size: 13px;}

/* Author */
.author-content .avatar {float: left; margin: 3px 15px 0 0; border:none; padding:2px; width:75px;}
.author-content img {border:none;}

/* Comments */
ol.commentlist { margin:0px; padding:0px; margin: 10px 0 0 0; list-style-type: none; overflow: visible; margin-bottom: 0px; }
li.comment img {border:none;}
li.comment { margin: 15px 0px 15px 0; list-style: none;border-bottom:1px solid #ccc;}
li.comment .comment-body { margin: 0 0 0 50px; position: relative; }
li.comment .comment-meta { overflow: hidden; float: left; display: block; width: 50%; }
li.comment .comment-text { border-bottom: 1px solid #ccc; padding-bottom: 10px;}
li.comment .avatar { position: absolute; left: -45px; padding:2px; border:none; }
li.comment p { clear: both; margin-left:6px; margin:0; padding:0 0 10px 7px; font-size: 13px; }
li.comment cite, li.bypostauthor li.comment cite { color: #555; font-weight: bold; font-style: normal; padding: 0 5px 0 5px; margin: 0 8px 0 0; float: left; font-size: 15px;}
li.comment cite a, li.bypostauthor li.comment cite a {	color: #555; text-decoration: none;}
li.comment cite a:hover, li.bypostauthor li.comment cite a:hover {color:#777;}
.commentmetadata, .commentmetadata a { font-size: 10px; text-transform: uppercase; color: #999; padding-top:4px;}
.commentmetadata a:hover {color: #777;text-decoration: none;}
.says { display: none; }
ul.children li {border-top:1px solid #ccc;border-bottom:none;padding-top:20px;}
.comment-meta { margin: 0 0 10px; line-height: 1.4em; position: relative; }
li.comment .comment-body a.comment-reply-link { display: block; position: absolute; right: 0; top: 0px; font-weight: bold;  padding: 0 10px 0 0; font-size: 10px; text-transform: uppercase;color:#777;}
li.comment .comment-body a.comment-reply-link:hover {color:#888;}
.children { list-style-type: none; margin: 5px 0 0 60px; }
.children li.comment { margin: 0 0 10px 0; }
.comments input[type="text"] {padding:15px 7px; color:#999;-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em; border:none;float:left;width:290px;outline: none; font-size: 11px; margin:3px 0px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; width: 98%;}
.comments textarea {padding:7px; color:#999;-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em; border:none;float:left;outline: none; font-size: 11px; margin:5px 0px;font-family:Arial, Helvetica, sans-serif; width: 98%;}
.comment-bubble {background:url(images/cmnt-icon.png) no-repeat; width:30px; height:23px; margin:0 8px 0px 0px; float: left;}
#respond p {margin-bottom:10px;}
#commentform {margin-top:15px;}
#commentform label {float:left;padding:0;margin:0;}
#commentform input[type="text"], #commentform textarea {margin-top:0px;}

/* Contact */
#contactForm { margin-bottom: 20px; }
.error {color:#8B0000;}

/*==================================================================*/
/*==================================================================*/

/*        Sidebar        */

/*==================================================================*/
/*==================================================================*/
.container .columns .sidebar {float:right;margin:25px 0 20px 0;}
.sidebar .widget {margin:30px 0 30px 0;}

/* Search */
#searchform {margin-bottom:0px;}
#searchform input[type="text"] {width:80%;margin-left:-2px;margin-bottom:0px;}
input[type="image"].search-button {
margin:23px 0 0 -25px; 
border:none;
float:left;
outline: none;
width: 10px;
}

/*==================================================================*/
/*==================================================================*/

/*        Widgets        */

/*==================================================================*/
/*==================================================================*/
.widget p {font-size: 12px;}
.widget h6 {font-size:13px;margin:5px 0;text-transform:uppercase;}
.widget h6 a {font-style: italic;font-family: 'Lato', sans-serif;font-size: 13px; color:#777; text-decoration: none; text-transform: none; font-weight: 400;}
.widget h6 a:hover {color:#555}

.widget ul {list-style: none;}
.widget ul li {border-bottom:1px solid #cfcfcf;padding:5px 0 8px 0;color:#777;font-family: 'Lato', sans-serif;text-shadow: 0.1em 0.1em #EFEFEF;margin:0 0 5px 0;}
.widget ul li a {text-decoration: none;font-size: 13px;color:#555;padding:0 0 5px 0;}
.widget ul li a:hover {color:#777;}
.widget ul li span {font-size:11px;color:#777;}
.widget ul li span a {font-size:11px;color:#777;text-decoration:none;font-weight:normal;}

/* 13.2 Twitter Widget */
.widget a.twitter-handle {font-style: italic;font-family: 'Lato', sans-serif;font-size: 13px; color:#777; text-decoration: none; text-transform: none; font-weight: 400;}
.widget a.twitter-handle:hover {color:#555;}
.widget ul.twitter li a, #ftrcont .widget ul.twitter li span a {text-decoration: none;font-weight:normal; font-size: 12px; color:#555;}
.widget ul.twitter li span {font-size: 12px;}
.widget ul.twitter li a:hover, #ftrcont .widget ul.twitter li span a:hover {color:#777;}

/* Instagram */
ul.instagram li {border-bottom:none;float:left;width:44%;margin:0 10px 0 0;}
ul.instagram li a img {width:100%}

/*==================================================================*/
/*==================================================================*/

/*       Footer Meta        */

/*==================================================================*/
/*==================================================================*/
.meta {width:100%;height:50px;padding:5px 0;}
.meta p {font-size: 11px;text-align: center; color:#777;}