/*
Theme Name: JLeuze
Theme URI: http://www.jleuze.com/
Description: A custom WordPress theme for my personal website.
Version: 1.0
Author: Josh Leuze
Author URI: http://www.jleuze.com/
*/

/* Imports editor stylesheet, which contains the styles for the content */

@import "editor-style.css";

/* Imports plugins stylesheet, which contains the styles for my favorite plugins. */

@import "css/plugins.css";

/* Start Site Dimensions */

#page {
	width: 960px;
}

#header, #footer, #copyright-wrap {
	width: 960px;
}

#content-wide {
	width: 920px;
}

#title, #content {
	width: 600px;
}

#promo, #sidebar {
	width: 280px;
}

/* End Site Dimensions */

/* Start Structure */

body {
	margin: 0px;
	padding: 0px;
	background: #000 url(images/header-gradient.jpg) top left repeat-x;
}

#page {
	margin: 40px auto;
	padding: 0px 20px;
}

#header-wrap {
	background: none;
}

#header {
	margin: 0px auto;
	overflow: hidden;
}

#main-wrap {
	margin: 0px;
	padding: 0px;
}

#main {
	background: #c4c4c4 url('images/headline-bg.jpg') top left repeat-x;
	margin: 0px;
	padding: 20px;
}

#main-home, #main-404, #main-single {
	background-color: #c4c4c4;
	margin: 0px;
	padding: 20px;
}

#content {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#content-wide {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#post-image {
	text-align: center;
}

#post-image img {
	border: solid 1px #4E4E4E;
}

.image-caption {
	text-align: right;
	text-transform: uppercase;
	font-size: 0.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#page .gallery-caption {
	text-transform: uppercase;
	font-size: 0.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

/* End Structure */

/* Start Header */

#title {
	padding: 0px;
	margin: 0px 0px 10px 20px;
	width: 241px;
	height: 31px;
	overflow: hidden;
	float: left;
}

#title img {
	display: block;
}

#title img:hover  {
	margin: 0 0 0 -241px;
}

#title a {
	color: #bdbdbd;
	font-weight: bold;
	font-size: 2em;
	text-decoration: none;
}

#title a:hover {
	color: #d5d5d5;
	text-decoration: none;
}

#title p {
	color: #bfbfbf;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

#title h2 {
	color: #7f7f7f;
	font-size: 2.2em;
}

#title h2 a {
	color: #7f7f7f;
	text-decoration: none;
}

#title h2 a:hover {
	color: #404040;
	text-decoration: none;
}

#promo {
	padding: 0px;
	margin: 20px 20px 0px 20px;
	float: right;
}

/* End Header */

/* Start Top Navigation */

#navbar-wrap {
	background: #094e8c url(images/nav-gradient.jpg) left top repeat-x;
	border: 1px solid #c4c4c4;
	position: relative;
	z-index: 2;
}

#navbar-wrap {
	margin: 0px auto;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#navbar-wrap ul {
	padding: 0px;
	margin: 0 0 0 20px;
	list-style-type: none;
	text-transform: uppercase;
	float: left;
}

#navbar-wrap li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#navbar-wrap li a {
	text-decoration: none;
	display: block;
	padding: 8px 5px;
	font-size: 1.1em;
	border-right: 1px solid #536a89;
	color: #ffffff;
}

#navbar-wrap li a:hover, #navbar-wrap li a:focus {
	background: #073a69 url(images/nav-gradient-hover.jpg) left top repeat-x;
}

#navbar-wrap li .last {
	border-right-style: none;
}

#navbar-wrap li ul {
	background: #EDECEC;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	left:-9999px;
	width: 120px;
	border-right-style: none;
	position: absolute;
	z-index: 9999;
}

#navbar-wrap li:hover ul {
	left:0px;
}

#navbar-wrap li ul li ul {
	left:-9999px;
	background-color: #EDECEC;
	list-style-type: none;
	padding: 0px;
	position: absolute;
	margin: -24px 0 0 120px;
	border-right-style: none;
	width:  120px;
	overflow: hidden;
}

#navbar-wrap li:hover ul li ul {
	left:-9999px;
}

