/* @override 
	http://localhost/yoonla/wp-content/themes/noctis/style.css?1264715924
	http://localhost/yoonla/wp-content/themes/noctis/style.css?1265208855
*/

/*
Theme Name: Yoo-N-LA
Theme URI: http://yoonlamag.com
Description: Yoonla is a wordpress theme for wordpress 2.8+
Version: 1.0
Author: Johnny and Timothy
Author URI: http://vensure.net
Tags: fixed width, three columns, dark, magazine, widget ready
*/

/*CSS Reset*/
html, body {
margin: 0;
padding: 0;
}
strike, strong, sub, sup, tt, var,
b, u, i, center, br, p,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, img,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
background: transparent;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* @group Menu Bar */

#main-nav {
height: 100px;
}



#jsddm {
z-index: 300;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
padding-left: 269px;
padding-top: 69px;
}
	
	#jsddm li {
float: left;
display: inline;
font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
background: url(images/MenuBar.png) repeat-x;
	height: 29px;
}
#jsddm li.home {
background: url(images/Home.png) no-repeat;
}
#jsddm li.search {
background: url(images/SearchBar.png) no-repeat;
}
#jsddm li span.nav-des {
color: #ccc;
display: none;
}
	#jsddm li a {
display: block;
padding: 7px 16px 8px;
color: white;
white-space: nowrap;
text-align: center;
width: 70px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
}

	#jsddm li a:hover {
color: red;
}
		
		#jsddm li ul {
z-index: 100;
margin: 0;
padding: 0;
visibility: hidden;
text-align: left;
	position: absolute;
}

		
		#jsddm li ul li {
float: none;
display: inline;
text-align: left;
}
		
		#jsddm li ul li a {
width: auto;
background: #141414;
text-align: left;
}
		
		#jsddm li ul li a:hover {
background: #141414;
}

/* @group Search Box */

.search-txt {
border: 1px solid #333;
background: #222;
color: #eee;
	height: 18px;
	position: relative;
	top: 3px;
	width: 137px;
	font: italic 14px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#searchForm div {
text-align: center;
width: 181px;
}



#main-search-submit {
background: url(images/icon-search.gif) no-repeat;
text-transform: uppercase;
font: bold 13px Arial, Helvetica, sans-serif;
cursor: pointer;
height: 21px;
border-style: none;
width: 28px;
	display: block;
	position: relative;
	left: 139px;
	bottom: 18px;
}


/* @end */

/* @end */


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
br.clear-both, div.clear-both, br.clear-left, div.clear-left {
font: 1px/1px monospace;
display: block;
}

/* Overall setup */
body {
background: #000 url(images/main_background.jpg) repeat center top;
font: 11px Arial, Tahoma,Sans-serif;
}
a {
color: #aaa;
text-decoration: none;
outline: 0;
}
a:hover {
color: #eee;
}
a img {
border: none;
}
ul, li {
list-style: none;
margin: 0;
padding: 0;
}


code {
font: 11px  "Courier New", Arial, sans-serif;
background: transparent;
color: #666;
padding: 5px;
margin: 5px 0;
display: block;
border-left: 1px solid #903000;
}
blockquote {
color: #333;
padding: 5px 5px 5px 20px;
font: 14px Arial,Sans-serif;
line-height: 1.4em;
border-left: 5px solid #f90;
background: #f5f5f5;
}
.left {
float: left;
margin-top: 3px;
margin-right: 8px;
}
.right {
float: right;
margin-left: 8px;
}
.clear {
clear: both;
}
.pagenavi {
margin: 15px 0;
clear: both;
}
.hide {
display: none;
}

/* header */
#header {
width: 960px;
margin: 0 auto;
overflow: hidden;
}

#site-logo {
position: absolute;
padding: 0 0 25px;
width: 205px;
height: 170px;
margin: 0;
margin-left: -25px; auto;
z-index: 200;
}
#site-logo h1 {
background: transparent url(images/logo.png) no-repeat left top;
height: 170px;
}
#site-logo a {
text-indent: -9999px;
display: block;
width: 205px;
height: 170px;
outline: none;
border: none;
}
	




.searchpage-container {
width: 940px;
height: 150px;
background: #141414 url(images/body-background.jpg);
text-align: center;
margin: 0 auto;
padding: 10px;
}
.searchpage-form {
margin: 20px auto;
width: 630px;
}
input.btn-search {
background: transparent url(images/btn-search.gif) no-repeat center center;
width: 61px;
height: 24px;
color: #fff;
font: 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
border: none;
cursor: pointer;
}
input.btn-comment {
background: transparent url(images/btn-search.gif) no-repeat center center;
width: 61px;
height: 24px;
color: #fff;
font: 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
border: none;
margin-left: 1px;
cursor: pointer;
}

