/* CSS Document */
/* ===================
1. YUI Global 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;}


/* ===================
2. Body
=================== */
.ModalOutsideBorder { background-color: #e70009; width: 400px; height: 150px; padding: 5px; text-align: center; }
.ModalInsideBorder { background-color: White; border: solid 1px black; width: 395px; height: 90px; font-size: 12px;
                                    font-family: Arial; padding-top: 55px; }
a:link {color:white;}
a:visited {color:white;}

.submenu { text-align: right; margin-right: 10px; }
.submenu a { text-decoration: none; }
h2.page_title { font-size: large; margin-bottom: 0px; margin-top: 3px; font-weight: bold; }

#tourDates { height: 480px; overflow: hidden; margin-top: 10px; margin-left: 3px; margin-right: 3px; margin-bottom: 10px; }
div.tourDates { display: block; overflow: hidden; color: White; padding-left: 10px; padding-right: 10px; font-family: "Trebuchet MS"; font-size: 12px;}
div.tourDates a { color: White; font-size: 12px; }
div.tourDate_line { background-image: url(/images/line.jpg); width: 250px; height: 1px; margin-top: 4px; margin-bottom: 4px; margin-left: 10px; }

div.line { background-image: url(/images/line.jpg); width: 615px; height: 1px; margin-top: 8px; margin-bottom: 8px; }

.merch_item { float: left; width: 300px; font-family: 'Trebuchet MS'; font-size: 12px; color: White; }

#tweets { height: 233px; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
div.twitter { display: block; overflow: hidden; color: White; padding-left: 10px; padding-right: 10px; font-family: "Trebuchet MS"; font-size: 12px;}
div.twitter a { color: White; font-size: 12px; }
div.twitter_line { background-image: url(/images/line.jpg); width: 165px; height: 1px; margin-top: 4px; margin-bottom: 4px; margin-left: 10px; }

#wrapper { text-align: center; }
#content { width: 977px; margin: 0 auto; text-align: left; }

#photoStream { height: 225px; width: 265px;padding:0;margin-top: 35px; margin-left: 5px; text-align: center; float: left; overflow: hidden;}
#photoStream img { border:none;}
#left { float: left; width: 309px; }
#right { float: right; width: 668px;}
#menu { float: right; margin-right: 16px; margin-top: 61px; }

#logo { margin-left: 30px; margin-top: 48px; }
#album { margin-left: -6px; margin-top: 20px; float: left;} 
#left_arrow { float: left; margin-top: 100px; margin-left: 10px; margin-right: 10px; }
#right_arrow { float: right; margin-top: 100px; margin-right: 10px; margin-left: 10px; }

#blog_right { float: right; padding-left: 5px; width: 125px; font-family: "Trebuchet MS"; font-size: 12px; color: White; }
#blog_right a { color: White;  }
#blog_right a:visited { color: White; }
#blog_right a:link { color: White; }

#blog_right_inside { float: right; padding-left: 5px; width: 105px; font-family: "Trebuchet MS"; font-size: 12px; color: White; }
#blog_right_inside a { color: White;  }
#blog_right_inside a:visited { color: White; }
#blog_right_inside a:link { color: White; }

#categories { padding-left: 20px; padding-top: 10px; }
#archives { padding-left: 20px; padding-top: 10px; }

#categories h2{ font-weight: bold; font-size: 13px; }
#archives h2{ font-weight: bold; font-size: 13px; }

.arrow { float: left; padding-right: 7px; padding-top: 1px; }

div.comment_count { text-align: right; float: right; padding-right: 10px; }
a.comment_count { color: White; text-decoration: none; text-align: center; }
a.comment_count span { padding: 3px 0px 0px 0px; text-align: center; width: 48px; height: 48px; font-size: 16px; font-weight: bold; color: White; display: block; background: transparent url(/images/icons_read_more.png) no-repeat 0px -28px; }
a:hover.comment_count span { height: 48px; overflow: hidden; background: transparent url(/images/icons_read_more.png) no-repeat -72px -28px; }

a.read_more { color: White; text-decoration: none; text-align: center; }
a.read_more span { padding: 6px 0px 0px 0px; width: 73px; height: 22px; font-size: 12px; font-weight: bold; color: White; display: block; background: transparent url('/images/icons_read_more.png') no-repeat 0px 0px; text-align: center; }
a:hover.read_more span { height: 22px; overflow: hidden; background: transparent url('/images/icons_read_more.png') no-repeat -72px 0px; cursor: pointer; }

a.submit_comment { color: White; text-decoration: none; text-align: center; }
a.submit_comment span { padding: 6px 0px 0px 0px; width: 73px; height: 22px; text-align: center; font-size: 12px; font-weight: bold; color: White; display: block; background: transparent url(/images/icons_read_more.png) no-repeat 0px 0px; }
a:hover.submit_comment span { height: 22px; overflow: hidden; background: transparent url(/images/icons_read_more.png) no-repeat -72px 0px; }

.blog_inside {float: left; font-size: 12px; font-family: "Trebuchet MS"; width: 510px; color: White;}
.blog_inside a:link { color: White; }
.blog_inside a:visited { color: White; }
.blog_inside a:active { color: White; }

.blog_inside .postTitle { color: White; font-size: 20px; font-weight: bold; text-decoration: none;  font-family: Arial, Helvetica, Sans-Serif;}
.blog_inside .read_more_text { color: White; font-size: 11px; }
.blog_inside div.postTitle { padding-bottom: 4px; }
.blog_inside .postBy { color: #333; font-family: Arial, Helvetica, Sans-Serif; padding-bottom: 8px;  font-size: 11px;}
.blog_inside .shortDescription { padding-bottom: 5px; line-height: 1.8em; }

.blog {float: left; font-size: 12px; font-family: "Trebuchet MS"; padding-top: 10px; padding-left: 10px; width: 490px; color: White;}
.blog a:link { color: White; }
.blog a:visited { color: White; }
.blog a:active { color: White; }

.blog .postTitle { color: White; font-size: 20px; font-weight: bold; text-decoration: none;  font-family: Arial, Helvetica, Sans-Serif;}
.blog .read_more_text { color: White; font-size: 11px; }
.blog div.postTitle { padding-bottom: 4px; }
.blog .postBy { color: #333; font-family: Arial, Helvetica, Sans-Serif; padding-bottom: 8px;  font-size: 11px;}
.blog .shortDescription { padding-bottom: 5px; line-height: 1.8em; }
.successBox { width: 570px; text-align: center; background: #EEFFCF; color: #639A00;  border: solid 1px #639A00; height: 30px; padding-top: 10px; margin-top: 10px; }
.errorBox { width: 570px; text-align: center; background: #FFCFCF; color: #FF3F3F;  border: solid 1px #FF3F3F; padding: 10px; margin-bottom: 10px; }

.formPadding { padding: 10px; font-size: 12px; }
.subTitle { width: 770px; height: 20px; background-image: url('/images/background_title.jpg'); font-size: 12px; font-weight: bold; color: White; padding-top: 4px; padding-left: 5px; }

.inputLabel { width: 55px; float: left; }

div.error { background-image: url('/images/background_error.jpg'); background-repeat: no-repeat; width: 786px; padding: 10px; color: White; font-weight: bold; }
div.error ul { margin-top: 0px; margin-bottom: 0px; }

.gridViewEmpty { background-color: #F3EFEE; height: 45px; width: 100%; font-size: 12px; padding: 18px 0px 0px 0px; text-align: center; }
div.gridViewInfo { padding-left: 7px; padding-top: 5px; height: 23px; background-color: #cbce99; font-family: "Trebuchet MS"; font-size: 12px; }
.gridViewTop { background-color: #CC0001; height: 34px; }
.gridViewBottom { background-color: #F3EFEE; height: 34px; width: 100%; }

/* The overall style of the GridView */
.gridStyle { width: 100%; border-collapse: collapse; padding: 0; }

/* The header of this GridView */
.gridHeader { background-color: #8E9196; font-weight:bold; color:#000000;  }
.gridItem { background-color: #F3EFEE; }
.gridItem td, th { padding: 5px 5px 5px 5px;  font-size: small; font-family: "Trebuchet MS"; }
.leftGridItem td, th { padding: 5px 5px 5px 10px; }

/* One row white, another row #E6DACE */
.gridAlternatingItem { background-color: #E9EEE7; }
.gridAlternatingItem td, th { padding: 5px 5px 5px 5px; font-size: small; font-family: "Trebuchet MS"; }
.leftGridAlternatingItem td, th { padding: 5px 5px 5px 10px; }

/* Paging */
.gridPager { font-size: 11px; }

/* Underline the selected page */
.gridStyle table { border-collapse: collapse; }
.gridTitle { padding-top:6px; float: left; font-family: "Trebuchet MS"; color: #FFFFFF; font-size: 14px; font-weight: bold; }

.admin_title { float: left; color: #333; font-weight: bold; font-family: "Trebuchet MS"; font-size: 16px; margin-top: 2px; font-style: italic; }

div.repeater { font-size: 12px; padding-bottom: 10px; }

a.button{background:url(/images/button.gif) no-repeat;display:block;color:#555555;font-weight:bold;height:30px;line-height:29px;margin-bottom:14px;text-decoration:none;width:151px;float: left;}
a:hover.button{color:#0066CC;}

h2.title { color: #CC0001; font-size: 20px; font-weight: bold; text-decoration: none;  font-family: Arial, Helvetica, Sans-Serif;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}