/*-----------------------------------------------------------------------------------
SHORTIES - a load of shortcodes :D

TABLE OF CONTENTS:
- Buttons
- Boxes
- Styled Links
- Drop Caps
- Pull Quotes
- Highlighting
- Columns
- Misc (Twitter, Digg, Facebook, etc)
- Dividers
-----------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* Buttons */
/*-------------------------------------------------------------------------------------------*/
a.shorties_button {
	display: inline-block;
	padding: 3px 13px;
	border: 1px solid #4081af !important;
	border-bottom-color: #20559a !important;
	color: #fff !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	/*Border radius*/
	/*-webkit-border-radius: 15px; If you want rounded buttons
	-moz-border-radius: 15px;
	border-radius: 15px;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	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 2px 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 2px 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*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.shorties_button.small { padding:0px 10px;}
a.shorties_button.large { padding:6px 16px;}

a.shorties_button:hover, 
a.shorties_button.hover, 
a.shorties_button.active {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	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.shorties_button:active,
a.shorties_button.active  {
	border-color: #20559a;
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.shorties_button.dark span { color:#555; text-shadow:none;}
a.shorties_button.custom:hover { opacity:0.85; }
a.shorties_button span { color: #fff !important;}
a.shorties_button span.shorties_info { background:url("../images/icon-info-small.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.shorties_button span.shorties_download { background:url("../images/icon-download-small2.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.shorties_button span.shorties_tick { background:url("../images/icon-tick-small.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.shorties_button span.shorties_note { background:url("../images/icon-note-small.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.shorties_button span.shorties_alert { background:url("../images/icon-alert-small.png") no-repeat 0 45%; padding-left:25px; display:block; }


/*-------------------------------------------------------------------------------------------*/
/* Boxes */
/*-------------------------------------------------------------------------------------------*/
.shorties_download_box { background:url("../images/icon-download.png") no-repeat scroll 10px 4px #DEE3AB; border:1px solid #A3C159; color:#5E6F33; }
.shorties_info_box { background:url("../images/icon-info.png") no-repeat scroll 10px 4px #BFE4F9; border:1px solid #A4D4EF; color:#2E6093; }
.shorties_alert_box { background:url("../images/icon-alert.png") no-repeat scroll 10px 4px #FFCCCC; border:1px solid #FF9999; color:#C31B00; }
.shorties_note_box { background:url("../images/icon-note.png") no-repeat scroll 10px 4px #FDEBAE; border:1px solid #E6C555; color:#9E660D; }

.shorties_download_box, .shorties_alert_box, .shorties_info_box, .shorties_note_box { 
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	padding:10px 10px 10px 50px;
	position:relative;
	font-size: 13px;
	line-height: normal;
}

/*-------------------------------------------------------------------------------------------*/
/* Styled Links */
/*-------------------------------------------------------------------------------------------*/
.shorties_email_link, .shorties_download_link/* , .shorties_pdf_link*/ {
	margin-right:10px;
	padding-left:24px;
	/*text-decoration:underline;*/
}

.shorties_pdf_link, .shorties_doc_link, .shorties_ppt_link, .shorties_xls_link {
/*	margin-left:10px;*/
	padding-right:20px;
	/*text-decoration:underline;*/
	display: inline-block;
}

.shorties_email_link { background:url("../images/icon-email-small.png") no-repeat left center; }
.shorties_download_link { background:url("../images/icon-download-small.png") no-repeat left center; }
.shorties_pdf_link { background:url("../images/icon-pdf-smaller.png") no-repeat right center; }
.shorties_doc_link { background:url("../images/icon-doc-small.png") no-repeat right center; }
.shorties_ppt_link { background:url("../images/icon-ppt-small.png") no-repeat right center; }
.shorties_xls_link { background:url("../images/icon-xls-small.png") no-repeat right center; }

#content a:link.shorties_pdf_link, #content a:visited.shorties_pdf_link, #content a:link.shorties_doc_link, #content a:visited.shorties_doc_link, #content a:link.shorties_ppt_link, #content a:visited.shorties_ppt_link, #content a:link.shorties_xls_link, #content a:visited.shorties_xls_link {
	border: none;
}

#content a:hover.shorties_pdf_link, #content a:hover.shorties_doc_link, #content a:hover.shorties_ppt_link, #content a:hover.shorties_xls_link {
	text-decoration:underline;
}

/*-------------------------------------------------------------------------------------------*/
/* Drop Caps */
/*-------------------------------------------------------------------------------------------*/
.shorties_dropcap { display:block; float:left; font-size:40px; line-height:40px; margin:0 8px -5px 0; }


/*-------------------------------------------------------------------------------------------*/
/*Pull Quotes */
/*-------------------------------------------------------------------------------------------*/
.shorties_pullquote_left { 
	float:left !important; 
	margin: 20px 20px 20px 2px !important;
}
.shorties_pullquote_right, .shorties_pullquote_left {
	clear: right;
	font-family: Georgia, serif;
	float:right;
	font-size:18px;
	/*font-weight: bold;*/
	letter-spacing:0;
	line-height:1.5em;
	margin:20px 2px 20px 20px;
	border: 1px solid #f1f1f1;
	padding:20px;
	width:30%;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);*/
	
	background-color: #EDEDED;
}
.shorties_pullquote_left {
	clear: left;
}
.pullquote_small_text p, .shorties_pullquote_right cite, .shorties_pullquote_left cite  {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

.shorties_pullquote_right cite, .shorties_pullquote_left cite  {
	display: block;
	text-align: right;
	line-height: 16px;
	margin-top: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}

.pullquote_small_text {
	font-size: 12px !important;
	line-height: 20px;
	
}

.pullquote_small_text h1, .pullquote_small_text h2, .pullquote_small_text h3, .pullquote_small_text h4, .pullquote_small_text h5, .pullquote_small_text h6  {
	margin-top: 0px !important;
}


/*-------------------------------------------------------------------------------------------*/
/*Highlighting */
/*-------------------------------------------------------------------------------------------*/
.shorties_highlight{ background-color:#FFFFC7; color:#333333; padding:2px 6px; }
.shorties_highlight_dark { background-color:#333333; color:#EEEEEE; padding:2px 6px; }

/*-------------------------------------------------------------------------------------------*/
/*Columns */
/*-------------------------------------------------------------------------------------------*/
.shorties_one_half{ width:48%; }
.shorties_one_third{ width:30.66%; }
.shorties_two_third{ width:65.33%; }
.shorties_one_fourth{ width:22%; }
.shorties_three_fourth{ width:74%; }
.shorties_one_fifth{ width:16.8%; }
.shorties_two_fifth{ width:37.6%; }
.shorties_three_fifth{ width:58.4%; }
.shorties_four_fifth{ width:67.2%; }
.shorties_one_sixth{ width:13.33%; }
.shorties_five_sixth{ width:82.67%; }
.shorties_one_half,
.shorties_one_third,
.shorties_two_third,
.shorties_three_fourth,
.shorties_one_fourth,
.shorties_one_fifth,
.shorties_two_fifth,
.shorties_three_fifth,
.shorties_four_fifth,
.shorties_one_sixth,
.shorties_five_sixth{ position:relative; margin-right:4%; float:left; }
.shorties_last{ margin-right:0 !important; clear:right; }


/*-------------------------------------------------------------------------------------------*/
/* Misc */
/*-------------------------------------------------------------------------------------------*/
/* Tweetmeme */
.shorties_tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; }
.shorties_tweetmeme.none { margin:0 0 1.5em 0;  }
.shorties_tweetmeme.right { margin:0 0 1.5em 1.5em; float:right;  }

/* Tweetmeme */
.shorties_twitter.left { margin:0 1.5em 1.5em 0; float:left; }
.shorties_twitter.none { margin:0 0 1.5em 0;  }
.shorties_twitter.right { margin:0 0 1.5em 1.5em; float:right;  }

/* Digg */
.shorties_digg.left { margin:0 1.5em 1.5em 0; float:left; }
.shorties_digg.none { margin:0 0 1.5em 0;  }
.shorties_digg.right { margin:0 0 1.5em 1.5em; float:right;  }


.clearboth {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}