/* General Styles
=================================*/

body {
	background:url(../images/trax2.gif) repeat;
	text-align: center;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	min-width: 765px;
}

.clear {
	clear:both;
	font-size: 10%;
}

a:link{
	color: #457ACB;
	text-decoration: none;
	border-bottom: 1px dotted #1C355E;
}
img.a { border-bottom: 0px none; }

a:visited{
	color: #457ACB;
	text-decoration: none;
	border-bottom: 1px dotted #1C355E;
}

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


a.img {
	border: 0 none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
}

h1{
	font-size: 1.25em;
}

h2{
	font-size: 1.2em;
}
h3 {
	font-size: 1.5em;
	border-bottom: thin solid gray;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
	border-bottom: 1px solid gray;
}
h6 {
	font-size: .75em;
	font-style: normal;
}

img {
	border: 0px none;
}
img a { border: 0px none; }

img.border {
	padding: .4em; 
	border-style: solid;
	border-color: #556890;
}

/* Layout
=================================*/


#wrapper{
	margin:0 auto 0 auto;
	width:736px;
	text-align: left;
}
/*
#logo{
	width:189px;
	height:56px;
	background: url(../images/blog_logo_new.gif);
}
*/
#top{
	height: 5px;
	background: #FFFFFF url(../images/shadow_top.gif) repeat-y right;
}

#bg{
	padding: 10px 19px 15px 15px;
	background: #FFFFFF url(../images/shadow_side.gif) repeat-y right;
}

#branding{
	background: url(../images/yodel_02.jpg);
	width: 702px;
	height: 184px;
}

#topnav {
	margin-top: 5px;
	text-align: right;
}
#topnav ul {
	background: #ececec;
	/*border-top: 2px solid #FFF;*/
	border-bottom: 0;/*px solid #FFF;*/
	float: left;
	margin: 0;
	padding: 0;
	width: 702px;
}
#topnav li {
	float: left;
	/*height: 28px;*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topnav li a {
	border-right: 1px solid #fff;
	color: #666;
	display: inline;
	float: left;
	font-size: 84%;
	font-weight: bold;
	margin: 0;
	padding: 6px 10px;
	text-decoration: none;
	border-bottom: none;
}

#topnav li a:hover {
	background: #fff;
	color: #999;
}

li#first a {
	margin-left: 12px;
	border-left: 1px solid #fff;
	}
/*
#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{
	float: left;
	width: 470px;
	margin-top: 10px;
	padding: 0 10px 0 10px;
	border-right: 1px dotted #CCCCCC;
	line-height: 1.6em;
}


#links {
	float: right;
	width: 180px;
	margin-top: 10px;
	padding: 0 10px 0 10px;
	line-height: 1.3em;
}


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

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


/* Main Content Styling
=================================*/
.heading{
	color: #457ACB;
	font-size: 75%;
	}

.title{
	color: #36508B;
	background: url(/images/axe.gif) no-repeat left top;
	padding: 3px 0 3px 25px;
}

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

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

blockquote {
	background-color: #f2f2f2;
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 15px;
	font-size: 88%;
}

.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;
}


/* Sidebar Styling
=================================*/

#links a:link, #nav a:link {
	border: 0px none;
}

#links a:visited, #nav a:visited {
	border: 0px none;
}

#links ul, #archive{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#links li, #archive li{
	list-style: none;
	margin: 0 0 8px 0;
}

#links .subnav li {
	background: url(../images/arrow7.gif) no-repeat left top;
	padding: 2px 0 3px 20px;
	margin: 0;
}

#links #blogroll li {
	margin: 0 0 4px 0;
}

#links dt {
	font-weight: bold;
	padding: 0 0 0 5px;
	margin-right: 10px;
	font-size: 88%;
	border-bottom: 1px dotted #ccc;
}

#links dd {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 86%;
}

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

.syndicate{
	padding: 15px 0 15px 0;
}


#links img {
	padding: 5px 0 5px 0;
}

/* footernav */

#footernav {
	margin-bottom: 0px;
	text-align: right;
}
#footernav ul {
	background: #fff;
	border-bottom: 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 702px;
}
#footernav li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footernav li a {
	border-left: 1px solid #385C98;
	color: #666;
	display: inline;
	float: left;
	font-size: 84%;
	margin: 0;
	padding: 1px 9px;
	text-decoration: none;
	border-bottom: none;
}
#footernav li a:hover {
	background: #999;
	color: #fff;
}
li#footerfirst a {
	margin-left: 0px;
	border-left: 0px;
	}
/* custom graphic bullets */
.pdf {	padding: 5px 0 0 20px;
	background: url(../images/bullet_pdf.gif) no-repeat 0px 5px;	}
.doc {	padding: 5px 0 0 20px;
	background: url(/images/bullet_doc.gif) no-repeat 0px 5px;	}
.none {	padding: 5px 0 0 20px;
	background: url(/images/bullet_stop.gif) no-repeat 0px 5px;	}
.web {	padding: 5px 0 0 20px;
	background: url(/images/bullet_web.gif) no-repeat 0px 5px;	}