/*
Theme Name: TSP Theme
Theme URI: http://thesoundpalace.com/
Description: Custome theme for TSP. 
Author: Eli Aguilar
Author URI: http://eliaguilar.com
Version: 1.0
*/



/* MENU STYLING */

body{
	margin:0;
	background:url(images/bg.png);
}

a, a img{ outline:none; }
a img{ border:none;}
a#TB_closeWindowButton{text-decoation:none; border:none;}
#TB_window{color:#fff;}

#wraper{
	margin:0 auto;
	display:block;
	position:relative;
	background:url(images/wraper-bg.jpg) top center repeat-x;
	overflow:visible;
}

#header{
	width:1020px;
	margin:0 auto;
	position:relative;
}

#footer{
	 background:url(images/footer-bg.jpg) top center repeat-x;
	 display:block;
	 height:369px;
	 position:relative;
	 overflow:visible;
}

.inner-footer{width:980px; display:block; position:relative; padding-top:15px; margin:0 auto;}

#center{
	width:1024px;
	overflow:visible !important;
	position:relative;
	margin:15px auto 0 auto;
	padding-bottom:45px;
	background:url(images/content-bg.jpg) bottom center no-repeat;
}

	#content-bg-effect{
		display:block;
		with:700px; height:249px;
		position:absolute;
}

.left, #block-img-list{float:left;}
.right, #block-content-list{float:right;}
#column{width:385px;}
#sidebar{width:340px; text-align:left;}
.block{
	width:520px;
	min-height:110px;
	border:1px solid #59171c;
	background:url(images/block-bg.png);
	padding:5px 20px;
	margin-bottom:25px;
	position:relative;
}
.block-space{padding-bottom: 15px; padding-top: 15px;}
#block-list{padding:15px 0;}
#block-content-list{width:370px;}
.page, .post-list, .post{width:567px; position:relative;}

#clear{clear:both;}

#home-block-content{
	overflow:hidden;
	margin-bottom:22px;
}


/********************
TEXT STYLES
********************/
h1.logo{ margin:0 }

h1.logo a{
	width:434px;
	height:143px;
	display:block;
	background:url(images/img-tsp-sprite.png) top left no-repeat; /* SPRINTE */
	text-indent:-9999px;
}



#center p,#center li{
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height:25px;
}

#center p{padding:0 0 5px 0; margin:0 0 5px 0; line-height:20px;}

#column p{padding:0 0 15px 0; font-size:14px;}

.block h2, .feature-block h2 a, .post-list-title{color:#ad2a02; text-transform:uppercase; font-size:20px; font-weight:normal; margin:0; text-decoration:none; line-height:19px;}

.font-style h2{font-family: "Century Gothic", Century Gothic, Arial, Helvetica, sans-serif;}

.sidebar-block h1{
	color:#ad2a02;
	font-family:"Century Gothic", Century Gothic, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	text-align:right;
	text-transform:uppercase;
	margin-top:0;
	text-shadow:0 2px 4px #000;
	padding-right:18px;
}

a.feature-post-baner{
	display:block;
	position:absolute;
	top:-8px; right:-6px;
	text-indent:-9999px;
	background:transparent url(images/img-tsp-sprite.png) 0 -486px no-repeat; /* SPRITE */
	width:96px;
	height:	100px;
}

/*LINKS*/
.block p a, .page p a, .page a, .post p a,
.menu-view-all-images-container a{ 
	color:#f97302; 
	text-decoration:none; 
	display:inline-block; 
	padding:1px; line-height:normal;
}
.block p a:hover, 
.page p a:hover,
.post p a:hover, 
.menu-view-all-images-container a:hover{
	border-bottom:1px dashed #f97302
}
.more-link{ 
	font-family:Arial, Helvetica, sans-serif; 
	color:#fff; text-decoration:none;
	text-transform:lowercase;
	font-size:11px; 
	position:absolute;
	right:15px; top:15px;
}

.more-link:hover{ text-decoration:underline;}


/*CONTACT BTN*/
#contact-btn{ margin:0;}
#contact-btn a{
	display:block;
	width:419px;
	height:120px;
	background:url(images/img-tsp-sprite.png) 0 -185px no-repeat; /* SPRITE */
	text-indent:-9999px;
	margin-left:-10px;
}

