@charset "utf-8";
/* Markup by Matthew Rochow */
/* http://www.matthewrochow.com */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a {color:#4ec102;text-decoration:underline}, a:visited {text-decoration:none}
a:hover {color:#0000ff;text-decoration:underline}
body {background:#EFEFEF url(../images/bg.png) repeat-x;color:#3a3a3a;font:75%/125% Lucida Sans Unicode, Verdana, Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
h1 {color:#ff2628;font-size:1.5em;font-weight:normal}
h1 a {color:#4169e1;text-decoration:underline}
h2 {color:#ff2628;font-size:1.5em;font-weight:normal}
h2 a {color:#4169e1;text-decoration:underline}
h3 {color:#ff2628;font-size:1.2em;font-weight:normal}
h3 a {color:#ff2628;text-decoration:none}
h4 {color:#ff2628;font-size:1.1em;font-weight:normal}
h4 a {color:#ff2628;text-decoration:none}
fieldset {border:0}
p {margin:0 0 1em}

/* Structure */
#page {margin:42px auto;width:876px}
#main {background:url(../images/content.gif) repeat-y; margin-top:2px;}
#main div {}
#main div div {background:url(../images/content.gif) no-repeat left bottom;overflow:hidden}
* html #main div div {height:1%}
#main div div div {background:none}
#main div div #container {background:#fff; margin:0 auto;width:846px}

/* Header */
	/* Logo */
	#logo {float:left;margin:0 0 0 15px}
	
	/* Comment */
	#comment {float:right;font-size:.8em;height:51px;margin:0 15px 2px 0;padding:5px;width:240px}
	#comment h1 {color:#4ec102;font-size:1.1em}
	#comment h2 {color:#4ec102;font-size:1.1em}

	/* Navigation */
	#navigation {background:url(../images/menu.gif) repeat-x 0 6px;clear:both;height:59px;margin:-1px 14px;overflow:hidden;padding:0 10px}
	#navigation li {background:url(../images/divider.gif) no-repeat 100% 12px;float:left;list-style:none}
	#navigation li#last {background:none}
	* html #navigation li {background-position:100% 17px}
	#navigation li a {color:#FFF;font-family:Verdana, Arial, Sans-Serif;font-weight:bold;float:left;height:55px;line-height:64px;padding:0 16px;text-decoration:none;text-transform:uppercase}
	#navigation li#last a {height:55px;line-height:64px;padding:0 16px}
	#navigation li#last a:hover {height:55px;line-height:57px;padding:0 16px}
	#navigation li.current, #navigation li:hover, #navigation li#last:hover, #navigation li#last.current {background:url(../images/menu-hover.gif) no-repeat right -56px}
	#navigation li.current a, #navigation li a:hover, #navigation li#last.current a {background:url(../images/menu-hover.gif) no-repeat left top;line-height:56px}
	#navigation li.current, #navigation li:hover, #navigation li#last:hover, #navigation li#last.current {color:#3a3a3a;font-family:Verdana, Arial, Sans-Serif;font-weight:bold;}
	#navigation li.current a, #navigation li a:hover, #navigation li#last.current a {color:#3a3a3a;font-family:Verdana, Arial, Sans-Serif;font-weight:bold;}
	#navigation form {float:right;padding:19px 20px 0;width:216px;height:26px;}
	#navigation form #type {background: url(../images/s_bg.gif) no-repeat;border:0;float:left;width:164px;height:26px;}
	#navigation form #type {font:italic 1em Verdana, Arial, Sans-Serif;color:#666666;height:15px;padding:6px;width:152px;}
	#navigation form #find {background: url(../images/find.png) no-repeat;cursor:pointer;border:0;width:52px;height:26px;}
	* html #navigation {behavior: url("hover_hp.htc");}

/* Banner */
#banner {float:left;width:492px;height:60px;margin:10px 18px 10px 32px}

/* Subscribe */
#main div div #subscribe {float:right;margin-right:20px;background:url(../images/rss_hp.gif) no-repeat;padding:0;width:300px;height:80px}
#main div div #subscribe {font-family:Verdana, Arial, Sans-Serif;overflow:hidden;padding:26px 0 0 93px;width:220px;height:54px}
#subscribe li {color:#55bf03;font-weight:bold;display:inline;list-style:none;}
#subscribe li a {color:#ff2628;text-decoration:underline}
#subscribe li a:hover {color:#55bf03;text-decoration:underline}
#subscribe form {padding:7px 0 0;}
#subscribe form #email {background:url() no-repeat;border:0;float:left;width:153px;height:13px;}
#subscribe form #email {font:italic .9em Verdana, Arial, Sans-Serif;color:#666666;padding:5px;width:143px;}
#subscribe form #ok {background:url() no-repeat;cursor:pointer;border:0;width:44px;height:23px;}
	
/* Content */
#main div div #content {background:#FFF;clear:both;display:inline;float:left;margin:0;padding:10px 10px 22px 17px;width:497px}

	.guides {float:left;font-size:.9em;color:#000;width:241px}
	.guides p {margin:0 10px 0 13px}
	.guides h1 {margin:8px 0 0 12px;font-size:1.3em;line-height:18px}
	.guides h1 a {font-size:1em;color:#ff2628;text-decoration:none}
	.guides h1 a:hover{color:#ff2628;text-decoration:underline}
	.guides a.more {margin:0 10px 0 0;color:#0000ff;float:right;font-family:Verdana, Arial, Sans-Serif;text-decoration:underline}
	/*.guides a:hover.more {color:#0000ff;font-family:Verdana, Arial, Sans-Serif;text-decoration:underline}*/
	/*.guides em {color:#c0c0c0;float:right;font-style:none;font-family:Verdana, Arial, Sans-Serif}*/
	.first {margin:0 5px 0 0}
	.second {margin:0 0 0 5px}
	
	/* Post */
	.post {clear:both;line-height:1.5em;padding:0 0 0}
	.post h1 {float:left;margin:0 0 2px;width:497px}
	.post h3 {float:left;margin:0 0 2px;width:250px}
	.post h3 a {color:#ff2628;text-decoration:none}
	.post h3 a:hover {color:#0000ff;text-decoration:underline}
	.post h4 {float:left;margin:0 0 2px;width:497px}
	.post h4 a {color:#ff2628;text-decoration:none}
	.post h4 a:hover {color:#0000ff;text-decoration:underline}
	.post .meta {color:#ff2628;float:right;font:.9em Verdana, Arial, Sans-Serif;line-height:15px;margin:3px 0 5px;width:247px}
	.post .meta a {color:#0000ff;text-decoration:none}
	.post .meta a:hover {color:#0000ff;text-decoration:underline}
	
	.disqus_thread {clear:both;font-size:.9em;line-height:1.1em;margin:0;padding:0 0 0;float:left;width:496px;}
	
/* Sidebar */
#main div div #sidebar {background:#fff; font:1em Arial, Sans-Serif;margin: 0 12px 0 0;width:300px}
#main div div #sidebar #tabs-container {background:#fff;position:relative;width:300px;border-top:10px solid #fff}
#main div div #sidebar #tabs-container ul#tabs {height:34px;list-style:none;margin:0px;padding:0;width:300px}
#main div div #sidebar #tabs-container ul#tabs li {float:left;padding:8px 0 0}
#main div div #sidebar #tabs-container ul#tabs li a {background:#ebfedf;color:#000;border-top:1px solid #bbb;border-right:1px solid #bbb;float:left;height:19px;padding: 6px 12px 0;text-decoration:none;text-transform:uppercase}
#main div div #sidebar #tabs-container ul#tabs li a {font-weight:bold;}
#main div div #sidebar #tabs-container ul#tabs li a:hover {background:url(../images/tab_bg.gif) repeat-x;font-weight:bold;text-decoration:none;}
#main div div #sidebar #tabs-container ul#tabs li a.first {border-left:1px solid #bbb;border-right:1px solid #bbb;margin:0}
#main div div #sidebar #tabs-container ul#tabs li.current  {padding:0}
#main div div #sidebar #tabs-container ul#tabs li.current a {background:url(../images/tab_bg.gif) repeat-x;color:#000;height:21px;border:0;padding:13px 14.5px 0}
#main div div #sidebar #tabs-container ul#tabs li.current a.first {background:url(../images/tab_bg.gif) repeat-x; color:#000;height:21px;padding:13px 15px 0}
#main div div #sidebar #ad {position:relative;width:300px;padding:10px 0 10px 0}
#main div div #sidebar #feed {position:relative;background:#f0ffff;color:#3a3a3a;margin:0 -10px 0 -10px;width:280px;padding:13px 20px 0 20px}

	/*Panels Container*/
	#main div div #sidebar #tabs-container #panels-container {background:#ebfedf;border:4px solid #64d217;padding:10px;width:272px}
	#main div div #sidebar #tabs-container #panels-container > div {border:0;padding:0;display:none;}
	#main div div #sidebar #tabs-container #panels-container div div {background:#fff;color:#3a3a3a;line-height:20px;padding:14px 10px 10px;width:252px;}
	#main div div #sidebar #tabs-container #panels-container div h1 {color:#ff2628;font-size:1.2em;font-weight:bold;padding:2px 0 10px 0}
	#main div div #sidebar #tabs-container #panels-container div div ul {list-style:none;padding: 0 0 11px;margin:0}
	#main div div #sidebar #tabs-container #panels-container div div ul li a {color:#0000ff;text-decoration:none}
	#main div div #sidebar #tabs-container #panels-container div div ul li a:hover {color:#0000ff;text-decoration:underline}
	#main div div #sidebar #tabs-container #panels-container div div a.more {color:#0000ff;text-decoration:underline}
	#main div div #sidebar #tabs-container #panels-container div div a:hover.more  {color:#0000ff;text-decoration:underline}
	
/* Footer */
#footer {background:url(../images/footer.png) repeat-x;color:#000;font-size:.8em;font-family:Lucida Sans Unicode, Verdana, Arial, Sans-Serif;margin:0 14px;padding:20px 20px}
#footer a {color:#000;text-decoration:none}
#footer a:hover {color:#fff;text-decoration:underline}