#navbar-wrap li ul li:hover ul {
	left:0px;
}

#navbar-wrap li ul li {
	width: 120px;
}

#navbar-wrap li ul li a {
	background: none;
	background-color: #EDECEC;
	font-size: .85em;
	padding: 5px;
	border: none;
	color: #094e8c;
}

#navbar-wrap li ul li a:hover {
	background: none;
	background-color: #DFDFDF;
}

#navbar-wrap li.sfhover ul li ul {
	left:-9999px;
}

#navbar-wrap li:hover ul, #navbar-wrap li.sfhover ul, #navbar-wrap li ul li.sfhover ul {
	left:0px;
}

/* End Top Navigation */

/* Start Content */

.post {
	margin: 0 0 30px 0;
}

#post-404 {
	text-align: center;
}

.post-date {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.sticky {
	background-color:#F0F0F0;
	border:1px solid #808080;
	color:#333333;
	padding: 10px;
}

.sticky .post-date {
	color:#b1b1b1;
}

.sticky .postmetadata {
	border-top:1px solid #b1b1b1;
	color:#b1b1b1;
	padding:5px 0 0 0;
	margin: 0;
}

.sticky .post-date a, .sticky .postmetadata a {
	color:#b1b1b1;
}

.sticky .post-date a:hover, .sticky .postmetadata a:hover {
	color:#666666;
}

.comment-status {
	float: right;
	font-weight: bold;
}

.single-date {
	float: left;
	font-style: italic;
}

.postmetadata {
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	border-top:1px solid #AFAFAF;
	padding: 5px 0 0 0;
}

.entry {
	margin: 15px 0 0;
	line-height: 1.5em;
}

object {
	position: relative;
	z-index: 1;
}

#nav-post {
	margin: 0 0 20px 0;
}

#content-wide #nav-post {
	margin: 20px 0;
	padding: 5px 0;
	border-top: 1px solid #AFAFAF;
	color: #979797;
}

#content-wide #nav-post a {
	color: #979797;
}

#content-wide #nav-post a:hover {
	color: #848484;
}

#left-post {
	width: 33%;
	float: left;
}

#parent-post {
	width: 33%;
	float: left;
	text-align: center;
}

#right-post {
	width: 33%;
	float: right;
	text-align: right;
}

#content #left-post, #content #right-post {
	width: 50%;
}

/* End Content */

/* Start Home */
#post-93 {
	float: left;
	margin: 0 10px 0 0;
	width: 290px;
}

#post-93 .entry {
	margin: 0px;
}

#post-93 h5 {
	margin: 10px 0;
}

#home-post {
	float: right;
	width: 290px;
}

#home-post h2 {
	margin: 0 0 5px 0;
}

#home-post p {
	line-height: 1.5em;
}

/* End Home */

/* Start Project */

.project-post {
	width:898px;
	background-color:#d0d0d0;
	border:1px solid #a8a8a8;
	margin:20px 0 0 0;
	padding:10px;

}

a.project-image {
	display:block;
	float: left;
	width: 444px;
	height: 214px;
	margin: 0 10px 0 0;
}

.project-content {
	width: 444px;
	float: left;
}

.project-post a img {
	border:1px solid #4A4A4A;
}

.project-post a:hover img {
	border: 1px solid #000000;
	opacity: 0.9;
}

ul.project-meta {
	border-top: 1px solid #a8a8a8;
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
}

.project-meta li {
	list-style-type: none;
	color: #4A4A4A;
	padding: 5px 3px;
}

.project-meta li a {
	color: #4A4A4A;
	text-decoration: none;
}

.project-meta li a:hover {
	color: #000000;
	text-decoration: none;
}

.project-image-single {
	float: left;
	margin: 5px 10px 10px 0;
	display: block;
}

img.project-image-single {
	border:1px solid #4A4A4A;
}

a:hover img.project-image-single {
	border: 1px solid #000000;
	opacity: 0.9;
}

.project-single .entry {
}


/* End Project */

/* Start Sidebar */

