/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* Chrome Fix-up */

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#header{
	padding-bottom: 5px;
	padding-top: 5px;
}

#header #logo img{
	max-height: 100px;
}

article, #contact-page{
    background:#FFF;
    padding:20px;
    border:1px solid #DDDDDD;
}

.post, .search .page{
	margin-bottom: 20px;
}

.syntaxhighlighter{
    border:1px solid #CCC;
}

.clear{
    clear:both;
}

li{
    margin-top:5px;
}

/* Standard overriden styles */

.widget{
	margin-bottom: 15px;
}

.widget.OptinSkin{
    border: 0;
    background: none;
    padding: 0;
}

.widget-noborder{
    border: 0;
    background: none;
    padding: 0;
}
.entry img, img.thumbnail, #portfolio .group.portfolio-img img{
	border-width:0;
}

/* Standard Custom Classes */

.subtext{
	background:#EEEEEE;
	padding:20px;
	border-left:1px solid #78AF22;
}

/* About Page Contact Form */

.aboutContactFormOuterWrapper{
    border:1px solid #CCC;
    background:#EEE;
    padding:10px;
}

.aboutContactFormWrapper{
    background:#FFF;
    padding:20px;
}

.aboutContactForm{
    background:url(http://www.codenutz.com/wp-content/uploads/2013/09/pw_maze_white.png);
    padding:10px;
    box-shadow: 0px 0px 4px 1px #CCC;
    margin-bottom: 10px;
}
.aboutContactForm form{
	margin:0;
}
.aboutContactForm ol{
	list-style-type: none;
	margin:0;
	padding: 0;
}
.aboutContactForm ol li{
	list-style-type: none;
	margin-top:10px;
}
.aboutContactForm label{

}
.aboutContactForm .input{
	padding:5px;
	border:1px solid #CCC;
	background:#FAFAFA;
}
.aboutContactForm input{
	width: 100%;
	padding: 0;
	border:0;
	font-size: 120%;
	margin-bottom:0;
}
.aboutContactForm #Submit, .aboutContactForm #Submit:visited{
	padding:10px 20px !important;
	border-radius: 3px !important;
	border:0 !important;
	background-color:#7672ac !important;
	color:white !important;
	width: auto !important;
	float: right !important;
	font-size: 120% !important;
}
.aboutContactForm #Submit:hover{
	cursor:pointer !important;
	background-color:#554fab !important;
}

.required{
	border-color:red !important;
}
.requiredSummary{
	background-color:#F4BFBF;
	padding:5px;
}
.hidden{
	display:none;
}

div.woo-pagination, div.pagination{
	background:white;
	padding:10px;
}

.decisionBuddySidebar{
	padding:0 !important;
	border:0 !important;
	background:none !important;
}

/* Post title overrides */

/* Display Posts Style */

.display-posts-listing .listing-item{
    clear:both;
    padding-top:25px;
}

.display-posts-listing .listing-item a.image{
    margin-right:15px;
    float:left;
}

.display-posts-listing .listing-item a.image img{
    box-shadow:0px 0px 2px 2px #AAAAAA;
}

.display-posts-listing .listing-item a.title{
    font-size:150%;
}

.display-posts-listing .listing-item .excerpt-dash{
    display:none;
}

.display-posts-listing .listing-item .excerpt{
    display:block;
    margin-top:10px;
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    max-width: 600px;
	max-height: 460px;
	margin:10px auto;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

	#header{
		padding-bottom: 0px;
		padding-top: 25px;
	}

	.post .title a:link::before{
		content:url('http://cdn.codenutz.com/blog/wp-content/uploads/2014/05/CodenutzLogov1-tiny.png');
		float:left;
		margin-right:5px;
		margin-left:-10px;
	}
	
}