/* @override http://localhost/~MattStrange/pixelstores/outlet/wp-content/themes/outlet/includes/pixelstores/shortcodes/shortcodes.css?ver=3.5.2 */

/* Shortocdes */


/* Recent Posts Shortcode */


.short-post .entry {
	position: relative;
	padding-left: 90px;
}
.short-post h2 {
	margin-bottom: 10px;
}
.short-post h2 a {
		font: 400 14px/22px 'Ubuntu', sans-serif;
	display: block;
	text-decoration: none;
	color: #494949;
	text-transform: capitalize;
}
	.short-post:after {
		content:"";
		display:block;
		clear:both;
	}
.posts-shortcode .short-post {
	margin-bottom: 36px;
}

.posts-shortcode .short-post:last-child {
	margin-bottom: 0px;
}

.posts-shortcode .short-post .day {
	display: block;
	font-size: 32px;
	text-shadow: #e27726 1px 1px 0;
	margin: 14px 17px;
}
.posts-shortcode {
	position: relative;
}
.posts-shortcode .short-post .date {
	float: left;
	text-align: center;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	background: #f3832d;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	position: relative;
	left: 0;
}

.posts-shortcode .short-post .month {
	font: 17px 'PT Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
  background: rgba(255, 255, 255, .2);
  	display: block;
	padding: 4px;
}

.posts-shortcode .short-post:hover .date {
}

.posts-shortcode .short-post:hover .entry a {
	color: #f3832d;
}

.posts-shortcode .short-post:hover .day, .short-post:hover .month {
	color: #fff;
}
/* Skills Bar */
.skills-bar {
	background: #e6e7e8;
	height: 40px;
	position: relative;
	margin-bottom: 10px;
}
.skills-bar-content {
	background:#f3832d;
	height: 40px;
}
.skills-bar .skills-title {
	color: #ffffff;
	font-weight: normal;
	position: absolute;
	top: 7px;
	left: 13px;
}
.skills-bar .percentage {
	font-size: 13px;
	color: #626363;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 90%;
}

/* Circled Icons */


h4.notific {
	font: 300 18px/30px 'Ubuntu', sans-serif;
	margin: 15px 0 0;
	text-align: center;
	text-transform: uppercase;
	color: #6d6d6d;
}

h4.notific b {
	font-weight: 500;
}

i.icon.notification {
	background-color: #f3832d;
	-webkit-border-radius: 84px;
	-moz-border-radius: 84px;
	border-radius: 84px;
	color: #fff;
	width: 84px;
	height: 84px;
	float: none;
	font-size: 28px;
	margin-right: auto !important;
	line-height: 84px;
	position: relative;
	margin-left: auto !important;
	display: block;
}

.box:hover i.icon.notification {
	background: #4e4e4e !important;
}

/* Small Icons */

p i.icon {
	margin-top: 8px;
}

i.icon {
	background-color: #4e4e4e;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	width: 35px;
	height: 35px;
	float: left;
	font-size: 14px;
	margin-right: 10px;
	line-height: 35px;
}

.box:hover i.icon {
		background-color: #4e4e4e;

}

/* Lists */

.list {
	padding-left: 18px;
}

.list.themed li:before {
	color: #f3832d;
}

.iconcheck li:before, .iconcancel li:before, .icontag li:before, .iconthumbsup li:before, .iconpencil li:before, .iconrightcircled li:before, .iconrightopen li:before, .iconrightopenmini li:before, .iconrightopenbig li:before, .iconrightdir li:before, .iconrocket li:before {
  	display: inline-block;
	width: 18px;
	margin-left: -18px;
	font: 14px 'entypo';
	position: relative;
	top: 1px;
}

.iconcheck li:before {
	content: '\2713';
}
.iconcancel li:before {
	content: '\2715';
}
.icontag li:before {
	content: '\e70c';
}
.iconthumbsup li:before {
	content: '\1f44d';
}
.iconpencil li:before {
	content: '\270e';
}
.iconrightcircled li:before {
	content: '\e75a';
}
.iconrightopen li:before {
	content: '\e75e';
}
.iconrightopenmini li:before {
	content: '\e762';
}
.iconrightopenbig li:before {
	content: '\e766';
}
.iconrightdir li:before {
	content: '\25b8';
}
.iconrocket li:before {
	content: '\1f680';
}