ul.tabs {
margin: 0 auto;
padding: 0;
float: left;
list-style: none;
width: 630px;
display: block;
width: 630px;
height: 32px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
background: #90b557;
border-left: none;
border-top: 1px solid #360;
border-right: 1px solid #360;
border-bottom: 1px solid #360;
height: 31px;
line-height: 31px;
margin-bottom: -1px;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font: bold 13px Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 10px 20px;
outline: none;
}
ul.tabs li a:hover {
background: #9c6;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background: #9c6;
border-bottom: 1px solid #9c6;
}

.tab_container {
border-top: 1px solid #360;
overflow: hidden;
clear: both;
float: left;
width: 615px;
background: #9c6;
}
.tab_content {
padding: 10px;
font-size: 1.2em;
}

/* features */	
#main-feature {
width: 940px;
height: 320px;
margin: 0 auto;
padding: 10px;
display: block;
background: transparent url(images/trans.png);
position: relative;
}

#slider {
width: 934px;
height: 320px;
border: solid 3px #333;
background: transparent url(images/trans.png) repeat center;
overflow: hidden;
display: block;
}
#adstext {
margin-top: 10px;
display: inline;
}
li.feature-article {
display: inline;
float: left;
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ff9;
margin-top: 10px;
margin-right: 30px;
padding-left: 2px;
}
li.ads468x15 {
float: left;
width: 468px;
height: 15px;
margin-top: 10px;
display: inline;
}

#ads300x250 {
width: 300px;
height: 250px;
}

/* main content */
#main-wrapper {
width: 960px;
margin: 0 auto;
display: block;
text-align: left;
overflow: hidden;
background: url(images/trans.png) repeat left bottom;
}
.main-container {
background: #141414 url(images/darkshadow.jpg) repeat-x left bottom;
}

.main {
width: 530px;
float: left;
display: inline;
}

/* main features */
#slider ul {
width: 934px;
height: 320px;
overflow: hidden;
display: block;
}


/* cover thumbnails customization */
.thumb {
border: 1px;
font: 11px Tahoma,Arial,sans-serif;
color: #999;
background: #222 url(images/thumb.png);
display: inline-block;
width: 250px;
height: 170px;
margin: 10px 0 0 10px;
position: relative;
overflow: hidden;
}
* html .thumb {
display: inline;
}
.thumb p {
margin: 2px 0;
}
.thumb-title {
background: #141414;
bottom: 0;
right: 0;
width: 240px;
display: block;
position: absolute;
padding: 5px;
}
* html .thumb-title {
bottom: -1px;
padding: 6px;
}
.thumb-title h2, .thumb-title h2 a {
font: bold 12px/14px Tahoma,Arial, sans-serif;
display: block;
text-decoration: none;
height: 30px;
}
.thumb-comment {
position: absolute;
top: -2px;
right: 0;
background: #0e0e0e;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
.thumb-comment a {
font: bold 10px Arial,sans-serif;
display: block;
line-height: 1.8em;
width: 2.6em;
text-decoration: none;
text-align: center;
}
.thumb-title span a {
border-bottom: 1px dotted #666;
}
.thumb-title span a:hover {
border-bottom: 1px dotted #999;
}

.thumb-title {
opacity: 0.8;
}
/*Firefox 3.5 transparent css3 valid*/
.thumb-title:hover, .thumb-comment {
opacity: 0.7;
}
/*Firefox 3.5 transparent css3 valid*/

.bar-section {
background: transparent url(images/bg-line.gif) repeat-x left top;
width: 510px;
height: 20px;
margin-top: 10px;
margin-left: 10px;
display: block;
}
* html .bar-section {
margin-top: 8px;
}

/* more post list */
#more-left {
float: left;
width: 250px;
display: inline;
margin-left: 10px;
}

/* recent comments */
#more-right {
float: left;
width: 250px;
display: inline;
margin-left: 10px;
}
#recent-comments h4 {
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffda7f;
margin-bottom: 10px;
}
#recent-comments li {
margin: 0 0 8px;
color: #666;
}
* html #recent-comments  li {
margin: 0 0 9px;
}
*:first-child+html #recent-comments  li {
margin: 0 0 9px;
}
#recent-comments li img.avatar24x24 {
width: 24px;
height: 24px;
}
#recent-comments a.comment-avartar {
width: 24px;
height: 24px;
display: block;
margin-right: 8px;
border: 1px solid #666;
float: left;
}
* html #recent-comments a.comment-avartar {
margin-right: 5px;
}
#recent-comments a:hover.comment-avartar {
border: 1px solid #eee;
}
#recent-comments div.comment-content {
width: 215px;
display: inline;
overflow: hidden;
}
#recent-comments a.comment-user {
font: bold 11px Tahoma,Arial, Helvetica, sans-serif;
color: #369;
}
#recent-comments a:hover.comment-user {
color: #6cf;
}
#recent-comments span {
color: #999;
overflow: hidden;
font: normal 11px Tahoma,Arial, Helvetica, sans-serif;
}