#contact-btn a:hover{background:url(images/img-tsp-sprite.png) 0 -305px no-repeat;} /* SPRTIE */


/********************
POST STYLING
********************/
.feature-block h2{ margin:0 0 10px 0; padding:1px;}
.feature-block h2 a:hover{ color:#f97302; text-decoration:none;}
.post .post-title{ 
	font-size:24px;
	color:#fff; /*f97302 ORANGE */
	font-weight:normal;
	margin:0 0 0 15px; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

.post .wp-post-image{
	border:8px solid #2e0305;
	float: right;
	margin:0 0 15px 15px;
}

#post-info{
	display:block;
	clear:both;
	margin-left:15px;
	margin-bottom:24px;
	border:1px solid #59171c;
	background:url(images/block-bg.png);
}

#post-info p{ 
	margin:0; 
	padding:2px 5px 4px 8px; 
	color:#91160f;
	font-size:14px;
	font-style:italic;
	font-family:"Trebuchet MS", Trebuchet MS, Verdana, san-serif;
}

#post-info p span{color:#fff; display:inline-block; padding:0 2px;}

.page h2, .page h1{ 
	color:#ad2a02;
	font-family:"Century Gothic", Century Gothic, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:0; padding-bottom: 10px;
	border-bottom:1px solid #59171c;
	text-shadow:0 2px 4px #000;
}

.page h3, .page h4, .page h5,
.post h2, .post h3, .post h4, .post h5{
	color:#fff;
	font-family:"Trebuchet MS", Trebuchet MS, Verdana, san-serif;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	margin:15px 0 5px 0;
	padding-bottom:5px;
}
#block-content-list h2{ color:#fff; font-weight:bold; margin:0 0 5px 0; font-size:14px;}
.page ul#sub-links li{list-style:none;}

.page ul#sub-links li a{
	display:block;
	padding:10px 15px;
	color:#fff;
	border:1px solid #59171c;
	background:url(images/block-bg.png);
	margin-top:10px;
	text-decoration:none;
	font-size:18px;
}

.page ul#sub-links li a:hover{background:#59171c; color:#f97302}

/********************
HEADER STYLES
********************/

#img-banner{
	width:1020px;
	margin:0 auto;
	height:350px;
	background:url(images/banner-bg.png) top center no-repeat;
	text-align:center;
	padding-top:8px;
}

#img-banner-caption{
	background:url(images/img-tsp-sprite.png) 0 -431px no-repeat; /* SPRITE */
	width:261px;
	height:52px;
	position:absolute;
	right:8px;
	bottom:62px;
	text-indent:-9999px;
}
 
 
/********************
IMAGE STYLES
********************/

/*FATRURED IMAGE*/ .block a img{ background:url(images/featured-img-bg.png); padding:11px;}
/*BLOCK ICONS*/ .block h2 img{ margin-right:10px;}
/*MINI GAL*/ .mini-gal{}
/*SLOGAN*/ h1#slogan{ 
	display:block; 
	width:380px; 
	height:191px; 
	background:transparent url(images/slogan.png) 0 0 no-repeat; 
	text-indent: -9999px; 
	margin-bottom:34px; 
	margin-top:0;
}

.ngg-galleryoverview .ngg-gallery-thumbnail img{
	background-color: #4c2428;
	border:none;
    display: block;
    margin: 4px 0 4px 5px;
    padding: 5px;
    position: relative;
}

.ngg-galleryoverview .ngg-gallery-thumbnail img:hover,
#sidebar .ngg-widget img:hover{ background-color:#ad2a02;}

#sidebar .ngg-widget img{
	background-color: #4c2428;
	border:none;
    margin: 4px 0 4px 5px;
    padding: 5px;
}

.block .ngg-widget a img{border:none; padding:5px; margin-right:10px;}
.block .ngg-widget a img:hover{background:#ad2a02;}


/********************
FOOTER
********************/

#footer-block-left{
	width:400px; float:left;
	padding-top:30px;
}

#footer-block-righ{
	width:499px; float:right;
	padding-top:30px;
	padding-left:25px;
	background:url(images/footer-border.png) top left repeat-y;
}

