/************************************************************************************
BUTTONS
*************************************************************************************/
a.button {
	background-image: url(images/shortcodes/buttons/button_white.png);
	border: 1px solid #d3d3d3;
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	font-size: 12px;
	line-height: 12px;
	padding: 8px 20px 0 20px;
	min-width:45px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}

a.button.large {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}

a:hover.button { background-position: 0 -28px; text-decoration:none; }
a:hover.button.large { background-position: 0 -35px; text-decoration:none; }

a.button.white {
	background-image: url(images/shortcodes/buttons/button_white.png);
	border: 1px solid #d3d3d3;
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}

a.button.large.white { background-image: url(images/shortcodes/buttons/button_white_large.png); }
a:hover.button.white { border: 1px solid #c4c4c4; }

a.button.grey {
	background-image: url(images/shortcodes/buttons/button_grey.png);
	border: 1px solid #b5b5b5;
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.grey { background-image: url(images/shortcodes/buttons/button_grey_large.png); }
a:hover.button.grey { border: 1px solid #989898; }

a.button.red {
	background-image: url(images/shortcodes/buttons/button_red.png);
	border: 1px solid #df6f8b;
	color: #913944 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.3);
}

a.button.large.red { background-image: url(images/shortcodes/buttons/button_red_large.png); }
a:hover.button.red { border: 1px solid #c36079; }


#callout a.button.orange {
	background-image: url(images/callout_button_bg.png);
	color: #835503 !important;
	text-shadow: 0 1px 1px rgba(255,255,255,0.6);
	border: 1px solid #dab347;
}

#callout a.button.large.orange { background-image: url(images/callout_button_bg.png); }

a.button.orange {
	background-image: url(images/shortcodes/buttons/button_orange.png);
	color: #835503 !important;
	text-shadow: 0 1px 1px rgba(255,255,255,0.6);
	border: 1px solid #dab347;
}

a.button.large.orange { background-image: url(images/shortcodes/buttons/button_orange_large.png); }

a:hover.button.orange { border: 1px solid #dab347; }

a.button.green {
	background-image: url(images/shortcodes/buttons/button_green.png);
	border: 1px solid #adc671;
	color: #5d7731 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.green { background-image: url(images/shortcodes/buttons/button_green_large.png); }
a:hover.button.green { border: 1px solid #8bb14d; }

a.button.teal {
	background-image: url(images/shortcodes/buttons/button_teal.png);
	border: 1px solid #90c6c8;
	color: #437b7d !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.teal { background-image: url(images/shortcodes/buttons/button_teal_large.png); }
a:hover.button.teal { border: 1px solid #7db9bb; }

a.button.blue {
	background-image: url(images/shortcodes/buttons/button_blue.png);
	border: 1px solid #8dc5da;
	color: #42788e !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.blue { background-image: url(images/shortcodes/buttons/button_blue_large.png); }
a:hover.button.blue { border: 1px solid #7caec0; }

a.button.navy {
	background-image: url(images/shortcodes/buttons/button_navy.png);
	border: 1px solid #a2afb8;
	color: #515f6a !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.navy { background-image: url(images/shortcodes/buttons/button_navy_large.png); }
a:hover.button.navy { border: 1px solid #8996a0; }

a.button.pink {
	background-image: url(images/shortcodes/buttons/button_pink.png);
	border: 1px solid #bc9db9;
	color: #7b5777 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.purple { background-image: url(images/shortcodes/buttons/button_purple_large.png); }
a:hover.button.purple { border: 1px solid #a482a0; }

a.button.black {
	background-image: url(images/shortcodes/buttons/button_black.png);
	border: 1px solid #4c4c4c;
	color: #ffffff !important;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}

a.button.large.black { background-image: url(images/shortcodes/buttons/button_black_large.png); }
a:hover.button.black { border: 1px solid #2c2c2c; }

/* Alerts ------------------------------*/

.shortcode.box {
    padding: 12px 5% 12px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px 0;
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}

.shortcode.box.white {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}

.shortcode.box.red {
    background: #FFD7D8;
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.shortcode.box.orange {
    background: #FFCBA8;
    border-top: 1px solid #efd1b1;
    border-bottom: 1px solid #efd1b1;
    color: #cc6600;
}

.shortcode.box.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}
/************************************************************************************
HR
*************************************************************************************/
hr {
	height: 10px;
	border: none;
	margin-top:10px;
	border-top: solid 1px #ccc;
	clear: both;
}
hr.red {
	border-color: #F30;
}
hr.blue {
	border-color: #69F;
}
hr.pink {
	border-color: #F9C;
}
hr.light-gray {
	border-color: #ddd;
}
hr.dark-gray {
	border-color: #999;
}
hr.black {
	border-color: #000;
}
hr.yellow {
	border-color: #FF0;
}
hr.orange {
	border-color: #F90;
}
hr.white {
	border-color: #fff;
}

/************************************************************************************
GRID
*************************************************************************************/
.col,
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
	float: left;
}
.col4-1 {
	width: 25%;
}
.col4-2, 
.col2-1 {
	width: 50%;
}
.col4-3 {
	width: 75%;
}
.col3-1 {
	width: 33%;
}
.col3-2 {
	width: 66%;
}
.sidebar1 .col.first,
.sidebar1 .col4-1.first,
.sidebar1 .col4-2.first,
.sidebar1 .col4-3.first,
.sidebar1 .col3-1.first,
.sidebar1 .col3-2.first,
.sidebar1 .col2-1.first
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first {
	margin-left: 0;
	clear: left;
}

/************************************************************************************
QUOTE
*************************************************************************************/
.shortcode.quote {
	background: url(../img/shortcodes/quote.png) no-repeat 1px 2px;
	padding: 0 5px 0 26px;
	margin: 0 0 30px;
}

/* box icon */
.shortcode.box.announcement {
	background-image: url(../img/shortcodes/annoucement.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.comment {
	background-image: url(../img/shortcodes/comment.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.question {
	background-image: url(../img/shortcodes/question.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.upload {
	background-image: url(../img/shortcodes/upload.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.download {
	background-image: url(../img/shortcodes/download.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.highlight {
	background-image: url(../img/shortcodes/highlight.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.map {
	background-image: url(../img/shortcodes/map.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.warning {
	background-image: url(../img/shortcodes/warning.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.info {
	background-image: url(../img/shortcodes/info.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.note {
	background-image: url(../img/shortcodes/note.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}
.shortcode.box.contact {
	background-image: url(../img/shortcodes/contact.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding-left: 70px;
	min-height: 55px;
}

/* box heading */
.shortcode.box h1, 
.shortcode.box h2, 
.shortcode.box h3, 
.shortcode.box h4, 
.shortcode.box h5, 
.shortcode.box h6 {
	margin: 2px 0 3px;
}

/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.shortcode.author-box {
	background: #f6f6f6;
	border: solid 1px #ddd;
	padding: 10px 15px;
	margin: 15px 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}
.shortcode.author-box .author-avatar {
	float: left;
	margin: 0 15px 5px 0;
}
.shortcode.author-box .author-avatar img {
	padding: 4px;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.shortcode.author-box .author-name {
	margin: 2px 0 5px;
}
.shortcode.author-box .author-bio {
	overflow: hidden;
}

/* author box color */
.shortcode.author-box.blue {
	background: #3cafff;
	border-color: #2786cf;
	color: #fff !important;
}
.shortcode.author-box.green {
	background: #78ac3e;
	border-color: #5e8127;
	color: #fff !important;
}
.shortcode.author-box.red {
	background: #ed1c24;
	border-color: #b81e14;
	color: #fff !important;
}
.shortcode.author-box.purple {
	background: #722ea4;
	border-color: #471e72;
	color: #fff !important;
}
.shortcode.author-box.yellow {
	background: #fff200;
	border-color: #ffd200;
}
.shortcode.author-box.orange {
	background: #f7941d;
	border-color: #c56102;
	color: #fff !important;
}
.shortcode.author-box.light-yellow {
	background: #fffcd3;
	border-color: #dedba3;
}
.shortcode.author-box.light-blue {
	background: #d9f4fe;
	border-color: #a4cfe0;
}
.shortcode.author-box.lavender {
	background: #f2e6fe;
	border-color: #d1bae9;
}
.shortcode.author-box.pink {
	background: #ffe6f1;
	border-color: #f0b6cf;
}
.shortcode.author-box.light-green {
	background: #edf6df;
	border-color: #b8cd97;
}
.shortcode.author-box.gray {
	background: #9e9e9e;
	border-color: #858585;
	color: #fff !important;
}
.shortcode.author-box.black {
	background: #111;
	border-color: #000;
	color: #fff !important;
}

/* author box link */
.shortcode.author-box.purple a,
.shortcode.author-box.orange a,
.shortcode.author-box.green a,
.shortcode.author-box.blue a,
.shortcode.author-box.black a,
.shortcode.author-box.gray a,
.shortcode.author-box.red a {
	color: #fffabb !important;
}

/* author box rounded */
.shortcode.author-box.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* author box shadow */
.shortcode.author-box.shadow {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/************************************************************************************
FLICKR
*************************************************************************************/
.shortcode .flickr_badge_image {
	margin: 10px 0;
}
.shortcode .flickr_badge_image img {
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
MAP
*************************************************************************************/
.shortcode.map .map-container {
	margin:0 15px 15px 0;
	border: solid 1px #ccc;
}
.map img { 
	max-width: none !important; 
}

/************************************************************************************
LIST POSTS
*************************************************************************************/

/* base post */
.shortcode .post {
	margin-bottom: 30px;
	padding: 0 !important;
	background: none !important;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* base post image */
.shortcode .post-image {
	margin: 0 0 7px;
}

/* base post title */
.shortcode .post-title {
	font-size: 150%;
	margin: 0 0 3px;
	padding: 0 !important;
	width: auto !important;
	background: none !important;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.col4-1 .shortcode .post-title {
	font-size: 115%;
}
.col3-1 .shortcode .post-title {
	font-size: 130%;
}
.col2-1 .shortcode .post-title,
.col4-2 .shortcode .post-title {
	font-size: 145%;
}

/* base post date */
.shortcode .post-date {
	position: static;
	padding: 0;
	color: inherit;
	font-size: 100%;
	width: auto;
	float: none;
	display: block;
	margin: 2px 0;
	text-align: left;
	background: none;
	filter: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* base post meta */
.shortcode .post-meta {
	font-size: 85%;
	line-height: 220%;
	margin: 0 0 10px;
	padding: 0;
	border: none;
	background: none;
	text-align: left;
}
.shortcode .post-meta span {
	position: static;
	display: inline;
	margin: 0 7px 0 0;
	padding: 0;
	width: auto;
	border: none;
	line-height: normal;
	font-weight: normal;
	font-size: 100%;
	float: none;
	text-align: left;
}
.shortcode .post-meta a {
	position: static !important;
	display: inline !important;
}
.shortcode .post-meta .post-author {
	background: url(../img/shortcodes/post-author.png) no-repeat 0 2px;
	padding: 2px 0 2px 16px;
}
.shortcode .post-meta .post-category {
	background: url(../img/shortcodes/post-category.png) no-repeat 0 2px;
	padding: 2px 0 2px 16px;
}
.shortcode .post-meta .post-tag {
	background: url(../img/shortcodes/post-tag.png) no-repeat 0 3px;
	padding: 2px 0 2px 16px;
}
.shortcode .post-meta .post-comment {
	background: none;
}
.shortcode .post-meta .post-comment a {
	background: url(../img/shortcodes/post-comment.png) no-repeat 0 2px;
	padding: 2px 0 2px 16px;
	width: auto;
	height: auto;
	font-size: 100%;
	text-shadow: none;
	text-align: left;
}

/* post layout styles */
/* grid4 post */
.shortcode.grid4 .post {
	width: 23%;
	margin-left: 2.5%;
	float: left;
}

/* grid3 post */
.shortcode.grid3 .post {
	width: 30%;
	margin-left: 3.5%;
	float: left;
}

/* grid2 post */
.shortcode.grid2 .post {
	width: 48%;
	margin-left: 3.75%;
	float: left;
}

/* grid2-thumb post */
.shortcode.grid2-thumb .post {
	width: 48%;
	margin-left: 4%;
	float: left;
}
.shortcode.grid2-thumb .post-image {
	float: left;
	margin: 5px 14px 10px 0;
}
.shortcode.grid2-thumb .post-content {
	overflow: hidden;
}

/* list thumb post */
.shortcode.list-thumb-image .post-image {
	float: left;
	margin: 7px 16px 10px 0;
}
.shortcode.list-thumb-image .post-content {
	overflow: hidden;
}

/* list large image */
.shortcode.list-large-image .post-image {
	float: left;
	margin: 7px 22px 10px 0;
}
.shortcode.list-large-image .post-content {
	overflow: hidden;
}

/************************************************************************************
SLIDER
*************************************************************************************/
.shortcode.slider, 
.shortcode.post-slider {
	margin: 0 0 30px;
}
.shortcode.slider .post, 
.shortcode.post-slider .post {
	margin: 0;
}

/* base slides */
.shortcode .slides {
	margin: 0;
	padding: 0;
	height: auto !important;
}
.shortcode .slides li {
	list-style: none;
	margin: 0;
	padding: 0 0 0;
	width: 100px;
	height: auto !important;
	float: left;
}
.shortcode .slides .post {
	padding-right: 10px;
}

/* jcarousel clip container */
.shortcode .jcarousel-clip {
	margin-left: 38px;
	margin-right: 34px;
	overflow: hidden;
}

/* slides base h1,h2,h3,h4,h5,h6 */
.shortcode .slides h1,
.shortcode .slides h2,
.shortcode .slides h3,
.shortcode .slides h4,
.shortcode .slides h5,
.shortcode .slides h6 {
	margin: 0 0 5px;
}

/* slides post image */
.shortcode .slides .post-image {
	margin: 0 0 5px;
}

/* slides post title */
.shortcode .slides .post-title {
	padding-right: 10px;
	margin: 0 0 5px;
	font-size: 140%;
}

/* slides post content */
.shortcode .slides .post-content {
	padding-right: 11px;
	font-size: 95%;
}

/* slider-nav */
.shortcode .slider-nav {
	text-align: center;
	margin: 15px auto 10px;
	border: none;
}
.shortcode .jcarousel-prev,
.shortcode .jcarousel-next {
	font: 14px/100% Arial, Helvetica, sans-serif;
	width: 24px;
	height: 20px;
	line-height: 100%;
	text-decoration: none;
	text-align: center;
	margin: 0 3px;
	padding: 4px 0 0;
	display: block;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	color: #666;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	border: solid 1px #ccc;
	background: #e9e9e9;
	background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#dbdbdb 100%);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.4);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,.4);
}
.shortcode .jcarousel-prev:hover,.shortcode .jcarousel-next:hover {
	background: #f4f4f4;
}
/* jcarousel nav position */
.shortcode .jcarousel-prev,
.shortcode .jcarousel-next {
	display: block;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.shortcode .jcarousel-prev {
	left: 0px;
}
.shortcode .jcarousel-next {
	right: 0px;
}
/* jcarousel nav disabled */
.shortcode .jcarousel-prev-disabled,
.shortcode .jcarousel-next-disabled {
	opacity: 6; 
	cursor: auto;
}