/*

Theme Name: Sonflowerz Custom WP Theme

Theme URI: http://cacpro.com

Description:

Version: 1.0

Author: CROSSANDCROWN

Author URI: http://cacpro.com

*/





/* SETUPS

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

#splash {

	background:url(images/splash-new.jpg) no-repeat top center;

	width:100%;

	height:1000px;

	position:relative;

}



#splashcontainer {

	width: 902px;
	margin: 0px auto;
        position:relative;
}

#splashcontainer h2 {
    color: white;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 43px;
    font-weight: 100;
    line-height: 43px;
    padding: 70px 0 0;
    text-align: center;
}
#splashcontainer h2 span {
    color: #AC8350;
    display: block;
    font-size: 33px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#splashcontainer h2 span span {
	display:inline;
	color:#2d2d2d;
}


#splashcontainer a.enter-site {
    background: url("images/the-sonflowerz.png") no-repeat scroll left top transparent;
		margin-top:80px;
}
#splashcontainer a.enter-site span {
    color: #AC8350;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 33px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 82px 0 0 200px;
}

#splashcontainer .the-cd {
    height: 314px;
    padding: 40px 0 0 0;
    text-align: left;
}
#splashcontainer .the-cd .video {
	float:right;
	margin-top:10px;
}


#splash a {

	display:block;

	width:100%;

}



#splash a.store {

	display:block;

	width:200px;

	position: absolute;

	height:100px;

	right:150px; 

        top:350px;

	z-index:10;

}





html {
	/*background:url(images/bg-main.jpg);*/
}



body {

	/*background:url(images/sonflowerz-blog.jpg) top center no-repeat!important;*/
	background-image:url(images/bg-feature.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	color: #000000;

	font: 12px "Helvetica Neue Condensed", Helvetica, Arial;

	text-align: center;

}
body.becca {
	background-image:url(images/bg-feature-becca.jpg);
}
body.elissa {
	background-image:url(../images/bg-feature-elissa.jpg);
}

body.home {
	/*background:url(images/body-new.jpg)!important;
	min-width:1400px;*/
}



/* container  */

.container {

	width: 900px;

	margin: 0 auto;

	text-align: left;

	position: relative;

}



/* for clearing any floats <br class="clear" /> or <div class="clear"></div> */

.clear {

	clear:both;

	font-size: 1px;

	height:0;

	line-height: 0px;

}



/* Wordpress CSS classes */

.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.wp-caption {

	background-color: #f3f3f3;

	border: 1px solid #ddd;

	-khtml-border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px; /* optional rounded corners for browsers that support it */

	margin: 10px;

	padding-top: 4px;

	text-align: center;

}



.wp-caption img {

	border: 0 none;

	margin: 0;

	padding: 0;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}







/* TYPE SETUPS

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

a, a:visited {

	color:#666;

	text-decoration:none;

}

a:hover {
}

.yellow {
	color:#EAC46B;
}


#feed-nav a.pink {

	color:#af205d;

}



#feed-nav a:hover {

	color:gray;

}



h2 {

	font-family: nimbus-sans-condensed;

}



h3 {

	font-size:19px;

}



.section-header h2, #feed-nav a, .widget h2 {
    color: #484849;
    display: inline-block;
    font-family: nimbus-sans-condensed;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 4px;
    text-transform: uppercase;
}



#feed-nav a {

	font-size:20px;

	position:relative;

	top:2px;

}


#feed-nav {
    font-size: 18px;
    line-height: 20px;
}

.section-header em {
    color: #484849;
    font: italic bold 15px Georgia,"Times New Roman",Times,serif;
}

.light-pink {

	color:#a39098;

}



.pink {

	color:#af205d;

}



/* HEADER

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



#header {

	/*background:url(images/bg-header.jpg);*/

	height:75px;

}

#header > .container {
    background: url("images/nav.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    height: 75px;
}

#social {
    float: right;
    padding: 20px 18px 0 0;
}