#sidebar {
	margin: 0px;
	padding: 10px;
	background-color: #b6b6b6;
	float: right;
	overflow: hidden;
}

.widget {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.widget h4 {
	margin: 0px 0px 5px 0px;
}

.widget_search {
	background: none;
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.widget_sp_image {
	background: none;
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.widget_text {
	line-height: 1.6em;
}

.widget input {
	background-color: #ffffff;
	border: 1px solid #E5E5E5;
	color: #7F7F7F;
}

.widget input:hover {
	border: 1px solid #bfbfbf;
	color: #404040;
}

.login-username input, .login-password input  {
	float: left;
	margin: 0 5px 5px 0;
	width: 60%;
}

.login-remember input {
	margin: 0;
}

.login-remember input:hover, .login-remember label:hover {
	cursor: pointer;
	color: #4E4E4E;
}

.login-remember label {
	margin: 0;
	color: #BFBFBF;
}


#wp-submit {
	background-color: #808080;
	border: none;
	color: #ffffff;
	padding: 3px;
}

#wp-submit:hover {
	background-color: #5e5e5e;
	cursor: pointer;
}

select#cat {
	width: 100%;
}

.widget_archive select {
	width: 100%;
}

.widget_tag_cloud a {
	text-decoration: none;
	color: #666666;
}

.widget_tag_cloud a:hover {
	text-decoration: none;
	color: #333333;
}

#promo .widget {
	background-color: #f7f7f7;
	border: solid 1px #e5e5e5;
	margin: 0px 0px 20px 0px;
	padding: 10px;
}

#promo .widget h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#promo .widget_sp_image {
	background: none;
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#promo .widget_search {
	background: none;
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#search-widget {
	background: none;
	border: none;
	margin: 0 0 20px;
	padding: 0px;
}

.widget h3 {
	margin: 0px 0px 5px 0px;
	color: #4E4E4E;
}

.widget ul {
	margin: 0px;
	padding: 0px;
}

.widget ul li {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
	list-style-type: none;
}

.widget ul li ul {
	margin: 5px 0px 0px 0px;
}

.widget ul li ul li {
	border-bottom: none;
	padding: 5px 0px 0px 0px;
}

.widget ul li ul li ul li {
	padding: 5px 0px;
}

.widget ul li ul li a {
	padding: 0px 0px 0px 25px;
}

.widget ul li ul li ul li a {
	padding: 0px 0px 0px 50px;
}

.screen-reader-text {
	display: none;
}

#searchsubmit {
	background-color: #808080;
	border: none;
	color: #ffffff;
	padding: 3px;
}

#s {
	width: 200px;
}

#searchsubmit:hover {
	background-color: #5e5e5e;
	cursor: pointer;
}

.rsswidget {
	font-weight: bold;
	}

.rssSummary {
	font-size: 0.85em;
	line-height: 1.5em;
}

/* End Sidebar */

/* Start Footer*/
#footer-wrap {
	padding: 0px;
	margin: 0px;
}

#footer {
	color: #4b4b4b;
	padding: 0px;
	margin: 0 auto;
	overflow: hidden;
}

#footer a {
	color: #4b4b4b;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	color: #272727;
	text-decoration: underline;
}

#footer .widget {
	background: none;
	border: none;
	width: 290px;
	margin: 15px;
	padding: 0px;
	float: left;
}

#footer .widget h4 {
	font-family:Verdana,Tahoma,sans-serif;
	margin: 0;
	padding: 0;
}

/* End Footer */

/* Start Copyright */

#copyright-wrap {
	padding: 0px;
	margin: 0 auto;
}

#copyright {
	padding: 10px 20px 0 0;
	text-align: right;
	color: #3d3d3d;
	font-size:0.9em;
	margin: 0px;
	overflow: hidden;
}

#copyright a {
	color: #373737;
	text-decoration: none;
}

#copyright a:hover {
	color: #a6a6a6;
	text-decoration: underline;
}

/* End Copyright */

/* Start Comments */

h5.comment-sub {
	margin: 0px;
}