/* top commentators */
#top-comments-author {
width: 250px;
margin-top: 10px;
}
#top-comments-author h4 {
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffda7f;
margin-bottom: 10px;
}
#top-comments-author li {
float: left;
margin: 0 6px 6px 0;
color: #666;
}
#top-comments-author img.comment-avatar {
width: 32px;
height: 32px;
}
#top-comments-author a {
width: 32px;
height: 32px;
display: block;
border: 1px solid #666;
}
#top-comments-author a:hover {
border: 1px solid #eee;
}


.sidebarwrapper {
width: 750px;
float: right;
overflow: hidden;
}

/* @group Sidebars */

/* Left Sidebar */
#left-sidebar {
float: left;
width: 200px;
overflow: hidden;
margin-top: 10px;
margin-left: 10px;
display: block;
}

/* Right sidebar */
#right-sidebar {
float: right;
margin-top: 10px;
margin-right: 10px;
display: inline;
}

.static-sidebar {
margin: 15px 0;
	width: 200px;
}

.static-sidebar h2, .sidebar a{
padding: 2px;
width: 198px;
font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.static-sidebar h4, .sidebar h2 {
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fffeff;
	border-style: none;
	border-color: #000;
}


.static-sidebar li{
padding-top: 5px;
padding-bottom: 5px;
display: inline;
color: #666;
}

.static-sidebar a {
display: block;
}
.static-sidebar a img {
border: solid 1px #999;
width: 198px;
height: 68px;
margin-bottom: 5px;
}
*:first-child+html .static-sidebar a img {
margin-bottom: 8px;
}
* html .static-sidebar a img {
margin-bottom: 8px;
}


*:first-child+html .static-sidebar h2 {
margin-top: -3px;
}
* html .static-sidebar h2 {
margin-top: -3px;
}
.static-sidebar  p a {
padding: 2px;
padding-bottom: 5px;
color: #666;
font: 11px Tahoma,Arial, Helvetica, sans-serif;
}
.static-sidebar li:hover img {
border: solid 1px #eee;
}
.static-sidebar li:hover h2 a,.static-sidebar a:hover , .sidebar li:hover a{
color: #f00;
}
.static-sidebar li:hover p a {
color: #999;
}
* html .static-sidebar a:hover img {
border: solid 1px #eee;
}
* html .static-sidebar h2 a:hover {
color: #eee;
}
* html .static-sidebar p a:hover {
color: #999;
}

/* @group Gallery */

/* gallery */
#gallery {
clear: both;
width: 202px;
margin-top: 15px;
display: block;
overflow: hidden
}



#gallery li {
float: left;
margin: 0 4px 4px 0;
}
#gallery li.nextline {
float: left;
margin: 0 0 4px;
}
#gallery li img {
width: 62px;
height: 45px;
}
#gallery li a {
width: 62px;
height: 45px;
display: block;
border: 1px solid #666;
}
#gallery li a:hover {
border: 1px solid #eee;
}

/* @end */

/* @end */



/* My Comment */
#random-post .ads180x150, #most-comment .ads180x150 {
text-align: center;
width: 200px;
height: 150px;
background: #141414;
}

#tab-posts li, #tab-famous li, #tab-random li, #most-comment li {
padding: 5px 0;
}
#tab-posts li a, #tab-famous li a, #tab-random li a, #most-comment li a {
padding: 0 0 0 10px;
background: transparent url(images/icon-sprite.gif) no-repeat 0 4px;
display: inline-block;
}
#tab-posts li a:hover, #tab-famous li a:hover, #tab-random li a:hover, #most-comment li a:hover {
background: transparent url(images/icon-sprite.gif) no-repeat 0 -48px;
display: inline-block;
	color: #f00;
}




/* tags cloud */
div.st-tag-cloud {
width: 520px;
font-family: Tahoma,Arial,sans-serif;
margin: 15px 0;
line-height: 20px;
margin-left: 10px;
}
*:first-child+html div.st-tag-cloud {
line-height: 21px;
}
/*IE7 fixed*/
div.st-tag-cloud h3 {
margin: .4em 0;
font-size: 20px;
font-family: Verdana,Arial;
color: #ddd;
}
div.st-tag-cloud a {
text-decoration: none;
color: #333;
font-weight: normal;
padding: 2px 1px;
}
div:hover.st-tag-cloud a {
color: #666;
text-decoration: none;
}
div:hover.st-tag-cloud a:hover, div.st-tag-cloud a:hover {
color: #eee;
text-decoration: none;
}