#social a {
    background: url("images/social-bar-2013.png") no-repeat left top;
    display: block;
    float: left;
    height: 42px;
    margin: 0 0 0 10px;
    padding: 0;
    width: 42px;
}
#social a.facebook {
}
#social a.facebook:hover {
	background-position:0 -43px;
}
#social a.twitter {
	background-position: -56px -0px;
}
#social a.twitter:hover {
	background-position: -56px -43px;
}
#social a.instagram {
	background-position: -114px 0px;
}
#social a.instagram:hover {
	background-position: -114px -43px;
}
#social a.pinterest {
	background-position: -120px 0px;
}
#social a.pinterest:hover {
	background-position: -120px -43px;
}

#social a.youtube {
    background-position: -170px 0;
}
#social a.youtube:hover {
	background-position: -170px -43px;
}

#social a.google {
	background-position: -200px 0px;
}
#social a.google:hover {
	background-position: -200px -37px;
}



#twitter {

	/*background:url(images/bg-twitter.png);

	width:329px;*/

	height:304px;

	float:left;
	
	padding-top:18px;

}
#twitter .widget {
    background: url("images/bg-twitter.png") no-repeat scroll left top transparent;
    height: 102px;
    margin: 130px 0 0 54px;
    width: 392px;
}

.beautiful-miracle {
	padding-left:60px;
}
.beautiful-miracle img {
	float:left;
}
.beautiful-miracle h3 {
    color: #FFFFFF;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 26px;
    font-weight: normal;
    max-width: 170px;
    padding-top: 16px;
    text-align: center;
    text-shadow: 0 1px 3px #000000;
    text-transform: uppercase;
}
.beautiful-miracle h3 span {
    color: #AC8350;
    display: block;
    font-size: 19px;
    font-style: italic;
    padding-top: 10px;
    text-transform: none;
}


#elissa {

	display:block;

	width:250px;

	height:300px;

	position:absolute;

	top:75px;

	right:200px;

	z-index:10;

	cursor:pointer;

}



#becca {

	display:block;

	width:250px;

	height:300px;

	position:absolute;

	right:-50px;

	top:75px;

	z-index:10;

	cursor:pointer;

}



/* MENU

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



#menu {

	float: left;

}



#menu li {

	display: block;

	float: left;

}



#menu li a {

	color:#474748;

	display: block;

	font-size:26px;

	font-family: nimbus-sans-condensed;

	text-decoration: none;

	text-transform:uppercase;

	padding: 25px 10px 18px 10px;

}

#menu li a:hover {
	/*background:url(images/bg-link-hover.jpg);*/
	background: #b5b5b7;
}



/* wordpress specific menu stylings */

#menu li.current_page_item > a {
	background:url(images/bg-link-active.jpg);
	background: #eac46b;
}




#menu li.first a {

}



#menu li.last a {

}



#menu .sub-container ul {
	background:none repeat scroll 0 0 #9B9B9D;
	position:absolute;

	z-index:20;
/*
	background: #280815;

	background: -moz-linear-gradient(top, #280815 0%, #3f1f2c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #280815), color-stop(100%, #3f1f2c));

	background: -webkit-linear-gradient(top, #280815 0%, #3f1f2c 100%);

	background: -o-linear-gradient(top, #280815 0%, #3f1f2c 100%);

	background: -ms-linear-gradient(top, #280815 0%, #3f1f2c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#280815', endColorstr='#3f1f2c', GradientType=0 );

	background: linear-gradient(top, #280815 0%, #3f1f2c 100%);
*/
}



#menu .sub-container ul li {

	float:none;

	border-bottom:1px solid #ffffff;
	margin:0 5px;
}



#menu .sub-container ul li a {
	background:none repeat scroll 0 0 #9B9B9D;
	font-size:14px;

	text-transform:capitalize;

	padding:12px 18px;

	letter-spacing:1px;

}



#menu .sub-container ul li:last-child {

	border:none;

}



#menu-item-81 {

	width:150px;

}



