body 
{
	margin: 0;
	padding: 0;
	font-family: verderna, sans-serif;
	color: #222222;
}

ul, ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#main
{
	margin: 0 auto;
	width: 924px;
}

#header
{
	background: url(img/header-bg-top.jpg) repeat-x top;
}

#header .header 
{
	font-family: Trebuchet MS, Trebuchet, Sans-Serif;
	font-size: 300%;
	margin: 0;
	padding: 10px 20px 0 0;
	float: right;
}

#header .cse-branding-form
{
	clear: right;
	margin-top: 10px;
	padding: 0 20px 0 0;
	float: right;
}

#upper_head
{	
	height: 110px;
	background: url(img/header-left-top.jpg) no-repeat left top;
}

#list_menu
{
	background: url(img/header-bg-btm.jpg) repeat-x top;
}

#list_menu ul
{
	padding: 3px 10px;
	background: url(img/header-left-btm.jpg) no-repeat left top;
	min-height: 31px;
}

#list_menu .start-element
{
	float: left;
}
	
#list_menu .inner-element,
#list_menu .end-element
{	
	margin-left: 15px;
	float: right;
}
	
#list_menu ul li a
{
	font-size: 120%;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
}

#list_menu ul li.selected-element a { color: #bbd2dc; }

#list_menu ul li a:hover { text-decoration: underline; }
#left_content { width: 601px; }

#main_content h1, #main_content h2, #main_content h3
{
	margin: 0 0 10px 0;
	padding: 0 10px;
	color: #477586;
	font-weight: 600;
	font-size: 125%;
}
#main_content h2 { font-size: 110%; }
#main_content h3 { font-size: 100%; }

#main_content abbr { cursor: help; }

#main_content a { color: #477586; text-decoration: none; }
#main_content a:hover { text-decoration: underline; }
/*#main_content li { margin: 10px 0; }*/
#main_content img { border: none; }

#main_content p
{
	margin: 10px;
	padding: 0;
	font-size: 85%;
	line-height: 150%;
}

#main_content code,
#main_content p code.box,
#main_content li code.box
{
    margin: 10px;
    display: block;
    font-weight: bold;
	padding: 10px;
	border: 1px solid #477586;
	background-color: #EFF5FF;
}

#main_content p code,
#main_content li code
{
    display:inline;
    border: none;
	padding: 3px;
	background-color: #EFF5FF;
}

#main_content code .optional
{
	font-weight: normal;
	font-style: italic;
}


#main_content .advert 
{
    margin-left: 50px;
    margin-top: 10px;
}

#main_content .image-240
{
	margin: 0 10px 10px 0;
	
	width: 480px;
	padding: 10px;
	background-color: #EFF5FF;
}

#main_content .image-240 p
{
	font-style: italic;
	font-size: 80%;
}

#main_content .image-240 img 
{ 
	float: left; 
	margin-right: 10px;
}

#main_content .none
{
    list-style-type: none;
}

#main_content .alpha
{
    list-style-type: lower-alpha;
}

#main_content #left_content ul,
#main_content #left_content ol
{
	margin: 10px 20px;
	padding: 0 10px;
	font-size: 85%;
	line-height: 150%;
}

#main_content #left_content ul li
{
	list-style-type:disc;
}

#main_content .more, #main_content #postnavigation
{
	margin: 10px;
	font-size: 85%;
	line-height: 150%
}
	

.post .author, .post .pubDate
{
	margin: 10px;
	padding: 0;
	font-size: 60%;
}

.post .text { margin-top: 10px; }

.post 
{
	border-bottom: solid 1px #477586;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.social
{
	float: right;
	padding: 0 10px;
}


#commentlist
{
	margin-bottom: 10px;
}

#commentlist .comment
{
	border-bottom: dashed 1px #477586;
}

.commentForm .row
{
	margin: 5px 0 5px 10px;
}

#contact label,
.commentForm label
{
	display: block;
	width: 100px;
	float: left;
	font-size: 85%;
}

.commentForm span
{
	font-size: 85%;
}

.commentForm .bbcode a
{
	margin: 0 5px;
}

#contact .field,
#contact textarea,
.commentForm .textbox
{
	width: 300px;
}

#right_content { width: 303px; }

.box-tile
{
    min-height: 100px;
    position: relative;
	margin-top: 30px;
	background: url(img/box-bg-tile.jpg) repeat-y top;
}


.box-top
{
	background: url(img/box-bg-top.jpg) no-repeat left top;
}

.widget
{
	background: url(img/content-bg-top.jpg) no-repeat left top;
}

#scratch-top
{
	background: url(img/scratch-bg-top.jpg) no-repeat left top;
}

#quacknews-top
{
	background: url(img/quacknews-bg-top.jpg) no-repeat left top;
}

#jvmail-top
{
	background: url(img/jvmail-bg-top.jpg) no-repeat left top;
}

#main_content .box-btm
{
	padding: 20px;
	background: url(img/box-bg-btm.jpg) no-repeat left bottom;
}


#main_content .box-btm h2
{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 150%;
}

#main_content .box-btm p, 
#main_content .box-btm label,
#main_content .box-btm ul,
#main_content .box-btm .box
{
	margin: 40px 0 0 0;
	padding: 0;
}

#main_content .box-btm .ad-box
{
	margin-top: 10px;
}

#main_content .box-btm .menuBox
{
	margin-top: 20px;
}

#main_content .box-btm .menuBox a
{
	font-weight: bold;
	font-size: 110%;
}

#main_content .box-btm .menu
{
	margin: 0;
}

#main_content .box-btm .menu .menu
{
	margin-left: 10px;
}


#main_content .box-btm
{	
	font-size: 85%;
}

#main_content .box-btm .recentPosts li, #main_content .box-btm .recentComments li
{
	margin-top: 5px;
}

#main_content .xoxo ul
{
	margin: 5px 0 10px 20px;
}

#main_content #searchpage
{
	margin-bottom: 20px;
}

#main_content #searchpage #q
{
	width: 400px;
}

#main_content #searchpage label
{
	font-size: 85%;
}

#main_content .searchresult
{
	font-size: 85%;
	margin: 10px;
}

#main_content .searchresult,
#main_content #archive h2
{
	padding-top: 10px;
	border-top: dashed 1px #477586;
}

#main_content .searchresult .text,
#main_content .searchresult .type,
#main_content .searchresult .url
{
	display: block;
	margin-top: 5px;
}

#main_content #archive ul,
#main_content #archive table
{
	font-size: 85%;
	margin: 10px;
}

#main_content #archive table .date
{
	width: 100px;
}

#main_content #archive table .title
{
	width: 350px;
}


#main_content #archive li
{
	float:left;
	margin-right: 10px;
}

#main_content #archive h2 a
{
	margin-right: 5px;
}

#main_content #totals span
{
	margin-left: 10px;
}
	

.float-right { float: right; }

.float-left { float: left; }

#footer
{
	font-size: 85%;
	margin: 10px 0;
	padding: 10px;
	clear: both;
	border-top: solid 2px #477586;
}

#footer a
{
	color: #477586;
	font-weight: 700;
	text-decoration: none;
}

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

.clear { clear: both; }