.commentlist {
	padding: 0;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
	
.commentlist li ul li { 
	margin: 15px 0 10px 20px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children { 
	padding: 0;
}

.comment {
	background: #AFAFAF;
	padding: 0px 0px 5px 0px;
}

.comment blockquote {
	background: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 5px 5px 5px 50px;
}

.bypostauthor .commentnav {
	background: #094E8C url(images/nav-gradient.jpg) repeat-x scroll left top;
}

#commentform p {
	margin: 5px 0;
}

textarea#comment {
	width: 592px;
}

.commentmetadata {
	margin: 0px;
	font-style:italic;
}
	
.comment-author {
	margin: 0px;
}

.fn {
	font-weight: bold;
}

.on {
	font-style:italic;
}

.commentnav {
	color:#FFFFFF;
	padding: 8px 5px 8px 95px;
	border: 1px solid #AFAFAF;
	background: #5b5b5b url(images/comment-light-nav-gradient.jpg) repeat-x scroll left top;
}

.commentnav a {
	color: #FFFFFF;
	text-decoration: none;
}

.commentnav a:hover {
	text-decoration: underline;
}

.comment-content {
	padding: 5px;
	margin: 0 0 0 90px;
	min-height: 46px;
}

.comment-gravatar {
	float:left;
	margin: 0px;
	padding: 10px 0 10px 10px;
	position:absolute;
	width:75px;
	z-index:1;
	overflow: hidden;
}

.comment-gravatar img.avatar {
	background-color:#AFAFAF;
	border:1px solid #CECECE;
	margin: 0 0 5px 0;
}

a.comment-reply-link {
	font-size: 0.8em;
	float: right;
	font-style: normal;
	color: #989898;
	text-decoration: none;
	border: 1px solid #989898;
	padding: 1px 3px;
	background: #4a4a4a;
	font-size: 0.9em;
}

a:hover.comment-reply-link {
	color:#ffffff;
	border: 1px solid #ffffff;
	background: #848484;
	text-decoration: none;
	}
	
.bypostauthor a.comment-reply-link {
	float: right;
	font-style: normal;
	color: #7c94b5;
	text-decoration: none;
	border: 1px solid #7c94b5;
	padding: 1px 3px;
	background: #094E8C;
	font-size: 0.9em;
}

.bypostauthor a:hover.comment-reply-link {
	color:#ffffff;
	border: 1px solid #ffffff;
	background: #0a5da8;
	text-decoration: none;
	}

#respond {
	margin: 20px 0 0 0;
	clear:  both;
}

#pinglist li {
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	padding: 0px;
	margin: 0px 5px 10px 0px;
	float: left;
}

#pinglist li a {
	width: 25px;
	height: 25px;
	background: url("images/ping-icon.png") top left no-repeat;
	display: block;
}

#pinglist li a:hover {
	background-position: 0px -25px;
}

#your-comment {
	display: none;
}
	
/* End Comments */

/* Start Calendar */

#calendar_wrap {
	border:1px solid #959494;
	background: #ffffff;
}

#calendar_wrap table {
	border: none;
}

#calendar_wrap caption {
	font-style: italic;
	color: #828282;
}

#calendar_wrap table tr th {
	background:none;
	padding:2px 10px;
	text-align:center;
	text-transform:uppercase;
}

#calendar_wrap thead {
	background-color:#ffffff;
}

#calendar_wrap tbody {
	background-color:#F0F0F0;
}

#calendar_wrap table tr td {
	border-top: none;
	padding:3px 10px;
	text-align: center;
}

#calendar_wrap table tr td:hover {
	background-color: #ffffff;
}

#calendar_wrap table tr td#today {
	background-color: #d6d6d6;
}

#calendar_wrap table tr td#today:hover {
	background-color: #ffffff;
}

#calendar_wrap table tr td a {
	text-decoration: none;
	font-weight: bold;
}

#calendar_wrap table tr td a:hover {
	text-decoration: underline;
	color: #000000;
}

#calendar_wrap table tr td#prev {
	text-align: left;
}

#calendar_wrap table tr td#next {
	text-align: right;
}

#calendar_wrap table tr td#prev a, #calendar_wrap table tr td#next a {
	color: #828282;
	text-decoration: none;
	font-weight: normal;
}

