@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}

body { background:url(/graphics/bg.jpg) repeat-x; font-family:Verdana, Geneva, sans-serif; color:#6b6d6e}

.clear { clear:both;}

.left {float:left;}
.right { float:right;}

a:link, a:visited { color:#6b6d6e; text-decoration:underline;}
a:hover, a:visited:hover { text-decoration:underline; color:#333;}

img { text-decoration:none; border:none;}
img a, img a:visited { border:none; text-decoration:none;}

#header { margin:auto; width:919px; height:131px;}

#logo { float:left; width:386px; margin-top:10px;}
#subscribe { float:right; margin-top:5px; font-size:12px; width:520px; text-align:right; color:#FFF;}
#subscribe a, #subscribe a:hover { color:#FFF}

#search { float:right; margin-top:10px; width:520px; text-align:right;}
#search .searchfield { width:184px; height:18px; border:ridge 1px #CCC; padding:5px; margin:0; color:#35ccff;}
#search form { margin:0; padding:0}
#searchfield { margin-top:5px; margin-right:10px;}

#nav {
	font-size:16px;
	float:right;
	width: 500px;
	padding: 5px 16px; /* duplicate the tab size */
	text-align: left;
	display: block;
	margin-top:8px;
	}

#nav li {
	margin: 0;
	padding: 0 5px 16px 5px;
	text-transform: lowercase;
	display: inline;
	}

#nav a {
	font-weight: normal;
	height: 19px;
	padding: 0 5px 16px 5px;
	color:#6b6d6e;
	text-decoration:none;
	}
	
#nav a:hover {
	color:#000000;
	text-decoration: none;
	background:url(/graphics/arrow.gif) bottom center no-repeat;
	padding: 0 5px 16px 5px;}

.current_page_item {
	text-decoration: none;
	background:url(/graphics/arrow.gif) bottom center no-repeat;}


h1 { font-size:24px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; font-weight:normal; line-height:28px;}
h2 { font-size:22px; margin:10px 0 10px 0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold; line-height:26px;}
h3 { font-size:18px; margin:10px 0 10px 0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold; line-height:24px; }
h4 { font-size:16px; margin:10px 0 10px 0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; line-height:22px;}
h5 {}

#container { width:919px; margin:auto; text-align:left;}

p { text-align:justify; margin:20px 0 20px 0;}

#left-col { float:left; width:542px; font-size:12px; line-height:18px;}
#right-col { float:right; width:348px; margin-top:15px;}
.right-col-text { width:330px;}

#step1 { width:395px; height:40px; background:url(/graphics/bg-step1.jpg); padding:20px 15px 24px 132px; font-size:18px; margin-top:5px;}

#directory { width:542px; font-size:14px; float:left; margin-bottom:15px;}
#directory ul { list-style: none; width: 90%; margin: 20px 10px 0px 10px; }
#directory li { width: 100%; text-align: left; font-size: 15px; font-weight: normal; border-bottom: 1px dotted #cbf0fc; padding: 7px 0 7px 7px; display: block; }
#directory li a, #directory li a:visited { color:#6b6d6e; text-decoration:none; }
#directory li a:hover, #directory li a:active { color:#333; text-decoration:underline; }
#directory ul li ul { display:inline; width: 100%; }
#directory ul li ul li { border: 0px; font-size: 12px; font-weight: normal; display: inline; padding: 4px 6px; }
#directory ul li ul li a, #directory ul li ul li a:visited { color: #1ca6d4; text-decoration:none; }
#directory ul li ul li a:hover, #directory ul li ul li a:active { color: #1084ab;text-decoration:underline; }

#ads1 {margin-bottom: 15px;}

hdr-sidebar {}

#right-col ul {list-style: none; margin:10px 0 0 10px; text-align:justify;}
#right-col li { padding:0 0 10px 0; font-size:12px;line-height:16px}
#right-col .title { font-size:12px; text-decoration:none; }

#right-col li a { text-decoration:none; border-bottom:1px dotted #999999; text-align:left;}

#rssnews a {font-size:10px; text-align:left;}
#rssnews li { padding:0 0 5px 0; line-height:14px;}

