body {
background-color: #999999;
margin: 10px;
padding: 0;
text-align: left;
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 0.74em;
color: #555555;
}

#container {
background-image: url(/blog/themes/wholesale/Common/Centre-Background.gif);
background-repeat: repeat-y;
width: 980px;
margin: 0 auto;
}

#header {
background-image: url(/blog/themes/wholesale/Common/Header-Background.gif);
background-position: top left;
background-repeat: no-repeat;
height: 115px;
padding: 0 10px;
}

#header h1 {
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
text-align: right;
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 300%;
color: #FFFFFF;
}
#header h1 img {padding:10px 0px 0px 0px;margin:0px;}

#header h2 {
margin: 0;
padding: 0;
text-transform: uppercase;
text-align: right;
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 15px;
color: #FFFFFF;
}

#navigation {
background-color: #009933;
width: 155px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-size: 11px;
color: #ffffff;
float: right;
}
#navigation ul { margin: 0; padding: 0; }
#navigation ul li { display: inline; }
#navigation ul li a {
border-bottom: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
background-color: #cccccc;
width: 140px;
height: 28px;
padding: 12px 0px 0px 10px;
text-decoration: none;
color: #ffffff;
display: block;
float: left;
}
#navigation ul li a:hover { background-color: #ce0000; color: #ffffff; }

#centre { padding: 0px 5px 0px 5px; }
#content { width: 620px; padding: 5px 5px 5px 5px; float: left; }
#content h1 {
margin: 5px 0px;
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 25px;
color: #ce0000;
text-transform: uppercase;
}
#content h2 {
margin: 5px 0px;
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
text-align: left;
color: #728C40;
}
#content h3 {
margin: 5px 0px;
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
text-align: left;
color: #728C40;
}
#content p { }
#content a { color: #728C40; text-decoration: underline; }
#content a:hover { color: #4F5F34; text-decoration: none; }

#breadcrumb { background-color: #FFFFFF; height: 15px; padding: 5px 5px 5px 0px; }
#breadcrumb a { color: #4F5F34; text-decoration: underline; }
#breadcrumb a:hover { color: #4F5F34; text-decoration: none; }

#subcontent {
width: 180px;
padding: 0;
margin: 0 0 10px 5px;
font-size: 95%;
color: #6C534A;
float: left;
}
#subcontent h1 {
margin: 0;
padding: 0;
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
text-align: left;
color: #ffffff;
}
#subcontent h2 {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
text-align: left;
color: #003366;
}
#subcontent h3 {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
text-align: left;
color: #003366;
}

#subcontent ul { margin: 0; padding: 0; }
#subcontent ul li { list-style: none; }
#subcontent ul li a {
width: 170px;
padding: 5px 0px 0px 0px;
text-decoration: underline;
color: #000000;
display: block;
}
#subcontent ul li a:hover { text-decoration: none; color: #ce0000; }

#calender { border-bottom: 5px solid #FFFFFF; padding: 5px; margin-bottom: 5px; }
#calender table { border: 1px solid #4F5F34; background-color: #FFFFFF; width: 100%; height: 150px; text-align: center; }
#calender table td { width: 14%; }
#calender table .controls { background-color: #cccccc; font-weight: bold; color:#ce0000; }
#calender table .controls a { color: #808080; text-decoration: underline; }
#calender table .controls a:hover { color: #ce0000; text-decoration: none; }
#calender table .title { background-color: #cccccc; color:#000000; }
#calender table .days td { background-color: #cccccc; }
#calender table .days a { color: #ce0000; text-decoration: underline; }
#calender table .days a:hover { color: #000000; text-decoration: none; }
#calender table td.empty { background-color: #808080; }
#calender table td.event { background-color: #ce0000; }
#calender table td.article { background-color: #ffffff; }
#calender table td.article_event { background-color: #ffffff; }
#calender table td.event a { color: #ffffff; text-decoration: underline; }
#calender table td.article a { color: #ce0000; text-decoration: underline; }
#calender table td.article_event a { color: #000000; text-decoration: underline; }
#calender table td.event a:hover { color: #000000; text-decoration: none;}
#calender table td.article a:hover { color: #000000; text-decoration: none;}
#calender table td.article_event a:hover { color: #ce0000; text-decoration: none;}

#pages { border-bottom: 5px solid #FFFFFF; padding: 5px 5px 10px 5px; margin-bottom: 5px;  }
#categories { border-bottom: 5px solid #FFFFFF; padding: 5px 5px 10px 5px; margin-bottom: 5px; }
#archives { border-bottom: 5px solid #FFFFFF; padding: 5px 5px 10px 5px; margin-bottom: 5px; }
#feeds { border-bottom: 5px solid #FFFFFF; padding: 5px 5px 0px 5px; margin-bottom: 5px; }
#feeds ul { margin-bottom: 10px; }
#links { border-bottom: 5px solid #FFFFFF; padding: 5px 5px 10px 5px; margin-bottom: 5px; }
#login { border-bottom: 5px solid white; padding: 5px 5px 10px 5px; margin-bottom: 10px; }

#notification { width: 100%; height: 100%; background-color: #D3D5C9; padding: 15% 0; margin-bottom: -15px; text-align: center; }
#notification h1 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase; }
#notification a { color: #4F5F34; text-decoration: underline; }
#notification a:hover { color: #4F5F34; text-decoration: none; }

#screenshot { background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; overflow: visible; }
#screenshot img { background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px; }

#footer { background-image: url(/blog/themes/wholesale/Common/Footer-Background.gif); background-position: top left; background-repeat: no-repeat; height: 32px; padding: 14px 15px 0px 0px; text-align: right; color: #FFFFFF; }
#footer a { color: #D3D5C9; text-decoration: underline; }
#footer a:hover { color: #FFFFFF; text-decoration: none;}
#copyright { visibility: visible; }

.article { }
.article .details { margin: 0; padding: 0; list-style: none; }
.article .details li { margin: 0px 5px 10px 0px; display: inline; }
.article .introduction { border-bottom: 1px solid #EEEEEE;/* font-size: 115%;*/ }
.article .link { font-size: 110%; text-align: right;}
.article .gallery {}
.article .gallery img { border: 1px solid #EEEEEE; padding: 3px; margin: 3px; }

#comments { margin-bottom: 20px; }
#comments .details { margin-bottom: 10px; }
#comments .details dt { background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px; }
#comments .details dd { margin: 0; }
.comment { padding: 5px 0px; clear: both; }
.whisper { background-color: #E4E4E4; padding: 5px 5px; clear: both; }

form { margin: 0; padding: 0; }
form #comment { width: 100%; height: 125px; }
form #whisper { margin-left: 0px; }
form #keywords { width: 32%; }
form #date { width: 32%; }
form #category { width: 32%; }

#paging { text-align: right; }
#paging a { padding: 0px 5px; }

.event { }
.event h1 { }
.event h2 { }
.event h3 { }
.event .details { margin: 0; padding: 0; }
.event .details li { margin-right: 5px; list-style: none; display: inline; }

.clear { clear: both; }
img { border: none; }
