/* General Styles
____________________________________________________*/

body
{
text-align: center;
font-family: "Gill Sans MT", "Century Gothic", Verdana, Arial, Helvetica, SunSans-Regular;
font-size: 12px;
background:url(/images/ber_body_background.png) repeat;
}

.clear
{
clear:both;
}

a:link
{
color: #cc0000;
text-decoration: none;
}

a:visited
{
color: #cc0000;
text-decoration: none;
}

a:hover
{
color: #cc0000;
text-decoration: none;
border-bottom: 1px solid #cc0000;
}

a.img, a.img, a.img
{
border: 0 none;
}

h1
{
color: #cc0000;
font-size: 1.25em;
}

h2
{
color: #000;
font-size: 1.2em;
}

img
{
border: 0px none;
}

/* Layout
____________________________________________________*/

#wrapper
{
width: 1200px;
margin: 0 auto;
text-align: left;
}

#band_date
{
height: 15px;
background: #cccccc;
text-align: right;
padding: 10px;
}

#banner
{
width:1200px;
height:100px;
background: url(/images/ber_banner_logo_180x100pix.png);
}

#top
{
height: 5px;
background: #FFFFFF url(images/shadow_side.png) repeat-y right;
}

#background
{
/*       Top     Right   Bottom  Left   */
padding: 10px    19px    15px    15px;
background: #FFFFFF url(images/shadow_side.png) repeat-y right;
}

#nav
{
background: #ECECEC;
height: 19px;
padding-left:5px;
margin: 10px 0 10px 0;
}

#container
{
margin-top: 10px;
padding: 0 10px 0 10px;
line-height: 1.6em;
}

#content_menu
{
float: left;
width: 150px;
}

#content_main
{
float: right;
width: 780px;
width: 1000px;
}

#content_main_nomenu
{
width: 1200px;
}

#content_navigation
{
width: 1200px;
}

#content_content
{
width: 1200px;
}

#bottom
{
width:899px;
background: url(/images/shadow_bottom.png) no-repeat;
height: 4px;
}

#footer_image
{
clear: both;
width:1200px;
height:30px;
background: url(/images/ber_footer_2010.png);
}

#footer
{
background: url(images/copyright.gif) no-repeat right;
height: 10px;
margin-right: 4px;
}


/* Main Content Styling
____________________________________________________*/



.title_x
{
color: #6699CC;
background: url(/images/flower_new.gif) no-repeat left top;
padding: 3px 0 3px 25px;
text-shadow: 0.2em 0.2em 0.1em #CCC;
}

.title
{
color: #6699CC;
}
td.title
{
text: #6699CC;
vertical-align: top;
}



.date
{
color: #666666;
text-shadow: 0.2em 0.2em 0.1em #CCC;
}

.thumbnail
{
float: left;
padding: 5px;
margin-right: 5px;
border: 1px solid #ECECEC;
}

.border
{
padding: 4px;
border: 1px solid #ECECEC;
}

.shadow
{
background: url(/images/shadow.gif) bottom right;
padding: 0;
position: relative;
}

.shadow img
{
background-color: #fff;
border: 1px solid #666;
margin: -4px 4px 4px -4px;
padding: 4px;
position: relative;
vertical-align: bottom;
}

.blogbody
{
padding-bottom: 20px;
}

.posted
{
margin-right: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #CCCCCC;
}

.comments-body, #commentPreview
{
margin: 1em 0;
padding: 1em;
}

.comments-body:hover, #commentPreview
{
border : 1px solid #ccc;
background: #f8f8f8;
}

.comments-body h2, #commentPreview h2
{
margin-top:0;
}

.odd
{
border : 1px solid #eee;
background: #fbfbfb;
}

.even
{
border : 1px solid #fff;
}

.example
{
font-family: monospace;
padding: 1em;
border: 1px dotted #CCCCCC;
background-color: #ECECEC;
overflow: auto;
}

dt {
font-weight: bold;
}

dd {
padding: 0;
margin: 0;
}

dl dd ol {
list-style-type: lower-alpha;
}

code, pre {
font-size: 1.1em;
}

.blogbody h2 {
margin-bottom: 0;
}

.blogbody h2+p {
margin-top: 0;
}


/* date picker css */