#calendar_wrap table tr td#prev a:hover, #calendar_wrap table tr td#next a:hover {
	color: #333333;
	text-decoration: underline;
}

/* End Calendar */

/* Start About Page */

.page-template-page-about-php #sidebar {
	background: none;
	padding: 0px;
	margin: 60px 0px 0px 0px;
	width: 300px;
}

.page-template-page-about-php #sidebar .widget {
	margin: 0 0 40px;
}

/* End About Page */

/* Start Meteor Slides Page */

#text-9 {
	margin: 0;
	line-height: 20px;
}

#text-9 img {
	border: solid 1px #666666;
}

#text-9 img:hover {
	border: solid 1px #000000;
}

.widget_nav_menu ul {
	border-top: solid 1px #A8A8A8;
}


.widget_nav_menu ul li {
	padding: 0;
}

.widget_nav_menu a {
	padding: 6px 13px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: solid 1px #A8A8A8;
	display: block;
}

.widget_nav_menu a:hover {
	background: #AFAEAE;
}

.page-template-pagemeteor-php .entry {
	margin: 0;
}

/* End Meteor Slides Page */

/* Hire Me Page */

.page-id-1009 #hire-content {
	float: left;
	margin: 0;
	width: 448px;
}

.page-id-1009 .gform_wrapper {
	float: right;
	margin: 0 0 0 20px;
	width: 448px;
}

.page-id-1009 #gforms_confirmation_message {
	background: none;
	border: none;
	color: #4A4A4A;
	font-size: 18px;
	float: right;
	margin: 38px 0 0 20px;
	width: 448px;
	height: 270px;
	padding: 0;
	text-align: left;
}

.page-id-1009 .gform_wrapper .top_label input.medium,
.page-id-1009 .gform_wrapper .top_label select.medium {
	width: 440px;
}

.page-id-1009 .gform_wrapper .top_label input.large,
.page-id-1009 .gform_wrapper .top_label select.large,
.page-id-1009 .gform_wrapper .top_label textarea.textarea {
	width: 440px;
}

.page-id-1009 #page .gform_wrapper .button {
	background-color: #e5e5e5;
	background: -moz-linear-gradient(100% 100% 90deg, #e5e5e5, #f7f7f7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#f7f7f7));
	border: solid 1px #bababa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
	box-shadow: 0 1px 3px #ccc;
	color: #000;
	display: inline-block;
	font-weight: bold;
	margin: 3px;
	padding: 3px 10px;
	text-decoration: none;
}

.page-id-1009 #page .gform_wrapper .button:hover {
	color: #000;
	background-color: #d8d8d8;
	background: -moz-linear-gradient(100% 100% 90deg, #d8d8d8, #e8e8e8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8d8d8), to(#e8e8e8));
	border: solid 1px #bababa;	text-decoration: none;
}

.page-id-1009 #page .gform_wrapper .button:active {
	background-color: #c8c8c8;
	background: -moz-linear-gradient(100% 100% 90deg, #c8c8c8, #d8d8d8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#d8d8d8));
}

.page-id-1009 #page .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}

.page-id-1009 .gform_footer {
	text-align: left;
}

.page-id-1009 .gform_wrapper .top_label .gfield_label {
    clear: both;
    display: inline-block;
    font-weight: normal;
    line-height: 130%;
    margin: 0 0 4px;
}

.page-id-1009 .gform_edit_link {
	display: none;
}

#page .gform_wrapper .validation_error {
    color: #000;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 16px;
}

#page .gform_wrapper .top_label .gfield_error {
    width: auto;
}

#page .gform_wrapper .gfield_error {
    background: none !important;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
}

#page .gform_wrapper .gfield_error .gfield_label {
    color: #000;
}

#page .gform_wrapper .top_label .gfield_description.validation_message, 
#page .gfield_description.validation_message {
	color: #000 !important;
	padding: 0 0 10px;
}

#widget_sp_image-3 {
	margin: 0;
}

#social-bartender img,
.sh_sb_widget_class img {
	margin: 0 5px 0 0;
}