/* footer */
.site-credit {
color: #444;
}
.w3c {
clear: right;
float: right;
margin-top: 8px;
}
#footer-content {
margin: 20px auto 0;
width: 960px;
height: 100px;
background: transparent url(images/bg-line.gif) repeat-x left top;
display: none;
}
#footer {
padding: 5px;
background: transparent url(images/trans.png);
margin: 15px auto 0;
width: 960px;
height: 70px;
font: 11px Arial, Helvetica, sans-serif;
color: #666;
padding: 10px 0;
border-top: solid 1px #151515;
}
#footer .footer-content {
float: left;
display: block;
}
#footer ul {
text-transform: uppercase;
}
#footer ul li {
float: left;
display: inline;
padding-right: 10px;
border-right: 1px solid #666;
margin: 0 10px 15px 0;
color: #666;
}
#footer li a:hover {
color: #eee;
}
cite {
font-style: normal;
}
.backtop {
width: 25px;
height: 25px
}
	 
		 
/* rss button */		 
a.rss-subscribe {
width: 60px;
height: 21px;
font: 10px Arial, Helvetica, sans-serif;
color: #999;
text-transform: uppercase;
display: block;
background: transparent url(images/icon-sprite.gif) no-repeat 0 -151px;
padding: 13px 45px 0 0;
line-height: 10px;
float: right;
}
a.twitter-subscribe {
width: 65px;
height: 21px;
font: 10px Arial, Helvetica, sans-serif;
color: #999;
text-transform: uppercase;
display: block;
background: transparent url(images/icon-sprite.gif) no-repeat 0 -382px;
padding: 13px 45px 0 0;
line-height: 10px;
float: right;
}
a.twitter-subscribe span, a.rss-subscribe span {
color: #ccc;
}
a:hover.rss-subscribe {
background: transparent url(images/icon-sprite.gif) no-repeat 0 -186px;
color: #ccc;
}
a:hover.twitter-subscribe {
background: transparent url(images/icon-sprite.gif) no-repeat 0 -418px;
color: #ccc;
}
a:hover.rss-subscribe span {
background: transparent;
color: #9c0;
}
a:hover.twitter-subscribe span {
background: transparent;
color: #39f;
}


/* breadcrumbs */
#nav-breadcrumbs {
width: 960px;
margin: 0 auto;
background: transparent url(images/trans.png);
height: 35px;
color: #ccc;
display: block;
overflow: hidden;
font: normal 11px Tahoma,Arial, Helvetica, sans-serif;
}
#nav-breadcrumbs p {
padding: 10px 0 10px 10px;
display: block;
height: 15px;
}
#nav-breadcrumbs p a {
padding: 0 20px 0 10px;
background: transparent url(images/icon-sprite.gif) no-repeat right -224px;
}
#nav-breadcrumbs p strong {
padding: 0 15px 0 10px;
color: #f00;
font-weight: normal;
}


/* 404, search page */
.contact-container, .error-404, .search-result {
background: #ebebeb url(images/grayshadow.jpg) repeat-x left bottom;
font: 13px Tahoma,Arial, Helvetica, sans-serif;
height: 800px;
padding: 15px;
}
html>body .search-result {
height: auto;
min-height: 800px;
}
.error-404 p, .search-result h1 a {
font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
color: #111;
}
.search-result h1 a:hover {
color: #c60;
}

/* tags page */
.tag_cloud a {
font-family: Tahoma,Arial, Helvetica, sans-serif;
color: #666;
}
.tag_cloud a:hover {
color: #f63;
}
h2.tags-title {
margin: 0 0 5px;
padding-top: 10px;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
color: #069;
text-transform: uppercase;
}
h4.tags-subtitle {
margin: 0 0 10px;
border-bottom: solid 1px #999;
padding-bottom: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #999;
text-transform: uppercase;
}

.ads728x90 {
margin: 10px auto;
text-align: center;
}

/* links page */
.links-title {
margin: 0 15px;
padding-top: 10px;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
color: #069;
text-transform: uppercase;
}
.links-subtitle {
margin: 0 15px 10px;
border-bottom: solid 1px #999;
padding-bottom: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #999;
}
.links-content {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
color: #333;
padding: 5px 15px 10px;
}
.links-content li {
height: 20px;
display: block;
}
.links-content li a {
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #333;
}
.links-content li a:hover {
color: #960;
}

