/* Basic stuff
----------------------------------------------------------------------------------------------------*/

body {
	background:#222 url(../../images/skin5/bg.png) repeat;
	color:#444;
	}

a {color:#444;}
a:hover {color:#999;}
	
.textLink {color:#999;}
.textLink:hover {color:#222;}

.lineHor {border-bottom:#c0c0c0 1px dashed;}

/* JOGLE
--------------------------------------------------------------------------------------------------*/
/*----RSS-----*/
#sidebar #rss-5 {
	font-size: 11px;	
}
#sidebar #rss-5 img {
	display: none;
	text-align: left;
}
#sidebar #rss-5 a {
	text-decoration: none;	
}
#sidebar li {
	margin-bottom: 12px;	
}

.entry a img {
	border: 1px solid #ddd;	
}
.boxPortfolio.grid_5 img {
	border: 1px solid #ddd;
}
.pp_hoverContainer {
	border: 1px solid #ddd;
}
/*-----clients----*/
#clients .categoryLeft {
	width: 250px;
	float: left;
	margin-right: 20px;
	margin-top: 16px;
	border-left: 1px solid #D9D600;
}
#clients .categoryRight {
	width: 250px;
	float: right;
	margin-top: 16px;
	border-left: 1px solid #D9D600;
}
#clients p {
	margin-top: 0;
	padding-left: 6px;
	color: #777;
}
#clients strong {
	text-transform: uppercase;
	background: #fff;
	color: #222;
	padding: 4px 8px 4px 0;
	border-color: #D9D600 #D9D600 #D9D600 #FFFFFF;
	border-style: solid;
	border-width: 1px;
	margin-left: -7px;
}
.imagine {
	margin-top: 10px;
	border-top: 1px dotted #999;
}
/*----form----*/
#wrap{
	width: 500px;
	background: white;
	margin: auto;
	padding: 10px;
}
.mail{
	width:500px;
	margin:auto;
}
#formail{
	width: 500px;
	margin: auto;
}
#formail label{
	display: block;
	margin: 10px 0;
}
#text{
	background: #f8f8f8;
}
#sendmail{
	margin-top: 20px;
	display: block;
}
#response{
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 10px;
	width: 500px;
}
/*----Contact----*/
span.wpcf7-not-valid-tip {
	background: none !important;
	border: none !important;
	font-size: 11px !important;
	left: 2% !important;
	padding: 0 !important;
	position: inherit !important;
	top: 0 !important;
	width: auto !important;
	font-weight: normal;
	color: red;
}
div.wpcf7 input.wpcf7-submit {
	background: #222;
	color: #ccc;
	padding: 6px;
}
div.wpcf7-validation-errors {
	border: 1px solid red !important;
	font-size: 12px;
	color: #444;
}
div.wpcf7-mail-sent-ok {
	border: 1px solid #398F14 !important;	
}
.wpcf7-select {
	font-size: 1em;
	padding: 2px;
}
.wpcf7-form p, #commentform label {
	color: #666 !important;
}
#wpcf7-f1-p13-o1 input, textarea {
	margin-top: 0 !important;	
}
/*----Footer Styles----*/
#footer-wrap {
	display: none;	
}
#bottom-wrap {
	margin-top: 14px;
}
/*----Homepage Boxes-----*/
#box1 h5, #box2 h5, #box3 h5 {
	border-bottom: none !important;
	padding-bottom: 4px !important;
}
#box1, #box2, #box3 {
	margin-right: 10px;	
}
#contentPortfolio .path {
	border-bottom: none !important;	
}
.socialRight {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
.socialRight ul li {
	margin-right: 10px !important;	
}
/*------Header Styles-----*/
h3 {
	text-transform: uppercase !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
}
h5 {
	color: #bbb !important;
	font-size: 14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	letter-spacing: .5 !important;
	text-transform: uppercase !important;
}
h6 {
	text-transform: uppercase !important;	
}
/*------Nav Style-----*/
.jqueryslidemenu ul li a {
	text-transform: uppercase !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
}
/*-----Info Above Post-----*/
.entryHead {
	display: none;	
}
/*------Form Style-------*/
#submit, .submit {
	font-weight: normal;
	width: auto !important;
}
ul.children li a {
	font-size: 11px !important;
	letter-spacing: .4px;
}
.jqueryslidemenu ul li ul li a {
	color: #ccc !important;
	border-top: 1px solid #333 !important;
	background: url('http://jasonogle.com/wp-content/themes/synthetik/images/transp_bg.png') repeat !important;	
}
.jqueryslidemenu ul li ul li a:hover {
	color: #fff !important;
}
/*------Resume-------*/
#resume {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
#resume h4 {
	font-size: 22px;
	color: #c5d600;
	margin-top: 20px;
}
#resume h5 {
	font-size: 16px !important;
	color: #999 !important;
	letter-spacing: .5px !important;
	margin-top: 12px;
}
#resume p strong {
	color: #000;
}
#resume ul li {
	list-style: square outside none;
	color: #444;
	margin: 0 0 16px 30px;
	line-height: 20px;
}
#resume p {
	margin-top: 10px;	
}
#resume ul {
	margin-top: -10px;	
}
#resume img {
	visibility: hidden;	
}
#rezButtLeft a {
	width: 150px;
	height: 38px;
	float: left;
	margin-right: 20px;
	display: block;
	background: url('http://jasonogle.com/wp-content/themes/synthetik/images/butt_download_word.jpg') no-repeat;
}
#rezButtRight a {
	width: 150px;
	height: 38px;
	float: left;
	display: block;
	background: url('http://jasonogle.com/wp-content/themes/synthetik/images/butt_download_pdf.jpg') no-repeat;
}

