/*

Acoustic Syndicate

(c)2008 Divergent Mind Media, LLC
http://divergentmindmedia.com

authors:

jay sanders (jay@divergentmindmedia.com)
brad burleson (brad@divergentmindmedia.com)

Colors:

	Black:
	Old Orange: CC6626
	Green: 45540d
	Hover Blue: 9ab6df


*/

/* RESET ============================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* SITE WIDE STYLES ============================= */
body { font-family:trebuchet MS, Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff; background-image:url(../images/layout/syndicate_background.jpg); font-size:12px; }
a { color:black; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { font-size:24px; text-align:right; padding:5px; color:#45540d; }
h2 { font-size:20px; }
h3 { font-size:14px; }
h4 { font-size:20px; }
p { line-height:22px; margin-bottom:14px; }
li { line-height:22px; }
input { padding:3px; border:0; border-bottom:groove 2px #dfdfdf; background:#fff; }
select { padding:3px; border:0; border-bottom:groove 2px #dfdfdf; }
textarea { padding:3px; border:groove 1px; }
label { display:block; margin-bottom:5px; font-size:18px; }
strong { font-weight:bold; }

/* FORMS ============================ */
.form { margin-bottom:20px; }
.toggleBox { width:400px; border:solid 1px black; margin:auto; padding:10px; padding-bottom:30px; }
.toggleButton { background:black; color:white; margin:auto; }
.submit { border:0; }
.errors { color:#BF2323; font-size:12px; }

/**************************************************************************/
#masterDiv { background-color:#ffffff; margin:auto; width:942px; }
#topName { margin:auto; width:942px; }
#topImage { margin:auto; width:942px; height:175px; background-image:url(../images/layout/syndicate_header.jpg); }
#boxTop { margin:auto; width:942px; height:15px; background-image:url(../images/layout/syndicate_main_top.jpg); }
#boxMiddle { margin:auto; width:942px; background-image:url(../images/layout/syndicate_main_mid.jpg); background-repeat:repeat-y; }
#boxBottom { margin:auto; width:942px; height:15px; background-image:url(../images/layout/syndicate_main_bottom.jpg); }
#footer { margin:auto; width:942px; height:65px; background-image:url(../images/layout/syndicate_footer.jpg); }

/**************************************************************************/
#menu { margin:auto; width:942px; height:44px; background-image:url(../images/layout/syndicate_navbar.jpg); background-repeat:no-repeat; }
#menuContent { padding:10px 30px 0; vertical-align:bottom; }
#menu a { color:#ffffff; font-size:16px; margin-right:15px; text-decoration:none; }
#menu a:hover { text-decoration:underline; }

/**************************************************************************/
#content { padding:1px 50px 20px; }
#content #contentBox { margin:20px 0; padding:0 10px 10px; border:ridge 2px #dfdfdf; background:#ffffff; }
#content #contentBox .contentBoxItem { margin-top:10px; padding:10px; border:ridge 2px #dfdfdf; background:#fff; }
#content #contentBox .contentBoxName { margin-top:10px; }
#content #contentBox .title { margin-bottom:10px; font-size:18px; }
#content .form { margin-bottom:20px; }
#content .form .notes { font-size:10px; }
#content #sign { width:150px; height:20px; margin:10px 0; padding:10px; text-align:center; border:groove 1px #dfdfdf; }
#content #header { width:150px; height:20px; margin:10px 0; padding:10px; text-align:center; }
#content #home #contentBox { padding:20px; }
#content #home #contentBox td { vertical-align:top; }
#content #home #contentBox #upcoming { margin:0 20px 20px 10px; width:354px; height:475px; background-image:url(../images/layout/syndicate_upcomingshows.jpg); float:left; }
#content #home #contentBox #upcoming #upcomingBox { padding:70px 20px; text-align:center; font-size:14px; }
#content #home #contentBox #upcoming #upcomingBox h3 { font-size:20px; }
#content #home #contentBox #upcoming #upcomingBox h4 { font-size:15px; }
#MusicFloss { margin:auto; margin-top:10px; width:422px; text-align:center; }
#MusicFloss h2 { font-size:16px; margin-bottom:10px; }
#content #home #contentBox .homecontentBoxItem { padding:0 20px; text-align:center; font-size:24px; margin:0; }
#content #home #contentBox .homecontentBoxItem h2 { color:#751d0f; margin-bottom:10px; }
#content #home img { margin:auto; }
#content #home p { font-size:14px; line-height:20px; text-align:justify; }
#content #home #youTubeBox { width:320px; height:265px; border:solid 2px #2C3F2C; margin:auto; margin-top:10px; margin-bottom:10px; }
#content #galleries { height:350px; }
#content #galleries .galleryIndexShow { width:200px; height:200px; float:left; text-align:center; margin:10px; padding:5px; border:solid 1px #293825; }
#content #galleries .thumbnailImage { height:100px; text-align:center; }
#content #audioPlayer { width:640px; height:26px; }
#content #audioDetails { line-height:20px; }
#content #audioDetails a { text-decoration:underline; }
#content #audioImage { float: right; }
#content #login { width:200px; margin:auto; margin-bottom:50px; }
#content #musicians h1 { float:none; }
#content #musicians .musician { height:100px; margin:10px 0; padding:10px; border:groove 1px #dfdfdf; }
#content #musicians .musician img { float:left; margin:0 10px 10px 0; }
#content #showMusician td { vertical-align:top; padding:10px; }
#content #showMusician h2 { font-size:24px; }
#content #showMusician .section { padding-top:20px; line-height:20px; font-size:14px; }
#content #showMusician .section h4 { margin:0; padding:0; margin-bottom:10px; font-size:18px; border-bottom:groove 1px #dfdfdf; }
#content #showMusician .section h5 { padding-bottom:3px; font-size:16px; }
#content .superLinks { float:right; padding:5px; margin:0 0 10px 10px; border:groove 1px #dfdfdf; }
#content #tourDates { margin:20px 0; padding:0 10px 10px; border:ridge 2px #dfdfdf; background:#ffffff; }
#rocketClubFlyer { text-align:center; }
#content #tourDates .concert { margin-top:10px; padding:10px; border:ridge 2px #dfdfdf; background:#fff; }
#content #tourDates .concert td { text-align:center; vertical-align:top; }
#content #tourDates .concert td .image { float:left; height:100%; margin-left:10px; }
#content #tourDates .concert .description { text-align:left; margin-top:10px; padding:10px 30px; font-size:14px; }
#content #tourDates .concert .details { width:200px; margin-left:20px; border-left:ridge 2px #dfdfdf; text-align:left; font-size:14px; }
#content #tourDates .concert .details ul { list-style-type:none; margin:0; padding:0; }
#content #tourDates .concert .details li { margin:5px; }
#content #tourDates .concert td h2 { font-size:26px; }
#content #tourDates .concert td h3 { font-size:18px; }
#content #tourDates .concert td h4 { padding:0; margin:0; }
#content #tourDates .concert .details .advance { float:right; padding:4px; font-size:11px; margin:10px 20px 0 0; background:#4F270F; color:white; border:solid 1px #dfdfdf; }

/**************************************************************************/
#footer { margin-top:0; font-size:12px; }
#footer #about { float:left; margin:25px 0 0 20px; }
#footer #loginBox { float:right; margin:25px 20px 0 0; }

/* SYSTEM =========================== */

/* please keep this style in place for troubleshooting ~jay */
#diagnostics { background:white; color:black; padding:10px; margin:10px; }
.shabdaError { text-align:center; }
.pagination a { padding:3px; }
.pagination .current { padding:3px; font-weight:bold; }
#admin { margin-top:10px; }
#admin table { margin:auto; font-size:12px; }
#admin th { padding:10px; border-bottom:solid 1px #dfdfdf; }
#admin td { padding:10px; border-bottom:solid 1px #dfdfdf; }
#admin ul { list-style-type:none; padding:20px; }
#admin li { }
#admin .form { margin:auto; margin-top:40px; }
#admin .form h3 { margin-bottom:10px; }
#admin #tree { width:400px; padding:10px; border:solid 1px #dfdfdf; margin:auto; }
#admin #tree ul { text-align:left; }
#admin #tree li { padding-bottom:20px; }