@import "categories.css";
@charset "utf-8";

*						{ margin:0; padding:0;}
ol, ul, li 				{list-style: none;}
p						{ margin-bottom:10px;}
#clear					{ clear:both}
body					{ background:url(./images/Main-bg.jpg) repeat-x #fe7701; font-family:Arial, Helvetica, sans-serif; 
font-size:11px;}
#wrap					{ width:1003px; margin:0 auto; position:relative;}
#header					{ background:url(./images/Header.jpg) no-repeat top center; height:245px;}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 500px 0 0px;
	text-align:right;
}
h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#logo				{ width:300px; height:126px; position:absolute; top:15px; left:100px; background:url(./images/logo.jpg) no-repeat center left;  }
#navi-top 				{ margin: 195px 80px 0 80px; position:absolute; font-size:16px; font-weight:bold}
#navi-top li 			{ float:left; padding: 0px 15px 15px 15px; border-right: solid 1px #cd5603; height:5px;}
#navi-top li a 			{ color:#fee900; text-decoration:none;}
#navi-top li a:hover	{ color:#FFFFFF;}
#dir-content			{ margin:0 20px 0 20px; width:100%;}
#content 				{ background: url(./images/content-bg.png) repeat-y; margin:0 116px 0 50px;}
#content-wrap			{ width: 809px; margin-left:14px; background:#fff}
#sidebar				{ width:307px; float:left; background:#ffebbf; margin-right:14px;}
#sidebar #searchtab		{ background:#b50809; padding: 5px 0 5px 15px; width:292px; color:#FFFF00; font-size:16px; font-weight:bold;}
#sidebar form			{ background:url(./images/bg-searchbox.jpg) no-repeat; height:30px; width:244px; border:none; margin:15px; padding:5px 10px;}
#sidebar form input		{ width:200px; background:#ffd77e; border:none;}

.box a					{ text-decoration: none; }
.box ul					{ list-style: none; }
.box					{ background: #ffebbf; margin: 0 0 15px 0; }
.box ul.cat-list li							{ font-size: 11px; margin: 0 20px; border-bottom: 1px solid #fff2d6; }
.box ul.cat-list li a						{ color: #222; display: block; padding: 6px 6px; margin: 0; border-bottom: 1px solid #fff2d6; }
.box ul.cat-list li:last-child, 
.box ul.cat-list li:last-child a				{ border: none; }
.box ul.cat-list li a:hover						{ background: #ffdb8d; text-decoration: none; }
#catNav											{ padding:25px 10px; background:url(./images/sidebar-tab-bg.jpg) no-repeat right;}
#catNav li										{ display: inline; font-weight:bold; padding:0 5px; }
#catNav li a#list-one-button					{ background:#b50809; color:#FFFF00; padding:5px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#catNav li.activeCatButton a#list-one-button 	{ color:#fff}
#catNav li a#list-one-button:hover 				{ color:#fff}
#catNav a#list-two-button						{ background:#b50809; color:#FFFF00; padding:5px; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#catNav li.activeCatButton a#list-two-button 	{ color:#fff}	
#catNav li a#list-two-button:hover 				{ color:#fff}	
#catNav a#list-three-button						{ background:#b50809; color:#FFFF00; padding:5px; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#catNav li.activeCatButton a#list-three-button 	{ color:#fff}
#catNav li a#list-three-button:hover 			{ color:#fff}

#about h2				{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#b50809; padding:25px 10px; background:url(./images/sidebar-tab-bg.jpg) no-repeat right;}
#about p				{padding:10px 10px;}

.content-main			{ width:488px; float:right; background:#ffebbf; margin-bottom:15px; padding-bottom:10px; }
.content-main h1		{ font-face:Arial, Helvetica, sans-serif; font-size:30px; font-weight:lighter; margin:10px 0 5px 15px;}
.content-main h1 a		{ color:#000; text-decoration:none;}
.content-main h1 a:hover{ color:#CC0000; border-bottom:#CC0000 1px dotted;}
.content-main .date-cat	{ background:#b50809; padding: 5px 0 5px 15px; width:70%; color:#FFFFFF; margin:10px 0px 10px 0px;}
.date-cat a				{ color:#FF0; text-decoration:none;}
.date-cat a:hover		{ color:#fff; border-bottom:#fff 1px dotted;}
.content-main #post-container	{ background:url(./images/post-bg.jpg) no-repeat top;  padding: 20px 20px 5px 20px;}
.content-main #tab-date	{ margin-left:488px; width:79px; height:98px; background:url(./images/tab-date.png) no-repeat; position:absolute; padding:2px; margin-top:-40px;}
#tab-date #day			{ font-size:25px; font-weight:bold; color:#FFFFFF;  text-align:center; width:70px;}
#tab-date #month		{ font-size:18px; color:#ffc301; text-transform:uppercase;  text-align:center; width:70px;}
#tab-date #year			{ font-size:14px; font-weight:bold; color:#FFFFFF;  text-align:center; width:70px;}
.content-main #tab-comment 	{margin-left:488px; margin-top: 50px; width:79px; height:98px; background:url(./images/tab-date.png) no-repeat; position:absolute; padding:2px;}
.content-main #tab-comment a{ text-decoration:none;  cursor:pointer;}
#tab-comment #com-number	{ font-size:25px; font-weight:bold; color:#FFFFFF; text-align:center; margin-top:10px; width:70px;}
#tab-comment #comment		{ font-size:11px; font-weight:bold; color:#ffc301; text-align:center; width:70px;}
a.more-link					{ background:#b50809; color:#FFFF00; padding:5px; width:69px; float:right; margin-top:10px; text-decoration:none; font-weight:bold; cursor:pointer;}
a:hover.more-link		{ color:#FFFFFF;}
p img					{ margin:0 10px 10px 0; border: solid 5px #bd9477; float:left;}
blockquote 			{ padding:20px; background:#f8e1b5; border-left:#bd8f67 solid 5px;}
#footer					{ background: url(./images/footer-bg.jpg) no-repeat top center; height:103px;}
.post-comment			{ padding:20px; background:#f8e1b5; border-left:#bd8f67 solid 5px; margin:15px 0;}
#post			{ width:488px; _width:480px;}
a				{ color:#CC0000;}
.comment-wrap	{ margin:15px;}
#comment-form input	{ margin:5px;}

#footer p { color:#999999; text-align:center;}
#footer p a { text-decoration:none; }
#footer p a:hover { text-decoration:underline; color:#000000}