/*
----------------------------------------
01. default elements
----------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li, dl, dt, dd   { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}

body { background:url(../images/bg-body.gif) top center; font-family:Arial, Helvetica, sans-serif}

p { font-size:12px; color:#666666; line-height:1.6em}
p a { color:#666666; text-decoration:underline}
p a:hover { text-decoration:underline}

h1 { font-size:32px; color:#FFFFFF; line-height:1em}
h1 a { color:#FFFFFF; text-decoration:none}
h1 a:hover { text-decoration:underline}

h2 { font-size:18px; color:#FFFFFF; line-height:1em}
h2 a { color:#FFFFFF; text-decoration:none}
h2 a:hover { text-decoration:underline}

h3 { font-size:18px; color:#FFFFFF; line-height:1.1em}
h3 a { color:#FFFFFF; text-decoration:none}
h3 a:hover { text-decoration:underline}

/*
----------------------------------------
02. container and wrapper
----------------------------------------
*/

#bgcontainer { width:100%; float:left; background:url(../images/bg-container.gif) repeat-x top center}
#container { width:974px; margin:0 auto}

#wrapper { width:960px; float:left; background: url(../images/bg-wrapper.png) repeat-y; padding:0 7px}

/*
----------------------------------------
03. header
----------------------------------------
*/

#header { width:940px; height:161px; float:left; background: url(../images/bg-header.jpg) repeat-x; padding:0px 10px 0 10px}
#header h1 { padding-bottom:12px; padding-top:50px}

/*
----------------------------------------
04. nav
----------------------------------------
*/

.nav { width:940px; float:left; background:#005daa; padding:6px 10px}
.nav p { color:#FFFFFF}
.nav p a { color:#FFFFFF; font-weight:bold}
.nav p a.home { background:url(../images/icon-home.gif) no-repeat; padding-left:22px}

/*
----------------------------------------
05. content
----------------------------------------
*/

#bgcontent { width:960px; float:left; background:url(../images/bg-content-bottom.gif) no-repeat bottom left; padding-bottom:15px}
#content { width:960px; float:left; background:url(../images/bg-content.gif) repeat-y}
#content h2 { color: #000; font-size: 28px; padding-bottom:18px; }

/*
----------------------------------------
05.1. content - leftpanel
----------------------------------------
*/

#leftpanel { width:629px; float:left; background:url(../images/bg-content-top.gif) no-repeat; padding:18px 15px 0 10px}
#leftpanel .article { width:624px; float:left; padding-right:5px}
#leftpanel .article p { padding-bottom:20px}
#leftpanel .article p.postedon { color:#333333; font-style:italic; padding-bottom:10px}
#leftpanel .article h3 { font-size:24px; color:#3366cc; padding-bottom:5px}
#leftpanel .article h3 a { color:#3366cc}
#leftpanel p.backtotop { color:#3366cc; padding-bottom:20px}
#leftpanel p.backtotop a { color:#3366cc}

/*
----------------------------------------
05.2. content - rightpanel
----------------------------------------
*/

#rightpanel { width:280px; float: right; padding-right:12px}
#rightpanel h3 { width:260px; float:left; background:url(../images/bg-heading.gif) repeat-x; padding:10px; color:#005daa;}
#rightpanel ul { width:264px; float:left; padding:14px 8px 4px 8px}
#rightpanel ul li { width:246px; float:left; background:url(../images/arrow.png) no-repeat 0 3px; font-size:12px; color:#3366cc; line-height:1.5em; padding:0 0 12px 18px}
#rightpanel ul li a { color:#FFFFFF; text-decoration:none}
#rightpanel ul li a:hover { text-decoration:underline}
#rightpanel .promo { float:left; padding:25px 0 5px 25px}

/*
----------------------------------------
06. footer
----------------------------------------
*/

#footer { width:100%; float:left; background:#005daa; height:65px;background: url('../images/bg-footer.png') no-repeat 0 47px;}
#footer p { color:#FFFFFF;height:21px;padding:18px 0 8px 20px;background: url(../images/bg-wrapper.png) repeat-y;}
#footer p a { color:#FFFFFF; text-decoration:underline}
#footer p a:hover { text-decoration:none;}

/*
----------------------------------------
07. bloglist
----------------------------------------
*/

.bloglist { width:629px; float:left; background:url(../images/divider.gif) repeat-x; padding-top:25px}
.bloglist h3 { color:#000000; padding-bottom:18px}
.bloglist ul { width:629px; float:left}
.bloglist ul li { width:610px; float:left; background:url(../images/arrow2.png) no-repeat 0 3px; font-size:12px; color:#3366cc; line-height:1.5em; padding:0 0 12px 18px}
.bloglist ul li a { color:#3366cc; text-decoration:none}
.bloglist ul li a:hover { text-decoration:underline}