/* content page */
.archives-title {
margin: 0 15px;
padding-top: 10px;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
color: #069;
text-transform: uppercase;
}
.archives-subtitle {
margin: 0 15px 0px;
border-bottom: solid 1px #999;
padding-bottom: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #999;
}
.archives-list {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
color: #666;
padding: 5px 15px 10px;
}
.archives-list li {
height: 20px;
display: block;
}
.archives-list li a {
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.archives-list li span.emptymonth {
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #666;
}
.car-container a, .archives-list a {
color: #111;
}
.car-container a:hover, .archives-list a:hover {
color: #960;
}
.car-container {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
color: #111;
padding: 5px 15px;
}
.car-container li {
padding: 5px 0 5px;
}
.car-container .car-yearmonth {
display: block;
font: bold 11px Tahoma,Arial, Helvetica, sans-serif;
color: #111;
}
a.car-toggler {
display: block;
height: 15px;
margin-bottom: 5px;
}

.main-content {
width: 640px;
float: left;
display: inline;
}
.sidebarwrapper-content {
width: 300px;
float: right;
overflow: hidden;
display: inline;
margin-right: 10px;
}

.page-archive {
background: #ebebeb url(images/grayshadow.jpg) repeat-x left bottom;
height: 850px;
}
html>body .page-archive {
height: auto;
min-height: 850px;
}
.page-archive p {
margin: 15px;
}
.post-content {
background: #ebebeb url(images/grayshadow.jpg) repeat-x left bottom;
padding: 10px 0;
}
html>body .post-content {
height: auto;
min-height: 850px;
}
* html .post-content {
height: 850px;
}
.post-content h2.headtitle {
margin: 0 15px 5px;
padding-top: 10px;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
color: #069;
text-transform: uppercase;
}
.post-content h2.pagetitle {
margin: 0 15px 5px;
padding-top: 10px;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
color: #111;
text-transform: uppercase;
}
.post-content .datepost {
margin: 0 15px 10px;
border-bottom: solid 1px #999;
padding-bottom: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #999;
}
.post-content .datepost a:hover {
color: #960;
}
.post-content .datepost span {
float: right;
}

.post-content h1.content-title a {
margin: 10px 15px 5px;
padding-top: 10px;
font: bold 16px/18px Tahoma,Arial, Helvetica, sans-serif;
color: #069;
display: block;
}
.post-content h1.content-title a:hover {
color: #960;
}
.ads468x15, .ads468x60 {
padding: 5px 15px;
text-align: center;
}

.readmore {
display: block;
text-align: right;
font: bold 12px Arial, Helvetica, sans-serif;
color: #666;
padding: 10px 0;
border-top: 1px dashed #999;
margin: 15px 0 0;
clear: both;
}

.post-entry {
margin: 0 15px 10px;
font: 13px Tahoma,Arial, Helvetica, sans-serif;
overflow: hidden;
}
.post-entry a {
color: #36f;
}
.post-entry a:hover {
color: #960;
}
.post-entry a.st_tag {
font-weight: bold;
border-bottom: 1px dotted #333;
color: #333;
}
.post-entry a:hover.st_tag {
border-bottom: 1px dotted #111;
color: #111;
}
.post-content .post-tags {
border: solid 1px #ddd;
margin: 15px;
padding: 10px;
background: #fafafa;
color: #666;
}
.post-tags span {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
}
.post-tags a {
color: #666;
font-weight: normal;
border-bottom: dotted 1px #ccc;
}
.post-tags a:hover {
color: #111;
border-bottom: dotted 1px #aaa;
}
.post-entry h1 {
color: #111;
font: bold 16px Tahoma,Arial, Helvetica, sans-serif;
padding: 10px 0;
}
.post-entry h2 {
color: #111;
font: bold 15px Tahoma,Arial, Helvetica, sans-serif;
padding: 10px 0;
}
.post-entry h3 {
color: #111;
font: bold 14px Tahoma,Arial, Helvetica, sans-serif;
padding: 10px 0;
}
.post-entry h4 {
color: #111;
font: bold 13px Tahoma,Arial, Helvetica, sans-serif;
padding: 10px 0;
}
.post-entry h5 {
color: #111;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
padding: 10px 0;
}
.post-entry h6 {
color: #111;
font: bold 11px Tahoma,Arial, Helvetica, sans-serif;
padding: 10px 0;
}
.post-entry p {
padding: 10px 0;
text-align: justify;
}
.post-entry img {
border: 5px solid #aaa;
margin: 10px;
}
.post-entry img:hover {
border: 5px solid #ccc;
}
.post-entry .alignright {
float: right;
}
.post-entry .alignleft {
float: left;
}
.post-entry .alignnone {
float: none;
}
.post-entry ul, .post-entry ol {
margin-left: 10px;
}
.post-entry ul li , .post-entry ol li {
padding: 0 0 0 10px;
background: transparent url(images/icon-sprite.gif) no-repeat 0 4px;
display: block;
}
* html .post-entry ul li {
padding: 0 0 0 15px;
}
* html .post-entry ol li {
padding: 0 0 0 15px;
}

#nearest-post {
margin: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
height: 23px;
}
#nearest-post .prv-post {
width: 300px;
float: left;
display: inline;
text-align: left;
}
#nearest-post .nxt-post {
width: 300px;
float: right;
display: inline;
text-align: right;
}
#nearest-post a {
color: #666;
padding: 5px 10px;
height: 14px;
display: block;
}
#nearest-post a:hover {
color: #222;
}