/* Dropcaps */
.square-dropcap {
	background: #f6f6f6;
	color: #919191;
	width: 40px;
	height: 40px;
	float: left;
	font-size: 18px;
	margin-right: 10px;
	line-height: 40px;
	margin-top: 8px;
	text-align: center;	
}

/* Accordin */
.accordion {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
.accordion a:hover {
	text-decoration: none;
	border-left: 4px solid #f3832d;
}
.accordion .active-title a {
	text-decoration: none;
	border-left: 4px solid #f3832d;
}
.accordion a {
	color: #5e5e5e;
	font: 500 11px 'Ubuntu', sans-serif;
	display: block;
	background: #f7f6f7;
	text-transform: uppercase;
	border-left: 4px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 1.5em;
}
.accordion dd {
	padding: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}   

/* Contact Form */
                 
#contact { width:100%;
}
#contact .button {
	margin-right: 5px;
}      
#contact fieldset {padding:0;}          
#contact ul { margin:0; list-style:none;
}  
#contact li { float: left;

}

#contact li.textarea-field { width:auto; float:none;
	margin-bottom: 5px;
}
#contact label span.label {
	width: 100%;
	clear: both;
	display: inline-block;
	margin-bottom: 5px;
}
#contact label span.sublabel { font-size: 11px; color: #9C9B9B }  

#contact li.text-field input, #contact li textarea { border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #9C9B9B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 12px 12px 12px 32px;
	box-shadow: inset 2px 2px 4px #f4f4f4;
}
#contact li.text-field input, #contact li select { 
}
#content .contact-form li select { padding:10px; }
#contact li textarea {  background-color:#fff;
    width: 100%;
	margin-bottom: 0;
	height: 160px;
	padding: 12px;
} 

#contact #name, #contact #email, #contact #telephone {
	    width: 100%;
}

#contact li #contact-submit {
	margin-top: 0;
	margin: 0;
} 
#contact-form .text-field.pad {
	padding-right: 10px;
}
 
#contact-form .text-field i {
	position: absolute;
	margin-top: 9px;
	margin-left: 12px;
}
#contact-form .text-field {
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	width: 33.3%;
	margin-bottom: 10px;
}
#contact-form .text-field{
	padding-right: 0px;
}


#contact .name_ico, #contact .email_ico {
display: block;
width: 14px;
height: 14px;
position: absolute;
z-index: 10;
}
#contact .name_ico {
	background: url(images/ico_user.png) no-repeat center center;
left: 11px;
	top: 36px;
}
#contact .email_ico {
	background: url(images/ico_email.png) no-repeat center center;
	left: 11px;
	top: 36px;
}

/* Tabs */


.shortcode-tabs {
	clear: both
}

.shortcode-tabs ul.tabs {
	list-style: none;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin-bottom: 0;
}

.shortcode-tabs ul.tabs li a:hover {
	border-top: 4px solid #f3832d;
}

.shortcode-tabs ul.tabs li {
	background: #f7f6f7;
	display: inline-block;
	position: relative;
	z-index: 0;
	margin-left: 0;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding: 0;
	margin: 0;
}

.shortcode-tabs ul.tabs li a {
	display: inline-block;
	color: #5e5e5e;
	font: 500 11px 'Ubuntu', sans-serif;
	border-top: 4px solid #e5e5e5;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	text-transform: uppercase;
	padding: 1.2em 1.4em;
}

.shortcode-tabs ul.tabs li a:hover {
	text-decoration: none;
	color: #777777
}

.shortcode-tabs ul.tabs li.active {
	background: #ffffff;
	z-index: 2;
	border-bottom-color: #ffffff;
	margin-left: 0;
}

.shortcode-tabs ul.tabs li.active a {
	border-top: 4px solid #f3832d;
}

.shortcode-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit
}

.shortcode-tabs ul.tabs:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #e5e5e5;
	z-index: 1
}

.shortcode-tabs .panel {
	margin: 0;
	padding: 2em;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}