@charset "utf-8";

/* Content */

.asset-name {
    font-weight: bold;
}
.asset-name a {
    text-decoration: none;
}
.asset-name a:hover {
    text-decoration: underline;
}
.asset-content {
    margin: 5px 0;
}
.asset-more-link {
    font-weight: bold;
}
.asset-meta {
	text-align: right;
}
.asset-footer {
    border-top: 1px solid #ccc;
}
.content-nav {
    margin: 5px 0 10px;
}
.archive-title {
    margin: 5px 0 30px;
    font-size: 100%;
    font-weight: bold;
}
.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 100%;
    font-weight: bold;
}
.search-results-header {
    margin-bottom: .25em;
}
.asset-more-link,
.asset-meta,
.typelist-thumbnailed {
    font-size: 85%;
}

/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}

/* Global ----------------------------------------------------------------- */

body {
    background-color: #fff;
    color: #333;
}
a {
    color: #75AD1F; 
}

/* Layout ----------------------------------------------------------------- */

#container {
    width: 864px;
	margin: 0 auto;
	padding: 0 0 12px;
	background: #ffffff url(../images/common_bottom.jpg) no-repeat 0 bottom;
}
#container-inner {
    width: 850;
	margin: 0 auto;
    padding: 0 7px;
	background: #ffffff url(../images/common_bg.jpg) repeat-y 0 0;
}
#header-inner, #content-inner, #footer-inner {
    padding-top: 0;
    padding-bottom: 0;
}
#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}
#content { 
    margin-top: 10px;  
    margin-bottom: 20px;  
	clear: both;
}
#header-inner,
#content-inner,
#footer-inner {
    position: relative;
    width: 850px;
    margin: 0 auto;
}

/* Header ----------------------------------------------------------------- */

#header {
	width: 850px;
	background: url(../images/header_bg.jpg) no-repeat 0 bottom;
}
#header-summary {
	padding: 0 20px;
	text-align: right;
	font-size: 92%;
}
#header-summary a {
	color: #333333;
}
#header-logo {
    color: #666;
    font-weight: bold;
}
#header-content {
    width: 810px; 
    margin: 0 0 15px;
	padding: 0 20px;
}

/* navi ----------------------------------------------------------------- */

#navi {
	width: 610px;
	padding: 0 0 10px 20px;
}
#navi li {
	width: 99px;
	border-left: 2px solid #e4e4e6;
    float: left;
}
#navi li.navi-end {
	width: 101px;
	border-right: 2px solid #e4e4e6;
	border-left: 2px solid #e4e4e6;
    float: left;
}
#navi li img {
	vertical-align: text-bottom;
}

/* main-img ----------------------------------------------------------------- */

#main-img {
	width: 610px;
	padding: 0 0 20px 20px;
	clear: both;
}

/* Content ---------------------------------------------------------------- */

.asset-name,
.asset-name a,
.archive-title {
    color: #000;
}
.asset-footer {
    border-top-color: #ddd;
}
.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #333;
}
.comment,
.trackback {
    border-color: #ddd;
}
.asset-name a {
    margin-bottom: 8px;
}
.asset-name a:hover {
    text-decoration: underline;
}
.archive-list-item {
    margin-bottom: 5px;
}

/* Widget ----------------------------------------------------------------- */

.widget-header,
.widget-content {
}
.widget-header {
    padding: 0;
    font-size: 14px; 
    margin-bottom: 8px;
    padding-bottom: .3em; 
}
.widget-header,
.widget-header a {
    color: #333;
    font-weight: normal;
}
.widget-content a {
    color: #666;
}
.widget-header {
    font-size: 14px;
}
.widget-header a {
    text-decoration: none;
}
.widget-header a:hover {
    text-decoration: underline;
}
.widget-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}

/* Calendar Widget */

.widget-calendar .widget-content table {
    font-size: 10px;
}

/* side ----------------------------------------------------------------- */

#side-typing {
	width: 180px;
	margin: 0 0 15px;
}
#side-typing h3 {
	width: 180px;
}
#side-typing div {
	width: 146px;
	padding: 10px 15px;
	background-color: #EBFAE6;
	border-right: 2px solid #A6C99C;
	border-bottom: 2px solid #A6C99C;
	border-left: 2px solid #A6C99C;
}
#side-typing .mov-img {
	margin: 0 0 5px;
	text-align: center;
}
#side-typing .mov-txt {
	text-align: center;
	color: #666666;
	font-size: 92%;
}
#side-typing .mov-txt a {
	color: #666666;
}
#side-bnr {
	width: 180px;
}
#side-bnr ul {
	width: 180px;
    margin: 0;
}
#side-bnr li {
	width: 180px;
    margin: 0 0 15px;
}
#side-bnr img {
	vertical-align: text-bottom;
}
#side-magazine {
	width: 180px;
}
#side-magazine h3 {
	width: 180px;
	margin: 0;
}
#side-magazine div {
	width: 158px;
	margin: 0 0 15px;
	padding: 5px 10px 5px;
	border-right: 1px solid #F29600;
	border-bottom: 1px solid #F29600;
	border-left: 1px solid #F29600;
}