#relate-post, #social-bookmark {
padding: 15px;
font: 11px Tahoma,Arial, Helvetica, sans-serif;
}
#social-bookmark {
clear: left;
}
#relate-post h4, #social-bookmark h4 {
margin-bottom: 10px;
padding-bottom: 5px;
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
color: #333;
text-transform: uppercase;
border-bottom: solid 1px #999;
}
#relate-post li a {
display: block;
height: 15px;
font-size: 11px;
color: #666;
padding: 3px 0 3px 15px;
border-bottom: 1px solid #ccc;
background: transparent url(images/icon-sprite.gif) no-repeat 0 -238px;
}
#relate-post li a:hover {
color: #111;
}



/* category list */
.main-category-content {
width: 650px;
float: left;
display: inline;
}
#category-content {
margin: 10px 0 10px 10px;
font: 11px Arial, Helvetica, sans-serif;
color: #666;
}
h2.category-features-title {
font: bold 12px Arial, Helvetica, sans-serif;
color: #ffdf72;
padding-bottom: 5px;
border-bottom: 1px solid #333;
margin: 0 10px 10px 0;
display: block;
text-transform: uppercase;
}

.category-features {
width: 203px;
float: left;
display: inline-block;
}
div.mr10 {
margin: 0 10px 10px 0;
}
div.mr0 {
margin: 0 0 10px;
}
.category-features img {
width: 203px;
height: 138px;
}
.category-features h2 {
font: bold 11px Tahoma,Arial, Helvetica, sans-serif;
color: #999;
padding: 5px 0;
height: 30px;
}
.category-features h2 a {
color: #09f;
}
.category-features h2 a:hover {
color: #eee;
}
.category-features .category-features-date {
padding-top: 5px;
border-top: 1px solid #333;
}
.category-features .category-features-tag {
padding-bottom: 5px;
border-bottom: 1px solid #333;
}
.category-features .category-features-tag a {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
border: 1px none gray;
}

h2.category-list-title {
font: bold 12px Arial, Helvetica, sans-serif;
color: #fffeff;
padding-bottom: 5px;
border-bottom: 1px solid #333;
margin: 15px 10px 10px 0;
display: block;
text-transform: uppercase;
}
.category-list {
border: 1px solid #3f3f3f;
height: 120px;
margin: 0 10px 10px 0;
padding: 5px;
background: transparent url(images/trans.png);
}
.category-list .category-list-pic {
display: block;
margin: 0 10px 10px 0;
float: left;
}
.category-list .category-list-pic a {
display: block;
border: 1px solid #000;
width: 150px;
height: 117px;
}
.category-list .category-list-pic a:hover {
border: 1px solid #fffeff;
}
.category-list .category-list-pic img {
width: 150px;
height: 117px;
}
.category-list h2 {
padding: 5px 0;
margin: 0 10px;
}
.category-list h2 a {
color: #fffeff;
}
.category-list h2 a:hover {
color: red;
}
.category-list .category-list-date {
padding-top: 5px;
display: block;
margin: 0 10px;
background: transparent url(images/icon-sprite.gif) no-repeat 160px -267px;
padding-left: 178px;
}
* html .category-list .category-list-date {
padding-left: 174px;
}
.category-list .category-list-tag {
padding-bottom: 5px;
background: transparent url(images/icon-sprite.gif) no-repeat 170px -326px;
padding-left: 188px;
}
* html .category-list .category-list-tag {
padding-left: 184px;
}
.category-list .category-list-tag a {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
}
.category-list p {
font: 11px Tahoma,Arial, Helvetica, sans-serif;
color: #666;
height: 35px;
}
div.continue-reading {
text-align: right;
}