#footer-block-left p{
	color:#9f3434;
	font-size:12px !important;
	font-family:Arial, Helvetica, sans-serif;
}
#footer-block-righ p{
	color:#b84747;
	font-size:16px !important;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:25px;
}

#footer-block-righ p span{color:#7d1313;}


/*******************
NAV/FOOTER NAV CSS
*******************/
#nav li.no-bg-border{background:none;}
#nav-container{
	position:absolute;
	top:50px;
	right:25px;
	z-index: 1000;
}
#nav{
	height:54px;
	background:url(images/menu-center-bg.png) top left repeat-x;
	position:relative;
}
#nav-left{
	width:27px; 
	height:54px; 
	background:url(images/img-tsp-sprite.png) 0 -595px no-repeat; /* SPRITE */
	position:absolute;
	top:0;
	left:0;
	margin-left:-27px;
}
#nav-right{
	width:27px; 
	height:54px; 
	background:url(images/img-tsp-sprite.png) -40px -595px no-repeat; /* SPRITE */
	position:absolute;
	top:0;
	right:0;
	margin-right:-27px;
}
#nav ul {
	margin: 0;
	padding: 10px 0 0 0;
	height: 1em;
}
#nav li {
	list-style: none;
	float: left;
	background:url(images/menu-link-divider.png) center right no-repeat;
}
#nav li a {
	font-family:Century Gothic, "Century Gothic", arial, sans-serif /* TEMP */;
	text-transform:uppercase;
	text-decoration:none;
	color:#f2dcc0;
	font-size:16px;
	font-weight:normal;
	display:block;
	height:19px;
	padding:5px 10px 10px 5px;
	margin-right:5px;
}
#nav li a:hover, #nav li ul li a:hover{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#000;
	background-color:#000;
}
#nav li ul {
	display: none; 
	width: 180px; /* Width to help Opera out */
	background-color: none;
}
#nav li ul li{ background: url(images/blank.jpg);}
#nav li:hover ul, #nav li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 5px 0 0 0;
}
#nav li:hover li, #nav li.hover li {
	float: none;
}
#nav li:hover li a, #nav li.hover li a {
	color: #fff;
	background: none;
	padding-left:10px;
}
#footer-nav ul{
	margin:0; 
	padding:0;  
	list-style:none; 
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer-nav ul li{
	float:left;
	font-size:16px;
}
#footer-nav ul li ul li{
	display:block;
	float:none;
	font-size:14px;
	padding:5px 0;
	margin-left:5px;
}
#footer-nav li a{
	text-decoration:none;
	color:#b84747;
	padding:6px 10px;
}
	#footer-nav li ul li a{color:#9f3434;}
#footer-nav li a:hover{ color:#fff; }

/*******************
FEATURED CLIENTS BLOCK
********************/
.wp-caption{
	padding:10px;
	background:url(images/block-bg.png);
	border:1px solid #59171c;
	float:left;
	margin:0 25px 25px 0;
	min-height:220px;
}
.wp-caption img{ background:url(images/featured-img-bg.png); padding:5px;}
#center .wp-caption p{ padding:8px 0 0 0; margin:0; line-height:14px; font-size:12px;}


/*******************
View All Links
********************/
.menu-view-all-images-container ul{ list-style:none; margin:0; padding:0;}
.menu-view-all-images-container li{ list-style:none; margin:0; text-align:right; padding-right:10px}


/*******************
FACEBOOK - Assets
********************/
.al2fb_like_button{padding-bottom:18px}
.page-list .al2fb_like_button{display:none;}



/*******************
JotForm CSS
********************/
.form-label-left{background:#000; padding:8px; margin-right:15px;}
.form-label-left, .form-radio-item{color:#fff}
.form-all{background:none;}
.form-line-active{background:none;}
.form-line-error label{color:#3A0203;}
.form-submit-button,.form-submit-reset{background:#ff8106; border:2px solid #fc5f00; color: #B82700;text-shadow: 0 1px 0 #FEBB65; cursor:pointer; }
.form-submit-button:hover,.form-submit-reset:hover{background:#fca856}
.form-textbox, .form-textarea, .form-dropdown{border-color:#fff;}
#recaptcha_response_field{padding:5px;}
.form-buttons-wrapper{margin-left:182px;}
.form-input-wide{margin-left: 26px;
}