#side-cat {
	width: 180px;
	padding: 0 0 5px;
	background-color: #fbfbfb;
}
#side-cat h2 {
	width: 180px;
	margin: 0 0 5px;
}
#side-cat ul {
	width: 170px;
    margin: 0 5px;
	border-top: 1px dotted #cccccc;
}
#side-cat li {
    margin: 0;
	padding: 10px 0 10px 15px;
	background: url(../images/side_mark.jpg) no-repeat 5px center;
	border-bottom: 1px dotted #cccccc;
	font-size: 93%;
}
#side-cat li a {
	display: block;
	color: #666666;
}
#feed {
    margin: 10px 8px 0;
}
#feed a {
	color: #666666;
	font-size: 85%;
}

/* Footer ----------------------------------------------------------------- */

#footer {
	width: 850px;
	padding: 79px 0 0;
	background: url(../images/footer_bg.jpg) no-repeat 0 0;
}
#footer-content {
    padding: 10px 20px 0;
}
#footer-logo {
	width: 211px;
    float: left;
}
#footer-menu {
	text-align: right;
}
#footer-menu ul {
	float: right;
}
#footer-menu ul li {
	float: left;
	font-size: 85%;
}
#footer-menu ul li a {
	color: #666666;
}
#footer-copy {
	text-align: right;
	clear: both;
	font-size: 85%;
}

/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#navi ul:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}

/* Custom Styles ---------------------------------------------------------- */

#main h1.asset-name {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../images/page_bar_01.jpg) no-repeat 0 0;
	line-height: 23px;
	color: #ffffff;
	font-size: 100%;
}
#top-topics h2 {
    margin: 0 0 10px;
}
#top-topics dt {
    padding: 5px 0 0;
}
#top-topics dd {
    padding: 0 0 5px;
	border-bottom: 1px dotted #cccccc;
}
#main strong,
#blog-main strong {
	font-weight: bold;
}
#main .asset-body,
#blog-main .asset-body {
	line-height: 1.6;
}

/* typing ---------------------------------------------------------- */

#typing {
	line-height: 1.6;
}
#typing p {
	margin: 0 0 15px;
}
#typing h2 {
	margin: 0 0 5px;
	color: #1EAA39;
	font-size: 100%;
	font-weight: bold;
	clear: both;
}
#typing .typing-movie {
	margin: 0 0 30px;
}

/* faq ---------------------------------------------------------- */

#faq {
	line-height: 1.6;
}
#faq h2 {
	margin: 20px 0 10px;
	color: #1EAA39;
	font-size: 123.1%;
	font-weight: bold;
}
#faq h3 {
	margin: 0 0 10px;
	background-color: #E6FCD9;
	text-indent: 10px;
	color: #75AD1F;
	font-size: 108%;
	font-weight: bold;
}
#faq ol {
	margin: 0 0 15px 10px;
}
#faq p {
	margin: 0 0 15px;
	text-indent: 1em;
}
#faq dd {
	margin: 0 0 15px;
	text-indent: 1em;
}

/* ads ---------------------------------------------------------- */

#ads {
	line-height: 1.6;
}
#ads h2 {
	margin: 0 0 5px;
}
#ads p {
	margin: 0 0 15px;
}
#ads ul {
	margin: 0 0 20px 10px;
}
#ads li {
	margin: 0;
	padding: 2px 0 0 20px;
	background: url(../images/ads_mark.jpg) no-repeat 0 0;
}
#ads table.ads-lineup {
	margin: 0 0 20px;
}
#ads th {
	width: 164px;
	height: 48px;
	padding: 0 10px;
	background: url(../images/ads_bg_01.jpg) no-repeat 0 0;
	color: #75AD1F;
	font-size: 93%;
	font-weight: bold;
}
#ads td {
	width: 406px;
	height: 48px;
	padding: 0 10px;
	background: url(../images/ads_bg_02.jpg) no-repeat 0 0;
	font-size: 93%;
}

/* editorial ---------------------------------------------------------- */

#editorial {
	line-height: 1.6;
}
#editorial h2 {
	margin: 0 0 15px;
	border-bottom: 1px solid #75AD1F;
	color: #1EAA39;
	font-size: 100%;
	font-weight: bold;
	clear: both;
}
#editorial h3 {
	margin: 0 0 5px;
	color: #1EAA39;
	font-size: 108%;
}
#editorial .editorial-img {
	margin: 0 0 10px 10px;
	padding: 0;
	float: right;
}
#editorial p {
	margin: 0 0 15px;
}
#editorial ul {
	margin: 0 0 20px;
}
#editorial li {
	margin: 0;
	padding: 0;
}
#editorial table.company {
	margin: 30px 0 20px;
	border-top: 2px solid #666666;
}
#editorial th {
	width: 164px;
	height: 48px;
	padding: 10px;
	border-bottom: 1px dotted #666666;
	text-align: center;
}
#editorial td {
	width: 406px;
	height: 48px;
	padding: 10px;
	border-bottom: 1px dotted #666666;
	font-size: 93%;
}
#editorial .c-end {
	border-bottom: 2px solid #666666;
}

/* contact ---------------------------------------------------------- */

#contact {
	line-height: 1.6;
}
#contact h2 {
	margin: 0 0 10px;
	color: #75AD1F;
	font-size: 100%;
	font-weight: bold;
	clear: both;
}
#contact p {
	margin: 0 0 20px;
}