/*comment template */
#post-comment {
background: #222 url(images/darkshadow2.jpg) repeat-x left bottom;
font: 11px Tahoma,Arial, Helvetica, sans-serif;
padding: 0 0 20px;
height: 500px;
}
html>body #post-comment {
height: auto;
min-height: 500px;
}
#post-comment h4 {
color: #cc6;
padding: 10px 15px 0;
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.comment-header {
margin: 0px 15px;
border-bottom: solid 1px #333;
padding-bottom: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #999;
}
.comment-header span {
float: right;
font: bold 10px Arial, Helvetica, sans-serif;
color: #ccc;
}
#comment-message {
margin: 15px;
color: #999;
}
.commentwrap {
margin-bottom: 15px;
}
.comment-avatar {
width: 60px;
float: left;
}
.comment-avatar li a.comment-avatar-pic {
padding: 1px;
border: 1px solid #aaa;
display: block;
width: 48px;
height: 48px;
}
.comment-avatar li a:hover.comment-avatar-pic {
border: 1px solid #eee;
}
.comment-avatar img {
width: 48px;
height: 48px;
}
.comment-content-user {
float: right;
background: #333;
width: 520px;
padding: 10px;
border: 1px solid #3a3a3a;
height: 30px;
}
html>body .comment-content-user {
height: auto;
min-height: 30px;
}
.comment-content-user span {
border-bottom: 1px dotted #999;
color: #f90;
}
.comment-author-name {
color: #cf9;
}
.comment-author-name a {
color: #cf9;
}
.comment-author-name a:hover {
color: #ffc;
}
.comment-meta {
float: right;
background: #111;
width: 520px;
padding: 5px 10px;
border: 1px solid #3a3a3a;
}
.comment-meta span {
float: right;
}
.comment-meta-author {
float: right;
background: #fafafa;
width: 520px;
padding: 5px 10px;
border: 1px solid #ddd;
color: #111;
}
.comment-meta-author span {
float: right;
}
.comment-content-author a, .comment-meta-author a {
color: #333;
}
.comment-content-author a:hover, .comment-meta-author a:hover {
color: #930;
}
.comment-content-author {
float: right;
background: #ebebeb;
width: 520px;
padding: 10px;
border: 1px solid #ddd;
height: 30px;
color: #111;
}
html>body .comment-content-author {
height: auto;
min-height: 30px;
}
.comment-content-author span {
border-bottom: 1px dotted #999;
color: #930;
}
.nocomments {
margin: 15px;
color: #999;
}

.comment-form {
background: #292929;
margin: 10px 15px 10px;
padding: 10px;
color: #bbb;
border: solid 1px #3a3a3a;
}
.comment-form-login {
margin: 10px;
color: #999;
}
.comment-form-member {
padding: 4px;
}
.comment-form-name {
font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
}
#commentform label {
padding: 4px;
display: block;
}
#commentform #author, #commentform #email, #commentform #url {
background: #141414;
border: solid 1px #3a3a3a;
height: 20px;
color: #ccc;
padding: 5px;
}
#commentform #comment {
background: #141414;
border: solid 1px #3a3a3a;
width: 450px;
height: 100px;
color: #ccc;
padding: 5px;
margin-bottom: 10px;
}
.comment-agree {
margin: 0 0 10px;
color: #666;
}
.comment-submit {
margin-bottom: 5px;
}
.comment-doaction {
margin-top: 5px;
}

.subscribe-to-comments, .subscribe-to-comments label, .subscribe-to-comments input {
float: left;
}

/*trackback */
.trackback-list {
margin: 10px 15px;
font: 11px Tahoma,Arial, Helvetica, sans-serif;
color: #999;
}
.trackback-list li {
border-bottom: 1px dashed #666;
padding: 5px 0;
}

/* sidebar slide sub categories */
#main-navigation-block, #navigation-block {
margin: 15px 0;
	padding-left: 19px;
}
#main-navigation-block h2, #navigation-block h2 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #fffeff;
text-transform: uppercase;
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px dotted #333;
}
#main-sliding-navigation li, #sliding-navigation li {
border-bottom: 1px dotted #333;
display: block;
width: 300px;
height: 18px;
padding: 5px;
color: #999;
}
#main-sliding-navigation li a, #sliding-navigation li a {
padding: 5px 5px 5px 18px;
color: #999;
text-decoration: none;
background: transparent url(images/icon-sprite.gif) no-repeat 0 -354px;
}
#main-sliding-navigation li a:hover, #sliding-navigation li a:hover {
color: #f00;
background: transparent url(images/icon-sprite.gif) no-repeat 0 -354px;
}

/* sidebar tab */
#tabMenu {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
}
#tabMenu li {
float: left;
height: 32px;
width: 39px;
cursor: pointer;
cursor: pointer;
}