/* GRID

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



.two-thirds {

	float:left;

	width:555px;

}



.one-third {

	float:right;

	width:300px;

}



/* CONTENT

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

#slider {
	position:relative;
	margin:0;
}
#slider .rsUni, #slider .rsUni .rsOverflow, #slider .rsUni .rsSlide, #slider .rsUni .rsVideoFrameHolder, #slider .rsUni .rsThumbs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#slider .rsImg {
	
}

#slider .overlay {
    left: 0;
    position: absolute;
    top: 0;
}

#content {

	/*text-shadow: 1px 2px 0px #000;*/

}



#content .container {

	background:none repeat scroll 0 0 #ECECEE;

	border-top:1px solid #726469;

	box-shadow: 0px -1px 0px #2d2d2d;

	min-height:325px;

}



#content .container > div {

	padding:10px;

}

.section-header {
    border-bottom: 4px solid #BABABC;
    padding-top: 11px;
}


.section-header #title {

	float:left;

}




#switcher {
    float: right;
    font-size: 15px;
}

#content .feed-item {

	padding-top:20px;

	text-shadow: 1px 2px 0px #222;

}



#single-post-content img {
    background: none repeat scroll 0 0 #DEDEE0;
    padding: 8px;
}
#single-post-content img.alignleft {
    margin: 0 20px 20px 0;
}

.feed-item-icon {

	float:left;

	width:70px;

	height:135px;

	text-align:center;

	padding-top:5px;

}


.feed-item-content {
    border-bottom: 4px solid #BABABC;
    color: #000000;
    float: left;
    padding-bottom: 20px;
    text-shadow: none !important;
    width: 485px;
}


.feed-item-content.last-feed-item {

	border:none;

}



.feed-item-excerpt {

	line-height:18px;

	text-shadow:none;

}



.feed-item-date {
    color: #000000 !important;
    font-size: 10px;
    padding-bottom: 4px;
}


.feed-item-more-link {

	padding-top:15px;

}


.feed-item-more-link a {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
}
.feed-item-more-link a:hover {
	color:#484849;
}


#news, #blog, #press {

	display:none;

}



#single-post-content p {

	line-height:20px;

	margin-bottom:10px;

	text-align:justify;

	text-shadow:none;

}



#single-post-content .section-header {

	margin-bottom:10px;

}



#single-post-content .post-author {

	font-style:italic;

}



.comments {

	border-top:4px solid #3a232b;

	padding-top:15px;

}



#single-post-content img.avatar {

	float:left;

	margin-right:20px;

	background:none;

}



.form-allowed-tags {

	display:none;

}



.reply {

	text-align:right;

	margin-top:-20px;

	margin-bottom:20px;

}



#reply-title, .logged-in-as, .form-allowed-tags {

	display:none;

}



.comment-content {

	float:left;

	width:390px;

}



.comment-form-comment label {

	display:block;

}



li.comment {

	padding:10px;

}



ol li.comment.odd {

	background-color:#EAC46B;

}



ul.children {

	/*background:url(images/bg-content.jpg);*/

}

	



.comment-form-author span, .comment-form-email span {

	display:inline-block;

	width:30px;

}



.comment-form-url label {

	display:inline-block;

	width:64px;

}





