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

html, body {
	height: 100%;
}
body { font: bold 62.5% Arial; color: #000; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.fright { float: right; }

/* Headings */

/* Text */
p { margin: 5px 0 15px; line-height: 1.3em; }

/* Links */
a { text-decoration: underline; color: #fff; }
a:hover { text-decoration: none; }

/* Lists */
ul, ol { margin: 10px 0; font-size: 0.85em; font-weight: normal; }
ul li { margin: 6px 0 6px 10px; padding: 0 0 0 17px; background: url(images/bullet.gif) 0 2px no-repeat; }
.hor { overflow: hidden; zoom: 1; }
.hor li { display: inline; float: left; padding: 0; margin: 0; background: none; list-style-type: none; }

/* Buttons */
.button { display: -moz-inline-box; display: inline-block; background: url(images/b_left.gif) no-repeat; text-decoration: none; font-weight: normal; font-size: 10px; vertical-align: middle; color: #fff !important; }
.button span { display: -moz-inline-box; display: inline-block; padding: 3px 16px 5px; background: url(images/b_right.gif) 100% 0 no-repeat; }

/* Rounded block */
.lt { display: block; position: relative; zoom: 1; background-image: url(images/rounded_lt.gif); background-position: 0 0; background-repeat: no-repeat; }
.rt { display: block; background-image: url(images/rounded_rt.gif); background-position: 100% 0; background-repeat: no-repeat; }
.rb { display: block; zoom: 1; background-image: url(images/rounded_rb.gif); background-position: 100% 100%; background-repeat: no-repeat; }
.lb { display: block; background-image: url(images/rounded_lb.gif); background-position: 0 100%; background-repeat: no-repeat; }
.white .lt { background-image: url(images/rounded_lt_white.gif); }
.white .rt { background-image: url(images/rounded_rt_white.gif); }
.white .rb { background-image: url(images/rounded_rb_white.gif); }
.white .lb { background-image: url(images/rounded_lb_white.gif); }


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

#body {	position: relative;	min-height: 100%; height: auto !important; height: 100%; background: #feb100; font-size: 1.3em; }
#header { position: relative; z-index: 2; border-top: 6px solid #fff; }
#content { position: relative; overflow: hidden; zoom: 1; z-index: 2; padding: 0 0 78px; }
#bg-top { position: absolute; z-index: 1; top: 36px; width: 100%; height: 131px; background: url(images/body_bg_top.gif) 50% 0 repeat-x; }
#bg-bottom { position: absolute; z-index: 1; bottom: 78px; width: 100%; height: 101px; background: url(images/body_bg_bottom.gif) 50% 0 repeat-x; }
#aside { float: left; width: 219px; margin: 0 0 0 0; }
#extra { float: left; width: 190px; }
#main { float: right; width: 591px; padding: 0 0 20px; }
#footer { position: absolute; z-index: 3; bottom: -1px; width: 100%; height: 78px; background: url(images/footer_bg.gif); }
.wrap { position: relative; width: 1000px; margin: 0 auto; }

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

#service-nav { position: relative; zoom: 1; border-bottom: 1px solid #ffc87d; border-top: 3px solid #cf8b2f; background: url(images/service_nav_bg.gif) repeat-x #4e4e4e; }
#service-nav ul { display: inline; float: left; margin: 0 0 0 30px; padding: 4px 0 0 0; font-size: 0.85em; }
#service-nav ul a { display: block; color: #fffef3; text-decoration: none; }
#service-nav ul li { margin: 0 10px 0 0; padding: 0 9px 0 0; font-weight: bold; }
#service-nav ul span { display: block; padding: 3px 0 5px 9px; }
#service-nav ul .active { background: url(images/service_nav_tab.gif) 100% -25px no-repeat; }
#service-nav ul .active span { background: url(images/service_nav_tab.gif) no-repeat; }
#service-nav ul.icons { position: relative; zoom: 1; float: right; margin-top: -13px; margin-right: 12px; }
#service-nav ul.icons li { margin: 0 0 0 6px; padding: 0; }

#logo { display: inline; float: left; margin: 0 0 0 33px; }
#logo img { display: block; }

#sections-nav { position: relative; top: 22px; height: 80px; margin: 0 0 0 406px; padding: 0 0 0 10px; background: url(images/sections_nav_bg.png) 0 100% repeat-x; }
#sections-nav ul { position: relative; overflow: hidden; zoom: 1; margin: 0; font-size: 1em; }
#sections-nav ul li { width: 189px; margin: 0 0 0 -1px; padding: 22px 0 9px; background: url(images/dots.gif) 0 0 repeat-y; overflow: hidden; zoom: 1; }
#sections-nav li a { display: block; padding: 0 0 0 19px; font-size: 1.39em; text-decoration: none; }
#sections-nav li img { float: left; width: 36px; height: 39px; margin: 0 13px 0 0; background-image: url(images/sections_nav.gif); background-position: 0 0; background-repeat: no-repeat; }
#sections-nav li i { display: block; font-size: 10px; font-style: normal; color: #000; }
#sections-nav #sn-blog img { background-position: -36px 0; }
#sections-nav #sn-articles img { background-position: -72px 0; }

#search { position: relative;  width: 351px; height: 47px;  }
#search div { padding: 8px 0 0 8px; }
#search input, #search label, #search img { vertical-align: middle; }
#search .text-input { width: 240px; margin: 0 4px; padding: 6px 0; background: #efeeec; border: 0; font-size: 0.85em; text-align: center; }

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

.col-headline { position: relative; z-index: 2; height: 19px; margin: 0 0 19px; background: #fff; }
.col-headline img { position: relative; zoom: 1; display: block; margin-bottom: -10px; }

/* Left column */
/* ---------------------------------------------- */

#aside .col-headline { margin-left: 33px; }
.nav ul .current-cat { background: #f9ee4b; color: #000; }
.nav .headline { padding: 7px 0 4px 0; font-size: 1.55em; }
.nav ul { position: relative; overflow: hidden; zoom: 1; margin: 0; }
.nav ul li { position: relative; float: left; width: 100%; margin: -1px 0 0; padding: 0 0 1px 0; background: url(images/dots_2.gif) 0 0 repeat-x; line-height: normal; font-weight: bold; }
.nav ul li a { display: block; zoom: 1; padding: 3px 13px; text-decoration: none; background: url(images/nav_bullet.gif) 0 8px no-repeat; }
.nav ul li a:hover { background: #f9ee4b; color: #000; }

 
#aside .nav { padding: 0 40px 7px 33px; background: url(images/aside_nav_bg.gif) no-repeat; }

.headline.rounded { position: relative; background: #3b3b3b; color: #fff; }
.headline.rounded img { margin: 0 5px 0 0; vertical-align: middle; }
.headline.rounded .lb { padding: 6px 8px; }
.rounded.white { zoom: 1; background-color: #fff; color: #000; }

#aside .block { margin: 0 15px; }
#aside .block .content { padding: 13px; }

#auth form div { padding: 0 0 7px 0; }
#auth form label { display: block; margin: 0 0 3px; font-size: 0.85em; color: #fff; }
#auth form .text-input { width: 95%; padding: 1px 0; }
#auth form .check { padding: 2px 0; font-size: 0.85em; font-weight: normal; color: #da3f09; }
#auth form .check input { vertical-align: middle; }
#auth .links a { font-size: 0.85em; color: #000; }
#auth .button { margin: 0 0 0 22px; }

#subscribe .headline.rounded .lb { padding: 6px; }
#subscribe form div { padding: 0 0 7px 0; }
#subscribe form label { display: block; margin: 0 0 3px; font-size: 0.85em; color: #fff; }
#subscribe form .text-input { width: 92%; padding: 2px 4px; color: #9f2b03; font-size: 0.85em; }
#subscribe .button-row { text-align: right; }

/* Extra Column */
/* ---------------------------------------------- */

#extra { position: relative; }
#extra .col-headline { background-color: #fff5e0; }
#extra-bg { position: absolute; z-index: 1; width: 100%; height: 5000px; background: #fff; opacity: 0.17; filter: alpha(opacity=17) }
#extra-content { position: relative; z-index: 2; }

#digits-nav { width: 154px; margin: 0 auto 30px; }
#digits-nav li { width: 73px; height: 65px; margin: 2px; }
#digits-nav li a { position: relative; z-index: 1; display: block; height: 100%; background: url(images/digits_1.gif) 0 0 no-repeat; }
#digits-nav li a span { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: url(images/frame.png); cursor: pointer; }
#digits-nav li a i { display: none; position: absolute; z-index: 3; left: 50%; top: 50%; width: 41px; height: 41px; margin: -20px 0 0 -20px; background: url(images/zoom.png); cursor: pointer; }
#digits-nav li a:hover i { display: block; }

#extra .block { margin: 20px 13px; }
#extra .block .headline { margin: 0 0 12px; }
#tags .content { text-align: center; }
#tags a { text-decoration: none; }
#tags .s1 { color:#ffffff !important; font-size: 0.69em; }
#tags .s2 { color:#8a8a8a !important; font-size:0.69em; line-height:80%; }
#tags .s3 { color:#6e6e6e !important; font-size:0.69em; line-height:80%; }
#tags .s4 { color:#454040 !important; font-size:0.85em; line-height:80%; }
#tags .s5 { color:#ffffff !important; font-size:1.1em; line-height:80%; }
#tags .s6 { color:#ffffff !important; font-size:1.62em; line-height:80%; }
#tags .s7 { color:#ffffff !important; font-size:2.76em; line-height:50%; }

#latest-comments ul { font-size: 1em; }
#latest-comments li { margin: 0; padding: 5px 0 6px 0; background: url(images/dots_2.gif) 0 100% repeat-x; line-height: normal; font-style: italic; font-size: 0.77em; font-weight: normal; color: #3b3b3b; }
#latest-comments .content { padding: 0 8px; }

/* Main */
/* ---------------------------------------------- */

#main .col-headline { background: #000; }
#main .content { padding: 0 20px; }

h1.title { font-size: 1.75em; color: #fff; }
.post { margin: 10px 0; }
.post .date { float: right; width: 75px; margin: 5px 0 0; color: #ca3704; font-size: 0.85em; text-align: center; }
.post .date span { display: block; font-weight: normal; }
.post .postmetadata { font-size: 0.9em; color: #484848; }
.post .postmetadata a { color: #484848; }
.post .postmetadata span { font-weight: normal; }
.post .entry { margin: 15px 0 0;}
.post .entry h3 { color: #fff; }
.post .more { text-align: right; }
.comments { position: relative; padding: 10px 0; background: url(images/dots_3.gif) repeat-x; }
.scissors { position: absolute; left: 50%; top: -12px; width: 100px; height: 25px; margin: 0 0 0 -50px; background: url(images/scissors.gif) no-repeat; }
.comments .add { float: right; padding: 7px 0; }
.comments-list { font-size: 1em; font-weight: bold; }
.comments-list li { padding: 0; background: none; }
.comments-list .entry { margin: 15px 0; padding: 0 0 0 28px; background: url(images/quote_1.gif) 2px 0 no-repeat; line-height: 1.4em; font-style: oblique; }
.comments-list .entry:after { content: url(images/quote_2.gif); margin: 3px; vertical-align: sub; }
.comments-list .entry { behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = this.innerHTML + '<img src="images/quote_2.gif" class="q" />') : ''); }
.comments-list .entry .q { vertical-align: sub; margin: 0 3px; }
.commentmetadata { width: 287px; height: 24px; padding: 0 10px; line-height: 24px; background: url(images/author_bg.gif) no-repeat; color: #be3303; }
.commentmetadata .author { float: left; }
.commentmetadata .date { float: right; padding: 0 0 0 23px; background: url(images/icon_date.gif) 0 50% no-repeat; color: #fff; }


.navigation a:link {
        text-decoration: none;
        color: #ffffff;
	text-align: left;
        
}

.navigation a:hover {
        text-decoration: none;
        color: #000000;
	text-align: left;

}

.stat_post_view { position: absolute; left: 50px; top: -18px; width: 100px; height: 25px; margin: 0 0 0 -50px;}
.post-view {
	background: url(images/icon_view.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 100%;
	color: #be3303;
	
}
.stat_post_comments { position: absolute; left: 120px; top: -18px; width: 100px; height: 25px; margin: 0 0 0 -50px;}
.post-comments {
	background: url(images/icon_post.gif) no-repeat;
	padding-left: 20px;
	font-size: 100%;
	color: #be3303;
	
}


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

#footer .wrap { padding: 8px 0 0 0; }
#footer .engine, #footer .copyright { margin: 0 0 0 33px; line-height: 1.8em; }
#footer .engine { font-size: 0.85em; color: #e1e1e1; }
#footer .engine img { vertical-align: middle; }
#footer .copyright { font-size: 0.77em; color: #e44813; }

/* Top Panel */
/* ---------------------------------------------- */


#top-panel {position: static; float: right; width: 560px; 
	background:#ffffff;
	
}