li.comments {
background: url(images/tabComment.gif) no-repeat 0 -32px;
}
li.posts {
background: url(images/tabClock.gif) no-repeat 0 -32px;
}
li.famous {
background: url(images/tabHeart.gif) no-repeat 0 -32px;
}
li.random {
background: url(images/tabRandom.gif) no-repeat 0 -32px;
}
li.widget {
background: url(images/tabStar.gif) no-repeat 0 -32px;
}

li.mouseover {
background-position: 0 0;
}
li.mouseout {
background-position: 0 -32px;
}
li.selected {
background-position: 0 0;
}

#tab-comments li {
display: block;
height: 35px;
}
a.tab-comment-author {
font: bold 11px Tahoma,Arial, Helvetica, sans-serif;
color: #369;
display: block;
}
a:hover.tab-comment-author {
color: #6cf;
}
a.tab-comment-avatar {
width: 32px;
height: 32px;
display: block;
margin-right: 8px;
border: 1px solid #666;
float: left;
}
* html a.tab-comment-avatar {
margin-right: 5px;
}
a:hover.tab-comment-avatar {
border: 1px solid #eee;
}
.tab-comment-excerpt {
color: #999;
font: normal 11px Tahoma,Arial, Helvetica, sans-serif;
}

.box {
width: 300px;
}


.boxTop {
background: #222;
height: 15px;
clear: both;
}

.boxBody {
background: #222;
}
.boxBottom {
background: #222;
height: 15px;
}

.boxBody div#tab-famous, .boxBody div#tab-comments, .boxBody div#tab-random, .boxBody div#tab-widget {
display: none;
font: 11px Tahoma,Arial,Sans-serif;
}
.boxBody div.show {
display: block;
}
.boxBody #category a {
display: block;
}

.boxBody div h2 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #fffeff;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 1px solid #333;
margin: 0 20px 5px;
}
.boxBody div ul {
margin: 0 20px;
padding: 0;
}
* html .boxBody div ul {
margin-left: 10px;
padding-left: 15px;
}
.boxBody div li {
border-bottom: 1px dashed #8e8e8e;
padding: 4px 0;
cursor: pointer;
}
.boxBody div ul li.last {
border-bottom: none
}
.boxBody div li span {
font-size: 8px;
font-style: italic;
color: #888;
}


#tab-widget {
margin: 0 20px;
color: #888;
}
#tab-widget h2 {
margin: 0;
padding: 0 0 5px;
}
#tab-widget ul {
margin: 0;
padding: 0 0 15px;
}
#tab-widget select {
margin: 0 0 15px;
width: 258px;
}
#tab-widget ul li a {
padding: 0 0 0 10px;
background: transparent url(images/icon-sprite.gif) no-repeat 0 4px;
display: inline-block;
}
#tab-widget ul li a:hover {
background: transparent url(images/icon-sprite.gif) no-repeat 0 -48px;
display: inline-block;
}
#tab-widget ul ul {
margin: 0;
padding: 5px 0 0;
}
#tab-widget ul ul li {
margin: 0;
padding: 0 0 5px 10px;
border: none;
}
#tab-widget div {
margin: 0;
padding: 0 0 15px;
}


/* Slideshow */
#slider ul, #slider li {
margin: 0;
padding: 0;
list-style: none;
}
#slider li {
width: 934px;
height: 320px;
overflow: hidden;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev {
display: block;
width: 42px;
height: 73px;
position: absolute;
z-index: 1000;
}
#prevBtn, #nextBtn, #slider1prev, #slider1next {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
text-indent: -9999px;
}
#prevBtn, #slider1prev {
margin: -200px 0 0 -42px;
}
#nextBtn, #slider1next {
margin: -200px 0px 0 940px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
display: block;
position: relative;
width: 42px;
height: 73px;
background: url(images/slide-arrow-left.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a {
background: url(images/slide-arrow-right.png) no-repeat 0 0;
}

.nav-previous {
float: left;
width: 150px;
text-align: left;
}
.nav-next {
float: right;
width: 150px;
text-align: right;
margin: 0 10px 0 0;
}

/* Widget */
div.widget {
font: 11px Tahoma,Arial,Sans-serif;
}
div.widget h2 {
font: bold 12px Arial,Tahoma,Sans-serif;
color: #cf6;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 1px solid #333;
margin: 0 20px 5px;
}

div.featurebox-title {
position: relative;
bottom: 38px;
background-color: #141414;
opacity: 0.8;
height: 27px;
color: #999;
	padding: 5px;
}
div.featurebox-title:hover h2 {
opacity: 1;
color: #fffeff;
}

div.featurebox-title:hover {
opacity: 0.7;
}

div.featurebox-title div.excerpt {
font-size: 12px;
}