/*----------------------------------------------------------

Description: 	Themedy shortcode CSS (front end).
Version:		1.0

----------------------------------------------------------*/

/***** Dividers ************/
.th-sc-hr { border-bottom: 1px solid #e6e6e6; }
.th-sc-hr, .th-sc-divider { clear: both; display: block; margin-bottom: 20px; padding-top: 0px; width: 100%; }
.th-sc-divider.flat { padding: 0; margin: 0; }

/***** Custom Typography ************/
span.dropcap { float: left; font-size: 2.8em; font-weight: bold; line-height:  .6em; margin: 5px 7px 0 0;position: relative; }
span.th-highlight { background: #ffffaa; padding: 1px; }

/***** Social Links ************/
.th-social.left { float: left; margin: 0 5px 5px 0; }
.th-social.right { float: right; margin: 0 0 5px 5px; }

/***** Related Posts ************/
.th-sc-related-posts li { clear: both; }

/***** Lists ************/

.th-list-check ul li { list-style: none !important; background: url(../images/icon-check.png) 0 3px no-repeat; padding-left: 25px !important; }
.th-list-alert ul li { list-style: none !important; background: url(../images/icon-alert.png) 0 3px no-repeat; padding-left: 25px !important; }
.th-list-rss ul li { list-style: none !important; background: url(../images/icon-rss.png) 0 3px no-repeat; padding-left: 25px !important; }
.th-list-arrow ul li { list-style: none !important; background: url(../images/icon-right.png) 0 3px no-repeat; padding-left: 25px !important; }

/***** Quotes ************/

.th-quote {	 
	background: url(../images/graphic-quote.png) no-repeat left 5px;
	padding-left: 60px;
	min-height: 40px;
	}
	
.th-quote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
	}
	
.th-quote.left { float: left; margin: 0 20px 20px 0; width: 30%; }
.th-quote.right { float: right; margin: 0 0 20px 20px; width: 30%; }

/***** Columns ************/

.clear { clear: both; }
.twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.fourcol-two{width:48%;}
.fourcol-three{width:74%;}
.fivecol-one{width:16.8%;}
.fivecol-two{width:37.6%;}
.fivecol-three{width:58.4%;}
.fivecol-four{width:67.2%;}
.sixcol-one{width:13.33%;}
.sixcol-two{width:30.66%;}
.sixcol-three{width:47.99%;}
.sixcol-four{width:65.33%;}
.sixcol-five{width:82.67%;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;position:relative;}
.last{clear:right;margin-right:0 !important;}

/***** Info Boxes *************/

#content .entry-content p.th-box, p.th-box, .th-box { 
	border-style: solid; 
	border-width: 1px; 
	color: #444;
	text-shadow: 1px 1px rgba(255,255,255,.3);
	padding: 10px 15px;
	margin-bottom: 20px;
	line-height: 20px;
	
	/*Border radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	
.th-box.default { 
	background: #eee;
    border-color: #ccc;
	}
	
.th-box.info { 
	background: url(../images/icon-info.png) 15px 50% no-repeat #dbe3ff;
    border-color: #a2b4ee;
	padding-left: 45px !important;
	}
	
.th-box.check { 
	background: url(../images/icon-check.png) 15px 50% no-repeat #d5ffce;
    border-color: #9adf8f;
	padding-left: 45px !important;
	}
	
.th-box.note { 
	background: url(../images/icon-note.png) 15px 50% no-repeat #fffbcc;
    border-color: #e6db55;
	padding-left: 45px !important;
	}
	
.th-box.download { 
	background: url(../images/icon-download.png) 15px 50% no-repeat #d5ffce;
    border-color: #9adf8f;
	padding-left: 45px !important;
	}
	
.th-box.alert { 
	background: url(../images/icon-alert.png) 15px 50% no-repeat #ffcece;
    border-color: #df8f8f;
	padding-left: 45px !important;
	}
	
.th-box.rss { 
	background: url(../images/icon-rss.png) 15px 50% no-repeat #fffbcc;
    border-color: #e6db55;
	padding-left: 45px !important;
	}

/***** Buttons *************/

a.th-button {
	font-family: sans-serif;
	display: inline-block;
	line-height: 20px;
	padding: 6px 13px;
	margin:0 10px 20px 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	font-size: 14px;
	
	/*Border radius*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback (blue)*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf));
	background: -moz-linear-gradient(center top, #52a8e8 20%, #2e76cf 100%);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 1px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 1px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				1px 1px 1px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.th-button.small { padding:3px 10px; font-size:11px;}
a.th-button.large { padding:7px 16px; font-size:18px;}
a.th-button.xl { padding:9px 20px; font-size:22px;}

a.th-button:hover, 
a.th-button.hover, {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback (blue)*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca));
	background: -moz-linear-gradient(center top, #3e9ee5 20%, #1666ca 100%);
	}

a.th-button:active,
a.th-button.active  {
	border-color: #20559a;
	position: relative;
    top: 1px;
	}

a.th-button.dark span { color:#555; text-shadow:0 1px #fff;}
a.th-button.custom:hover { opacity:0.85; }

a.th-button span { line-height:1.2em; min-height: 16px; }
a.th-info span { background:url(../images/icon-info.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.th-download span { background:url(../images/icon-download.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.th-check span { background:url(../images/icon-check.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.th-note span { background:url(../images/icon-note.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.th-alert span { background:url(../images/icon-alert.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.th-twitter span { background:url(../images/icon-twitter.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.th-rss span { background:url(../images/icon-rss.png) no-repeat 0 45%; padding-left:25px; display:block; }

a.th-button.red { 
	border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
	background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
	}
a.th-button.red:hover { 
	background: #d20000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
	background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
	}

a.th-button.orange { 
	border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
	background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
	}
a.th-button.orange:hover { 
	background: #d25e00;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
	background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
	}

a.th-button.green { 
	border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
	background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
	}
a.th-button.green:hover { 
	background: #87c000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
	background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
	}

a.th-button.aqua { 
	border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
	background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
	}
a.th-button.aqua:hover { 
	background: #00d2a8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
	background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
	}

a.th-button.teal { 
	border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
	background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
	}
a.th-button.teal:hover { 
	background: #009ed2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
	background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
	}

a.th-button.purple { 
	border-color: #3f2466; border-bottom-color: #3f2466; background-color: #4f2d7f;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #663aa5),color-stop(1, #4f2d7f));
	background: -moz-linear-gradient(center top,#663aa5 20%,#4f2d7f 100%);
	}
a.th-button.purple:hover { 
	background: #6e3fb1;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #5f3698),color-stop(1, #6e3fb1));
	background: -moz-linear-gradient(center top,#5f3698 20%,#6e3fb1 100%);
	}

a.th-button.pink { 
	border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
	background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
	}
a.th-button.pink:hover { 
	background: #bc00d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
	background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
	}

a.th-button.black { 
	color: #fff;
	border-color: #222; border-bottom-color: #000; background-color: #444;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #666),color-stop(1, #333));
	background: -moz-linear-gradient(center top,#666 20%,#333 100%);
	}
a.th-button.black:hover { 
	background: #000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #555),color-stop(1, #111));
	background: -moz-linear-gradient(center top,#555 20%,#111 100%);
	}

a.th-button.silver { 
	color: #444 !important;
	text-shadow:0 1px #fff;
	border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
	background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
	}
a.th-button.silver:hover { 
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
	}