/*-----------------------------------------------------------------------------------

TABLE OF CONTENTS:

1. Info Boxes
2. Buttons
3. Columns
4. Tweetmeme
5. Twitter
6. Digg
7. Related Posts
8. Horizontal Rule
9. Quote
10. Icon Links

-----------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 1. Info Boxes */
/*-------------------------------------------------------------------------------------------*/
p.box-sc {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 2px 6px -4px rgba(0, 0, 0, 0.5);
border: 1px solid #CCCCCC;
color: #555555;
margin: 1em 0 1.5em;
padding: 15px 10px 15px 52px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.box-sc.none {border-width:0;}
.box-sc.full {border-width:1px;}
.box-sc.medium {padding:18px 20px 18px 50px; font-size:1.1em;}
.box-sc.large {padding:25px 27px 25px 50px; font-size:1.2em; }
.box-sc.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.box-sc.alert { border-color:#ecbebe; background:#f8d7d7 url(../images/alert.png) no-repeat 10px 50%; }
.box-sc.download { border-color:#d4ebaf; background:#edfcd5 url(../images/download.png) no-repeat 10px 50%; }
.box-sc.tick { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-tick.png) no-repeat 10px 50%; }
.box-sc.info { background:#daecf6; background: rgba(168, 205, 227, 0.4) url(../images/info.png) no-repeat 10px 50%; border-color: #AEC7D6; }
.box-sc.warning { border-color:#efe3ae; background:#fef6d2 url(../images/warning.png) no-repeat 10px 50%; }
.box-sc.normal { border-color:#ccc; background:#eee; padding:9px 15px;}

/*-------------------------------------------------------------------------------------------*/
/* 3. Columns */
/*-------------------------------------------------------------------------------------------*/
.twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.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:54.32%;}
.sixcol-five{width:82.67%;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.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;}


/*-------------------------------------------------------------------------------------------*/
/* 4. Tweetmeme */
/*-------------------------------------------------------------------------------------------*/
.ivor-tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; }
.ivor-tweetmeme.none { margin:0 0 1.5em 0;  }
.ivor-tweetmeme.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 5. Twitter */
/*-------------------------------------------------------------------------------------------*/
.ivor-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; }
.ivor-sc-twitter.none { margin:0 0 1.5em 0;  }
.ivor-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 6. Digg */
/*-------------------------------------------------------------------------------------------*/
.ivor-digg.left { margin:0 1.5em 1.5em 0; float:left; }
.ivor-digg.none { margin:0 0 1.5em 0;  }
.ivor-digg.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 7. Related posts */
/*-------------------------------------------------------------------------------------------*/
.ivor-sc-related-posts .thumbnail { float:left; margin:0 1em 1em 0;}
.ivor-sc-related-posts li { clear:both; }

/*-------------------------------------------------------------------------------------------*/
/* 8. Horizontal Rule */
/*-------------------------------------------------------------------------------------------*/
.ivor-sc-hr { border-bottom:1px solid #e6e6e6; }
.ivor-sc-hr, .ivor-sc-divider { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }
.ivor-sc-divider.flat { padding:0; margin:0; }

/*-------------------------------------------------------------------------------------------*/
/* 9. Quote */
/*-------------------------------------------------------------------------------------------*/

.quote-sc p { margin: 1em 20px; padding: 0 0 0 55px; background: url(../images/quote.png) no-repeat 0 3px; font-family: Georgia, serif; font-size: 1.6em; font-style: italic; color:#777; min-height: 32px; line-height:1.6; }
.quote-sc.left { float:left; width:30%;}
.quote-sc.right { float:right; width:30%;}
.quote-sc.boxed { 
background: #f1f1f1;
	overflow: hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow: 
		inset 0 1px 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 0 rgba(0,0,0,0.3),
		inset 0 -3px 2px rgba(0,0,0,0.1),
		0 0 2px rgba(0,0,0,0.2),
		0 3px 5px rgba(0,0,0,0.15);		
	-moz-box-shadow: 
		inset 0 1px 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 0 rgba(0,0,0,0.3),
		inset 0 -3px 2px rgba(0,0,0,0.1),
		0 0 2px rgba(0,0,0,0.2),
		0 3px 5px rgba(0,0,0,0.15);	
	
	background: #fff;
	background-image: 
		-webkit-gradient(
			linear, 0% 0%, 0% 100%, 
			color-stop(0,rgba(255,255,255,1)),
			color-stop(0.7,rgba(255,255,255,0)), 
			color-stop(0.99,rgba(0,0,0,0.1)),
			color-stop(1,rgba(0,0,0,0.15)));	
	background-image: 
		-moz-linear-gradient(
			center top,
			rgba(255,255,255,1) 0%,
			rgba(255,255,255,0) 70%,
			rgba(0,0,0,0.1) 99%,
			rgba(0,0,0,0.15) 100%
		);
	margin-bottom: 1em;	
	padding: 15px 5px;

}
.quote-sc.boxed.left { margin: 0 1.5em 1em 0;}
.quote-sc.boxed.right { margin: 0 0 1em 1.5em;}

/*-------------------------------------------------------------------------------------------*/
/* 10. Icon Links */
/*-------------------------------------------------------------------------------------------*/
.ivor-sc-ilink { padding:0 0.3em;  }
.ivor-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; }
.ivor-sc-ilink a:hover { text-decoration: none; }
.ivor-sc-ilink .download { background: url(../images/ico-download.png) no-repeat left 40%; }
.ivor-sc-ilink .tick { background: url(../images/ico-tick.png) no-repeat left 40%; }
.ivor-sc-ilink .info { background: url(http://jandmstructural.com/wp-content/themes/americana/functions/images/ico-info.png) no-repeat left 40%; }
.ivor-sc-ilink .note { background: url(../images/ico-note.png) no-repeat left 40%; }


/*-----------------------------------------------------------------------------------*/
/* 11.Toggle
/*-----------------------------------------------------------------------------------*/

.toggle {
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 34%, #F4F4F4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,#FFFFFF), color-stop(100%,#F4F4F4)); /* webkit */
}
.toggle:hover {
background: #f1f1f1; /* old browsers */
background: -moz-linear-gradient(top, #FFFFFF 34%, #f9f9f9 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,#FFFFFF), color-stop(100%,#eee)); /* webkit */
}
.toggle a {
	background: url("../../images/plus.gif") no-repeat 4px 10px;
	border: 1px solid #E3E3E3;
	cursor: pointer;
	display: block;
	font-size: 1.3em;
	margin-bottom: 2px;
	padding: 10px 29px;
	text-decoration: none;
}
.toggle.active a {
	background: url("../../images/minus.gif") no-repeat 4px 10px;
}
.toggle_content {
	background:#fff;
	margin-bottom:5px;
}

.toggle_content .sc-content {
	font-size: 1.3em;
  padding: 15px;
  -moz-box-shadow: 0 2px 0 rgba(127, 127, 127, 0.1);
  -webkit-box-shadow: 0 2px 0 rgba(127, 127, 127, 0.1);
  box-shadow: 0 2px 0 rgba(127, 127, 127, 0.1);
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
overflow:hidden;
}
/*-----------------------------------------------------------------------------------*/
/* Pullquotes
/*-----------------------------------------------------------------------------------*/

.pullquote_right,.pullquote_left{
	padding:20px;
	float:right;
	font-size:14px;
	letter-spacing:0px;
	line-height:25px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:2px;
	margin-top:20px;
	width:33%;
	font-family:Georgia, serif;
	}
.pullquote_left{float:left;margin-left:2px;margin-right:20px;}

/*-----------------------------------------------------------------------------------*/
/* Styled Boxes
/*-----------------------------------------------------------------------------------*/


.styled_box {
padding:15px;
	overflow: hidden;
	-webkit-box-shadow: 
		inset 0 1px 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 0 rgba(0,0,0,0.3),
		inset 0 -3px 2px rgba(0,0,0,0.1),
		0 0 2px rgba(0,0,0,0.2),
		0 3px 5px rgba(0,0,0,0.15);		
	-moz-box-shadow: 
		inset 0 1px 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 0 rgba(0,0,0,0.3),
		inset 0 -3px 2px rgba(0,0,0,0.1),
		0 0 2px rgba(0,0,0,0.2),
		0 3px 5px rgba(0,0,0,0.15);	
	
	background: #fff;
	background-image: 
		-webkit-gradient(
			linear, 0% 0%, 0% 100%, 
			color-stop(0,rgba(255,255,255,1)),
			color-stop(0.7,rgba(255,255,255,0)), 
			color-stop(0.99,rgba(0,0,0,0.1)),
			color-stop(1,rgba(0,0,0,0.15)));	
	background-image: 
		-moz-linear-gradient(
			center top,
			rgba(255,255,255,1) 0%,
			rgba(255,255,255,0) 70%,
			rgba(0,0,0,0.1) 99%,
			rgba(0,0,0,0.15) 100%);
}

.styled_box.rounded {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.styled_box.squared {
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.styled_box p {
margin-bottom:0 !important;
}
div.styled_box h4 {
margin-bottom: 10px !important;
}

/*-----------------------------------------------------------------------------------*/
/* Lists Shortcodes
/*-----------------------------------------------------------------------------------*/

ul.sc_list li {
    list-style: none;
    margin: 0;
    padding-left: 18px;
    margin: 4px 0;
}

ul.sc_list.checklist li {
	background: url(../../images/green_check.png) 0 50% no-repeat;
	  padding-left: 15px;
}

ul.sc_list.star li {
	background: url(../../images/star.png) 0 49% no-repeat;
}

ul.sc_list.red_bullet li {
	background: url(../../images/red_bullet.png) 0 49% no-repeat;
}
ul.sc_list.bullet li {
	background: url(../../images/bullet.png) 0 49% no-repeat;
}

ul.sc_list.blue_arrow li {
	background: url(../../images/blue_arrow.png) 0 49% no-repeat;
}
ul.sc_list.minus li {
	background: url(../../images/minus.png) 0 49% no-repeat;
}
ul.sc_list.plus li {
	background: url(../../images/plus.png) 0 49% no-repeat;
}
ul.sc_list.gear li {
	background: url(../../images/gear.png) 0 49% no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/* Fancy Buttons
/*-----------------------------------------------------------------------------------*/
 
.button {
    background: #222 url(../../images/overlay-button.png) repeat-x 0 0;
    display: inline-block;
    padding: 5px 15px 6px;
    color: #fff !important;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    overflow: visible;
    width: auto;
}
.button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.button:hover {
    background-color: #111;
    color: #fff;
    text-decoration: none !important;
}
.button:active {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
}
.small.button { font-size: 11px }
.large.button {
    font-size: 14px;
    padding: 8px 19px 9px;
}
.green.button { background-color: #91bd09 }
.green.button:hover { background-color: #749a02 }
.blue.button { background-color: #2daebf }
.blue.button:hover { background-color: #007d9a }
.red.button { background-color: #e33100 }
.red.button:hover { background-color: #872300 }
.magenta.button { background-color: #a9014b }
.magenta.button:hover { background-color: #630030 }
.orange.button { background-color: #ff5c00 }
.orange.button:hover { background-color: #d45500 }
.orangellow.button { background-color: #ffb515 }
.orangellow.button:hover { background-color: #fc9200 }
.white.button {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666 !important;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255,255,255,1);
}
.white.button:hover { background-color: #eee }
.secondary.button {
    background: #fff url(../../images/36px-black.png) repeat-x 0 0;
    color: #555 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
    border: 1px solid #bbb;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.secondary.button:hover {
    background-color: #eee;
    color: #444 !important;
    border-color: #999;
}
.super.button {
    background-image: url(../../images/super-button-overlay.png) !important;
    font-size: 13px;
    padding: 0;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.super.button span {
    display: block;
    padding: 4px 15px 6px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-top: 1px solid rgba(255,255,255,.2);
    line-height: 1;
}
.small.super.button {
    font-size: 11px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
.small.super.button span {
    padding: 2px 12px 6px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
}
.small.white.super.button span { padding: 3px 12px 5px }
.large.super.button {
    background-position: left bottom;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
}
.large.super.button span {
    font-size: 14px;
    padding: 7px 20px 9px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
}
/*-----------------------------------------------------------------------------------*/
/* MP3 player
/*-----------------------------------------------------------------------------------*/

.mp3player {
	  margin: 10px 10px 10px 0;
}
.tabbed.sc {
	margin-bottom: 20px;
}