/* SIDEBAR

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



#sidebar .widget {

	background:#dedee0;

	padding:10px 13px;

	margin-bottom:10px;

	width:274px;

}



#sidebar .widget h2 {

	padding-bottom:6px;

	margin-bottom:10px;

	border-bottom:3px ridge #AFAFB1;

	display:block;

	letter-spacing:1px;

}



#twitter-widget {
    line-height: 16px;
    padding: 5px 10px;
    width: 282px;
}



#twitter h2 {

	display:none;

}



#twitter-widget .twitter-username a {
	display:block;
	color:#af205d;
}



#twitter-widget .entry-meta {

	display:block;

}



#sidebar .time-meta a {

	color:#888;

}



#twitter-widget .follow-us {

	text-align:right;

	margin-top:5px;

}



#twitter-widget .follow-us a {

	text-decoration:underline;
	font-style:italic;
	color:#af205d;

}


.widget h4 {
    color: #484849;
    float: left;
    font: 700 20px nimbus-sans-condensed;
    padding: 6px 0;
}


.newsletter {
    background: url("images/button-newsletter.png") no-repeat left top;
    color: #000000;
    display: block;
    float: right;
    height: 38px;
    width: 71px;
}
	



/* FORM

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



.wpcf7-form {

	width:550px;

}



input[type=text], textarea, input[type=submit] {

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

	border:1px solid #ddd;

	padding:7px;

	width: 250px;

}



input[type=text]:focus, textarea:focus, input[type=submit]:hover {

	-webkit-box-shadow:0px 0px 2px #ddd;

 -moz-box-shadow::0px 0px 2px #ddd;

	box-shadow:0px 0px 2px #ddd;

}



textarea {

	width:541px;

}



input[type=submit] {

	background:#EAC46B;

	color:#484849;

	cursor:pointer;

	font-weight:bold;

	letter-spacing:1px;

	text-transform:uppercase;

}



/* FOOTER

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

.home footer {
	background: url(images/footer.png) center top no-repeat;
	height:380px;
	padding-top:120px;
}
.home footer .bottom {
	background:#392626;
	height:400px;
}

#footer {

	padding:15px 0px;

	color:#666;

}



#footer p {
	color:#000000;
	display:inline-block;


	margin-right:10px;

}



.menu-footer-menu-container {

	display:inline-block;

	margin-left:0px;

	position:relative;

	top:3px;

}







#menu-footer-menu li {

	float:left;

	padding:0px 8px;

}



#menu-footer-menu li a {
    color: #000000;
    text-transform: uppercase;
}


#menu-footer-menu li a:hover {
	color:gray;
	text-decoration:underline;

}



#site-credits {

	float:right;

	position:relative;

	top:3px;

}




#site-credits a {
    background: url("images/candc.png") no-repeat left top;
    display: inline-block;
    height: 14px;
    position: relative;
    top: 1px;
    width: 128px;
}




/* CHORD CHART PAGE

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



#chordchartitem {

background:url(http://cacprohosting.com/%7Esonf/wp-content/uploads/2011/08/icon_pdf.gif) no-repeat top left;

min-height: 30px;

}



#chordchartitem li {

padding-left: 35px;

line-height 18px;

}





#chordchartitem strong {

text-transform: uppercase;

font-weight: bold;

font-size: 14px;

text-shadow: none;

line-height: 20px;

}



#chordchartitem a {

color:#af205d;

text-shadow: none;

}



#chordchartitem a:hover {

color:gray;

text-shadow: none;

}





/* TOUR PAGE

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

.show-item {

	font-size:12px;

	padding:10px;

}



.show-item:nth-of-type(even) {

	background-color:#DEDEE0;

}



.show-date {

	font-weight: normal;

	text-shadow: none;



}



.show-location {

}



.show-venue {

	color:#EAC46B;

	font-weight: bold;

	text-transform: uppercase;

}



.show-link {

display: none;

}



.show-description {

	text-shadow: none;

	line-height: 16px;

	color:#999;

}



.show-price { 



}



.show-venue-website a {

color:#EAC46B;

}



.show-address {

display: none;

}



.show-ticket-price {

display: none;

}



.show-tickets-url {

display: none;

}





/* MEDIA PAGE

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

#mediabox {



	background-color:#3a232b;

	padding:10px;

}





/* STORE PAGE

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



#storeitem {

	background-color:#DEDEE0;

	padding:10px;

	margin-bottom: 20px;

	display: block;

	clear: both;

        min-height: 225px;

}



#storeitem h1 {


	font-size: 14px;

	text-transform: uppercase;

	

}



#storephoto img {

	border: 0px;

	padding: 0px;

	margin: 0px 20px 0px 0px;

	position: relative;

}



#storephoto {

	 overflow: hidden; 

	width: 170px; 

	float: left;

}



#storetext {

	display: block;

	width: 360px; 

	float: right;

}



#storephoto form {

	float: right;

	margin-right: 15px;

	width: 87px;

	margin-top: 8px;

}





#storephoto strong {

	font-size: 14px;

	width: 20px;

	float: left;

	margin-top: 14px;

}



strong {

	font-weight: bold;

	line-height:20px;

	text-shadow:none;

	font-size: 12px;

}