/* List
----------------------------------------------------------------------------------------------------*/

.listStyle ul li {color:#999;}

.listStyle ul li a {color:#222;}
	
.listStyle ul li a:hover {color:#222;}


/* Header
----------------------------------------------------------------------------------------------------*/

/* =jqueryslidemenu
----------------------------------------------------------------------------------------------------*/
.jqueryslidemenu .menu ul li a.home:hover, .jqueryslidemenu .menu-header ul li a.home:hover {
	background:transparent url(../../images/skin5/topnavBG.png) -10px -76px no-repeat;
	}
	
.jqueryslidemenu .menu ul li a.currentHome, .jqueryslidemenu .menu-header ul li a.currentHome {
	background:transparent url(../../images/skin5/topnavBG.png) -10px -76px no-repeat;
	}

.jqueryslidemenu .menu ul li a.currentHome {
	background:transparent url(../../images/skin5/topnavBG.png) -9px -76px no-repeat;
	}

.jqueryslidemenu .menu ul li a.currentHome:hover {
	margin-left:-10px;
	background:transparent url(../../images/skin5/topnavBG.png) -10px -76px no-repeat;
	}


.jqueryslidemenu .menu ul li.current_page_item a.currentHome {margin-left:-6px;}
.jqueryslidemenu .menu ul li.current_page_item a.currentHome:hover {margin-left:-6px;}


.jqueryslidemenu ul li a:hover {
	color:#fff;
	background:transparent url(../../images/skin5/topnavBG.png) -100px -76px no-repeat;
	}

.jqueryslidemenu ul li .home:hover {background:transparent url(../../images/skin5/topnavBG.png) -10px -76px no-repeat;}


.jqueryslidemenu .menu ul li a:hover, .jqueryslidemenu .menu-header ul li a:hover {
	color:#fff;
	background:transparent url(../../images/skin5/topnavBG.png) -100px -76px no-repeat;
	}

.jqueryslidemenu .menu ul li a.currentHome, .jqueryslidemenu .menu-header ul li a.currentHome {
	background:transparent url(../../images/skin5/topnavBG.png) -9px -76px no-repeat;
	}


.jqueryslidemenu .menu ul li a, .jqueryslidemenu .menu-header ul li a {
	border-right:#111 1px solid;
	}

.jqueryslidemenu ul li.current_page_item a, .jqueryslidemenu ul li.current_page_item a:hover {color:#8dc140;}
.jqueryslidemenu ul li ul li.page_item a, .jqueryslidemenu ul li ul li.page_item a:hover {color:#eee;}
/* end jqueryslidermenu */

#header-wrap {background:transparent url(../../images/skin5/topnavBG.png) center 64px no-repeat;}

#topnav ul li .current,
#access ul li .current {
	color:#999;
	background:transparent url(../../images/skin5/topnavBG.png) -100px -76px no-repeat;
	}

/*#topnav ul li .currentHome,
#access ul li .currentHome {background:transparent url(../../images/skin5/topnavBG.png) -10px -76px no-repeat;}*/

a.home:hover {background:transparent url(../../images/skin5/topnavBG.png) -10px -76px no-repeat;}

#topnav ul li .navEffect:hover,
#access ul li .navEffect:hover {background:transparent url(../../images/skin5/topnavBG.png) -100px -76px no-repeat;}

/* Start WP fix */

#s {
	background:#fff;
	border:#c0c0c0 1px solid;
	}

#searchsubmit {background:url(../../images/searchBtn.png);}

#searchsubmit:hover {background:url(../../images/searchBtnHover.png);}

#s.searchInput {color:#888;}

#searchform {border-bottom:#ddd 1px solid;}

/* End WP fix */


/* Featured
----------------------------------------------------------------------------------------------------*/

#featured-wrap {background:transparent url(../../images/skin5/sliderBG.png) center -10px no-repeat;}


/* Services
----------------------------------------------------------------------------------------------------*/

#services-wrap, #services-wrap-footer {background:transparent url(../../images/skin5/contentBGhome_center.png) center 30px repeat-y;}
	
#servicesTop, #servicesTopFooter {background:transparent url(../../images/skin5/contentBGhome_top.png) center top no-repeat;}

#box1, #box2, #box3 {color:#ddd;}

#box1 h5, #box2 h5, #box3 h5 {border-bottom:#222 1px solid;}

#box1 a, #box2 a, #box3 a {color:#999;}
#box1 a:hover, #box2 a:hover, #box3 a:hover {color:#fff;}

/* Get in Touch */	
#box1 .socialIcons, #box2 .socialIcons, #box3 .socialIcons {border-top:#222 1px solid;}

#box2 a.category, #box2 a.comments {background:#999;color:#fff;}
#box2 a.category:hover, #box2 a.comments:hover {background:#fff;color:#222;}

.goForm {background:transparent url(../../images/right.png) 11px 10px no-repeat;}

.getInTouch ul li.phoneContact {background:transparent url(../../images/skin5/phone.png) 6px 10px no-repeat;}
.getInTouch ul li.emailContact {background:transparent url(../../images/skin5/email.png) 3px 10px no-repeat;}
.getInTouch ul li.skypeContact {background:transparent url(../../images/skin5/skype.png) 3px 11px no-repeat;}

/* Get in Touch Right Column */
.getInTouch.right {border-bottom:1px solid #ddd;}

.getInTouch.right h6 {color:#444;}
	
.getInTouch.right ul li.phoneContact {background:transparent url(../../images/phone_gray.png) 3px 10px no-repeat;}
.getInTouch.right ul li.emailContact {background:transparent url(../../images/email_gray.png) 0 10px no-repeat;}
.getInTouch.right ul li.skypeContact {background:transparent url(../../images/skype_gray.png) 0 11px no-repeat;}
.getInTouch.right ul li.addressContact {background:transparent url(../../images/home_gray.png) 0 10px no-repeat;}


/* Page Content Left
----------------------------------------------------------------------------------------------------*/

#content-wrap {background:transparent url(../../images/skin5/contentBGcenter.png) center 30px repeat-y;}

#contentTop {background:transparent url(../../images/skin5/contentBGtop.png) center no-repeat;}

#contentLeft .path {
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentPortfolio .path {
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentLeft .path a, #contentPortfolio .path a {color:#888;}

#contentLeft .path a:hover, #contentPortfolio .path a:hover {color:#444;}


/* Sidebar Right
----------------------------------------------------------------------------------------------------*/

#contentRight {
	background:#fff;
	border:#ddd 1px solid;
	color:#999;
	}

.rightContent h5 {color:#444;}

.socialRight {
	border:#e8e8e8 1px solid;
	background:#f9f9f9;
	}


/* Portfolio
----------------------------------------------------------------------------------------------------*/


/*--- prettyPhoto ---*/
.currentTextHolder {color:#101319;}


/* Pagination
----------------------------------------------------------------------------------------------------*/

/*#pagination {border-top:#ddd 1px solid;}*/

#pagination a:hover {
	background:#999;
	color:#fff;
	}

#pagination .current {
	color:#fff;
	background:#222;
	}


/* Blog
----------------------------------------------------------------------------------------------------*/
	
a.category, a.comments {
	background:#999;
	color:#fff;
	}
	
a.category:hover, a.comments:hover {
	background:#222;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	}

.tags {background:transparent url(../../images/skin5/tag.png) no-repeat;}

.share {
	color:#888;
	border:#c0c0c0 1px solid;
	background:#fff;
	}

a.share:hover {color:#444;}

a.facebook {background:transparent url(../../images/social.png) top left no-repeat;}
a.facebook:hover {background:transparent url(../../images/social.png) bottom left no-repeat;}
a.twitter {background:transparent url(../../images/social.png) top right no-repeat;}
a.twitter:hover {background:transparent url(../../images/social.png) bottom right no-repeat;}

.facebook, .twitter {
	text-indent:-9999px;
	border:none;	/* IMPORTANT FOR SKIN - DON'T REMOVE */
	}

/* Start WP */

.bypostauthor {background:url(../../images/skin5/bypostauthorBG.png) top left no-repeat;}

.comment-body {color:#888;}

.commentmetadata, .commentmetadata a {color:#888;}

.vcard {color:#888;}

.fn {color:#444;}

a.fn:hover {color:#888;}

.comment-reply-link {
	color:#999;
	border:#c0c0c0 1px solid;
	background:#fff;
	}

.comment-reply-link:hover {
	color:#fff;
	background:#999;
	border:#999 1px solid;
	}

/**/
.thread-alt {background-color:#f9f9f9;}
	
.thread-even {background-color:#fff;}

.even, .alt {border-top:#ddd 1px solid;}
/* End WP */


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer-wrap, #footer-wrap-footer {background:transparent url(../../images/skin5/contentBGfooter.png) center no-repeat;}


/* Bottom
----------------------------------------------------------------------------------------------------*/

#bottom-wrap {background:transparent url(../../images/skin5/bottomBG.png) center no-repeat;}

#bottom {color:#888;}

/*#bottom p a {color:#888;}*/
	
#bottom p a:hover {color:#ccc;}

#bottom ul li p a:hover {color:#ddd;}

#bottom ul li {border-right:#222 1px solid;}

#bottom ul li a {color:#888;}


/* Coda Slider
----------------------------------------------------------------------------------------------------*/

.coda-nav ul li a {background:transparent url("../../images/skin5/slider-off.png") no-repeat scroll left top;}

.coda-nav ul li a.current {background:transparent url("../../images/skin5/slider-on.png") no-repeat scroll left top;}
.coda-nav ul li a.current:hover {background:transparent url("../../images/skin5/slider-on.png") no-repeat scroll left top;cursor:default;}
.coda-nav ul li a:hover {background:transparent url("../../images/skin5/slider-ov.png") no-repeat scroll left top;}

.linkButton {background:transparent url(../../images/skin5/sliderButton.png) top center no-repeat;}

.linkButton:hover {background:transparent url(../../images/skin5/sliderButton.png) bottom center no-repeat;}

.panel-wrapper p {color:#fff;}

.panel-wrapper h6 {color:#fff;}

.panel-wrapper a {color:#999;}
.panel-wrapper a:hover {color:#fff;}


/* Wordpress fixes
----------------------------------------------------------------------------------------------------*/

.entry p a {color:#999;}
.entry p a:hover {color:#222;}

.entry_title a {color:#444;}

.entry ul li {
	list-style:disc inside;
	color:#999;
	}

/* --------- */
span.category {
	background:#999;
	color:#fff;
	}

span.category a {color:#fff;}
span.category:hover {background:#222;}

#box2 span.category {
	background:#999;
	color:#fff;
	}

#box2 span.category a {color:#fff;}
#box2 span.category:hover {background:#222;}
#box2 span.category a:hover {color:#fff;}
/* --------- */

span.tag a {color:#888;}

span.tag a:hover {color:#999;}

#topnav .current-cat, #topnav .current_page_item,
#access .current-cat, #access .current_page_item {
	border-left:#111 1px solid;
	color:#999;
	background:transparent url(../../images/skin5/topnavBG.png) -100px -76px no-repeat;
	}

#sidebar li.current-cat, #sidebar li.current_page_item {
	background:#222;
	color:#999;
	}

.pagenav h5, .sidebar_pagenav h5, .sidebar_pagenav_meta h5, .widget h5 {
	border-top:#ddd 1px solid;
	color:#444;
	}

.widget_tag_cloud h5.widgettitle, .widget_rss h5.widgettitle, .widget_meta h5.widgettitle, .widget_archive h5.widgettitle, 
.widget_categories h5.widgettitle, .widget_links h5.widgettitle, .widget_recent_comments h5.widgettitle, .widget_recent_entries h5.widgettitle {
	border-top:none;
	border-bottom:#ddd 1px solid;
	}

.widget_categories .cat-item {color:#999;}

.widget_categories .current-cat a {color:#fff;}

.widget_archive li {color:#999;}

h5.widgettitle {border-bottom:#ddd 1px solid;}

#calendar_wrap {border:#ddd 1px solid;}

#wp-calendar th {color:#999;}

#wp-calendar caption {
	color:#444;
	background:#f9f9f9;
	}

#wp-calendar td a {
	background:#101319;
	color:#f9f9f9;
	}

#wp-calendar td a:hover {
	background:#999;
	color:#f9f9f9;
	}


/*  WP Sub Navigation - sidebar contentRight
----------------------------------------------------------------------------------------------------*/

#subNavigation h5 {
	color:#444;
	border-bottom:1px solid #ddd;
	}

#subNavigation ul li.current-cat a, 
#subNavigation ul li.current_page_item a, 
#sidebar .widget_pages ul li.current-cat a, 
#sidebar .widget_pages ul li.current_page_item a, 
#sidebar .widget_pages ul li ul li.current_page_item a {
	color:#fff;
	background:transparent url(../../images/skin5/subNav.png) bottom no-repeat;
	}

#subNavigation li.page_item a, 
#sidebar .widget_pages li a {
	background:transparent url(../../images/skin5/subNav.png) top no-repeat;
	border-bottom:1px solid #ddd;
	}	

#subNavigation li ul li a, 
#sidebar .widget_pages li ul li a, 
#sidebar .widget_pages li ul li.page_item a {
	background:transparent url(../../images/skin5/subNav.png) top no-repeat;
	border-bottom:1px solid #ddd;
	color:#444;
	}

#sidebar .widget_pages li ul li.page_item a:hover {
	background:transparent url(../../images/skin5/subNav.png) bottom no-repeat;
	border-bottom:1px solid #ddd;
	color:#fff;
	}

#subNavigation li a:hover, 
#sidebar .widget_pages li a:hover {
	color:#fff;
	background:#999;
	background:transparent url(../../images/skin5/subNav.png) bottom no-repeat;
	}
	

/*  WP Contact Form (see also "Form style")
----------------------------------------------------------------------------------------------------*/

/* Form style
----------------------------------------------------------------------------------------------------*/

input, textarea {
	border:1px solid #c0c0c0;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	background:#f1f1f1;
	color:#444;
	}

input:focus, textarea:focus {background:#fff;}

#submit, .submit {
	border:#111 1px solid;
	background:#222;
	color:#fff;
	}

#submit:hover, .submit:hover {
	border:1px solid #999;
	background:#999;
	}

.wpcf7-form p, #commentform label {color:#444;}

#respond {border-top:#ddd 1px solid;}

.widget_tag_cloud a {
	background:#999;
	color:#fff;
	}

.widget_tag_cloud a:hover {background:#222;}


/* =Footer =Widget Area
----------------------------------------------------------------------------------------------------*/
#footer-widget-area ul li {color:#222;}
#footer-widget-area .children {display:none;}
#footer-widget-area .sub-menu {display:none;}

#footer-widget-area .widget_tag_cloud {width:180px;}

/* Widget Text */
#footer-widget-area .widget_text {width:200px;}
#footer-widget-area .widget_text img {width:200px;}

#footer-widget-area .widget_text p {
	margin-bottom:8px;
	color:#888;
	}

#footer-widget-area .widget_text a {
	color:#999;
	text-decoration: underline;
	}

#footer-widget-area .widget_text a:hover {
	color:#fff;
	text-decoration: underline;
	}

#footer-widget-area .widget_nav_menu ul li,
#footer-widget-area .widget_pages ul li.page_item, 
#footer-widget-area .widget_archive ul li, /* repeat in the line below */
#footer-widget-area .widget_meta ul li,
#footer-widget-area .widget_links ul li,
#footer-widget-area .widget_categories ul li,
#footer-widget-area .widget_recent_comments ul li.recentcomments,
#footer-widget-area .widget_recent_entries ul li {
	border-bottom: 1px solid #222;
	background:transparent;
	width:180px;
	}

#footer-widget-area .widget_recent_comments ul li.recentcomments {
	padding:10px 0 10px 0;
	font-size:12px;
	}

.menu-menu-two-container {border-bottom:none;}
	
#footer-widget-area .widget_nav_menu ul li a,
#footer-widget-area .widget_pages ul li a, 
#footer-widget-area .widget_pages ul li.page_item a, 
#footer-widget-area .widget_archive ul li a,
#footer-widget-area .widget_meta ul li a,
#footer-widget-area .widget_links ul li a,
#footer-widget-area .widget_categories ul li a,
#footer-widget-222 .widget_recent_entries ul li a {
	color:#999;
	display:block;
	padding:10px;
	font-size:12px;
	}
	
/*#footer-widget-area .widget_archive ul li a {display: inline;}*/

#footer-widget-area .widget_nav_menu ul li a:hover,
#footer-widget-area .widget_pages ul li.page_item a:hover, 
#footer-widget-area .widget_archive ul li a:hover,
#footer-widget-area .widget_meta ul li a:hover,
#footer-widget-area .widget_links ul li a:hover,
#footer-widget-area .widget_categories ul li a:hover,
#footer-widget-area .widget_recent_entries ul li a:hover {
	background: #222;
	color: #d6dbdd;
	font-size:12px;
	}



/* WP3
----------------------------------------------------------------------- */
.pathFooter {
	font-size:11px;
	color:#d6dbdd;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px;
	border-bottom: 1px #222 solid;
	}

.pathFooter {
	color:#d6dbdd;
	}
	
.pathFooter a {
	color:#d6dbdd;
	text-decoration: none;
	}

.pathFooter a:hover {
	color:#d6dbdd;
	text-decoration: underline;
	}

.stay_right {
	float: right;
	color:#d6dbdd;
	}