.comment-body { padding:8px 8px 2px 8px; font-size:10px;}
.comment-body p { margin:2px 0 2px 0;}
.commenttext2 { width: 425px; float:right;}
.commenttext2 p { margin:4px 0 4px 0;}
#commentform textarea {
	width: 100%;
}

ol.commentlist { list-style: none; padding: 0; margin: 0; width: 100%; }
ol.commentlist ul { list-style: none; padding: 0; margin: 0px; }
ol.commentlist li { list-style: none; margin: 12px 10px 20px 1px; padding: 11px; border: 1px solid #BFBFBF; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
ol.commentlist a {color: #1ca6d4; text-decoration:none;}
ol.commentlist a:visited { color: #1ca6d4; text-decoration:none;}
ol.commentlist a:hover { color: #1084ab;text-decoration:underline; }
ol.commentlist a:active { color: #e1477d; text-decoration: none; }

li.alt .commenttext {background:#666666 no-repeat;}     
li.alt .date { background:#67421c; padding:3px;}  

.commentclear { clear: both; float: left; width: 100%; }
#commentleft { float: left; margin: 5px 0px 5px 0; width: 65%; }

#commentarea { width: 97%; padding: 6px 0 6px 0; margin: 13px 0 20px 0; color: #5f5f5f; font-size: 13px; }
#commentarea a { color: #c03b6a; text-decoration: none; }
#commentarea a:visited { color: #c03b6a; text-decoration: none; }

#commentarea a:hover { color: #00a4b4; text-decoration: none; }
#commentarea a:active { color: #00a4b4; text-decoration: none; }
.allowed { padding: 5px 0 5px 0; font-size: 11px; }
.alt { }
.directory { font-family: "Palatino Linotype", Trebuchet MS, sans-serif; font-size: 22px; line-height: 29px; }
.directoryurl { font-family: "Palatino Linotype", Trebuchet MS, sans-serif; font-size: 17px; line-height: 27px; }
.smalldir { font-family: "Palatino Linotype", Trebuchet MS, sans-serif; font-size: 13px; font-style: italic; color: #737374; line-height: 21px; }
.directorytext { font-size: 14px; line-height: 19px; margin: 3px 0 3px 0; }
.postmetadata { width:512px; padding:10px;}

/**Gravatars**/
.gravatar { float: left; margin-right:10px; margin-bottom:5px;}

.fn { float:left; font-size:16px; font-style:normal}
.fn a { text-decoration:none; border-bottom:1px dotted}
.directory-avatar {float:left; margin-right:15px; margin-bottom:10px;}
.twitter-url { font-size:14px; margin-top:5px;}
.commentmetadata { font-size:10px; font-style:italic; float:left; width:100%}
.comment-author-container { float:left; width:200px;}

.calendar { float:left; width:72px; height:75px; text-align:center; background:url(/graphics/calendar.jpg) no-repeat; font-size:9px;}

#left-col ul { list-style:none; margin-left:15px;}
#left-col li { padding:5px 0 5px 0;}

#blog-sub {float:right; width:135px; margin-top:13px; text-align:left; height:50px; padding:5px; background:#cbf0fc}

.inputfield { width:400px; height:20px; padding:5px; margin-bottom:10px;}
.submitbtn { width:150px; height:30px; float:left}
.textlimiter { float:left; margin-right:250px; padding-top:5px;}

#respond { position:relative;}
#respond p { margin:3px 0 3px 0;}
#avatar-help {position:absolute; right:10px; top:60px; width:100px; height:140px; background:#999999;}

.commenttextarea { padding:5px; width:300px;}

#footer { width:100%; background:url(/graphics/bg2.jpg) #CCC repeat-x; height:144px; margin-top:20px; font-size:10px;}
#footer-container { width:919px; margin:auto}
.footer-col { float:left; margin:20px 0 0 0}
#col1 { margin-right: 10px; width:210px;}
#col2 { margin-right:20px; width:150px;}
#col3 { width:140px;}

.footer-icons { float:left; width:43px; margin-right:0px; text-align:center; margin-bottom:7px}
.footer-links { float:right; width:160px; margin-top:5px;}
#col2 ul { list-style:none;}
#col2 li { padding:4px 0 4px 0;}

#footer-logo { float:right; margin:35px 50px 0 0;}

#footer a { text-decoration:none; border-bottom:1px dotted #4D4D4D}

#footer img a { border:none;}