/*
Theme Name: Chapelco
Theme URI: http://www.rockettheme.com
Description: RocketTheme Chapelco Theme for Wordpress
Version: 1.0
Author: RocketTheme, LLC
Author URI: http://www.rockettheme.com
*/

.ban02{
width: 54px;
height: 24px;
border-radius: 3px;
}

.pht{
width: 80px;
height: 30px;
border-radius: 7px;
border-style:outset;
border-width: 3px;
border-color: #e5e4e2;
}

.drop-shadow
{
    position: relative;
    float: left;
    padding: 0.05em;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before, .drop-shadow:after
{
    content: "";
    position: absolute;
    z-index: -2;
}
.drop-shadow:before
{
    width: 24px;
    height: 46%;
    top: 0;
    right: -10px;
    display: inline-block;
    -webkit-box-shadow: 10px -10px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px -10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 10px -10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
    -moz-transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
    -o-transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
    transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
}
.drop-shadow:after
{
    display: inline-block;
    height: 46%;
    left: -10px;
    top: 0;
    width: 24px;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(2deg) translate(20px,25px) skew(6deg);
    -moz-transform: rotate(2deg) translate(20px,25px) skew(6deg);
    -o-transform: rotate(2deg) translate(20px,25px) skew(6deg);
    transform: rotate(2deg) translate(20px,25px) skew(6deg);
}
.bottom-right-shadow
{
    content: '';
    width: 24px;
    height: 46%;
    bottom: 0;
    right: -10px;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
    -moz-transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
    -o-transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
    transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
}
.bottom-left-shadow
{
    content: '';
    width: 24px;
    height: 46%;
    bottom: 0;
    left: -10px;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
    -moz-transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
    -o-transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
    transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
}

.banner {
	border: 3px ridge silver;
}


.gl2 {
	padding: 6px;
	
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
	background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.aluminium {
	padding: 5px;
	
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.25, #aaa), to(#8a8a8a));
	background: -moz-linear-gradient(top, #ddd, #aaa 25%, #8a8a8a);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid #666;
	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.transparent {
	padding: 5px;
	
	background: #555;
	background: rgba(0,0,0,.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid rgba(0,0,0,0.3);
	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.red {
	background: #ff5555;
	background: rgba(255,0,0,.4);
}
.yellow {
	background: #ffff55;
	background: rgba(255,255,0,.4);	
}
.green {
	background: #55ff55;
	background: rgba(0,255,0,.4);	
}
.bl74 {
	background: #5555ff;
	background: rgba(0,0,255,.4);
}