/*  
Theme Name: Arthemia Premium
Theme URI: http://colorlabsproject.com/
Description: Designed by <a href="http://michaelhutagalung.com">Michael Jubel Hutagalung</a> of <a href="http://colorlabsproject.com">Colorlabs Project</a>.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://colorlabsproject.com/
Tags: thumbnails, newspaper, magazine, widgets, admin panel
*/
/*Copyright 2008, Michael Jubel Hutagalung
View detailed license info in license.txt file 


/* 
TABLE OF CONTENTS 

  HTML Elements
  Structure
  Navigation Bar
  Text
  Index Page
  Content Page
  Sidebar
  Form Elements  
  Comments
  Footer
  Clear

/* HTML Elements */
* 
{
 margin: 0;
 padding: 0;
}

body 
{
 font-size: 100%;
 font-family: Arial, Helvetica;
 background-color: #505050;
 color: #505050;
}

p 
{
 margin-top: 15px;
 margin-right: 0;
 margin-bottom: 15px;
 margin-left: 0;
}

a:link, a:visited 
{
 color: #000000;
 text-decoration: none;
}

a:hover, a:active 
{
 color: #808080;
 text-decoration: underline;
}

a img 
{
 border-width: 0;
}

code 
{
 font-size: 1.0em;
 font-family: 'Courier New', Courier, Fixed;
 background-color: #ececec;
}

acronym, abbr, span.caps 
{
 font-size: 0.9em;
 letter-spacing: .07em;
 cursor: help;
}

acronym, abbr 
{
 border-bottom-color: #999;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
}

blockquote 
{
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
 border-top-color: #ddd;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #ddd;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 background-color: #ececec;
 font-size: 1.0em;
 font-family: Arial;
 line-height: 1.5em;
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}

select 
{
 width: 130px;
}

/* Structure */
#head 
{
 width: 930px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 margin-top: 0px;
 padding-top: 10px;
 padding-right: 5px;
 padding-bottom: 15px;
 padding-left: 5px;
 font-size: 0.7em;
 background-color: #fff;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

#page 
{
 width: 920px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 padding: 10px;
 background-image: url(images/bg_stripe.gif);
 background-color: #eeeeee;
 font-size: 0.7em;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

.left 
{
 float: left;
}

.right 
{
 float: right;
}

/* Navigation Bar*/
#navbar 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
 text-transform: uppercase;
 background-image: url(images/navbar.png);
 background-color: #333333;
 width: 920px;
 font-size: 0.6em;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

#page-bar 
{
 padding: 0px;
}

#page-bar ul 
{
 list-style: none;
}

#page-bar li 
{
 float: left;
 list-style: none;
 cursor: pointer;
 display: block;
 border-right-color: #303030;
 border-right-width: 1px;
 border-right-style: solid;
}

#page-bar li:hover 
{
 background-color: #5b5b5b;
}

#page-bar a, #page-bar a:visited 
{
 margin: 0px;
 padding-top: 7px;
 padding-right: 14px;
 padding-bottom: 7px;
 padding-left: 14px;
 font-weight: bold;
 color: #eeeeee;
 display: block;
}

#page-bar a:hover 
{
 text-decoration: none;
 display: block;
}

#page-bar p 
{
 margin: 0;
 padding: 0;
}

#searchform 
{
 width: 184px;
 float: right;
 text-align: right;
 padding-top: 3px;
 margin-right: 10px;
}

/* Dropdown Menus */
#page-bar li 
{
 float: left;
 margin: 0px;
 padding: 0px;
}

#page-bar li li 
{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 132px;
 text-transform: none;
}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited 
{
 width: 122px;
 float: none;
 margin: 0px;
 padding-top: 4px;
 padding-right: 10px;
 padding-bottom: 4px;
 padding-left: 10px;
 background-image: url(images/dots_nav.gif);
 background-color: #5b5b5b;
 background-repeat: repeat-x;
 background-position: top;
}

#page-bar li li a:hover, #page-bar li li a:active 
{
 background-color: #909090;
 padding-top: 4px;
 padding-right: 10px;
 padding-bottom: 4px;
 padding-left: 10px;
}

#page-bar li ul 
{
 position: absolute;
 width: 10em;
 left: -999em;
}

#page-bar li:hover ul 
{
 left: auto;
 display: block;
}

#page-bar li:hover ul, #page-bar li.sfhover ul 
{
 left: auto;
}

/* Text*/
h1 
{
 font-size: 3.5em;
 font-family: Arial;
 font-weight: bold;
 letter-spacing: -0.08em;
}

h2 
{
 font-size: 2.0em;
 font-family: Arial;
 font-weight: bold;
}

h3 
{
 font-size: 1.3em;
 font-family: Arial;
 margin-bottom: 3px;
 color: #303030;
 font-weight: bold;
}

h4 
{
 font-size: 1.0em;
 font-family: Arial;
}

h3.cat_title, h3.cat_title a 
{
 color: #333333;
 letter-spacing: -0.05em;
}

h3#respond 
{
 margin-top: 0px;
 padding-top: 20px;
}

h3#comments 
{
 margin-top: 32px;
 padding-left: 0px;
 margin-bottom: 15px;
}

h3.authors 
{
 margin-top: 15px;
}

/* Index Page*/
#logo 
{
 width: 930px;
 height: 180px;
 background-color: #fff;
}

#tagline 
{
 margin-top: 10px;
 font-size: 1em;
 color: #1d3566;
 font-weight: bold;
}

#top 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 0px;
 background-color: #dedede;
 width: 930px;
 font-size: 0.7em;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

#headline 
{
 width: 560px;
 float: left;
 padding-top: 0px;
 padding-right: 12px;
 padding-bottom: 10px;
 padding-left: 25px;
 font-size: 1.05em;
 line-height: 1.5em;
 margin: 0;
 background-color: #333333;
 color: #fff;
 overflow: hidden;
}

#headline a 
{
 color: #a0a0a0;
}

#headline a:hover 
{
 color: #d0d0d0;
}

#top div.label 
{
 font-size: 1.2em;
 font-family: Arial;
 font-weight: bold;
 text-transform: lowercase;
 letter-spacing: -0.05em;
 line-height: 0.9em;
 display: block;
 padding-bottom: 0px;
 padding-top: 15px;
}

#headline div.title 
{
 font-size: 2.4em;
 font-family: Arial;
 font-weight: bold;
 letter-spacing: -0.05em;
 line-height: 0.9em;
 display: block;
 padding-bottom: 5px;
 padding-top: 15px;
}

#headline div.meta 
{
 display: block;
 padding-top: 4px;
 padding-right: 0px;
 padding-bottom: 4px;
 padding-left: 0px;
 color: #ececec;
 font-size: 0.85em;
}

#headline p 
{
 padding-bottom: 25px;
}

#featured 
{
 width: 310px;
 float: right;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
 font-size: 1.05em;
}

#featured .clearfloat 
{
 margin-top: 0px;
 margin-bottom: 7px;
}

#featured .info 
{
 margin-top: 5px;
 padding-top: 0px;
 float: right;
 width: 193px;
 font-size: 0.9em;
}

#featured .meta 
{
 margin-top: 5px;
 font-size: 0.85em;
}

#featured .title 
{
 font-weight: bold;
}

#featured .divider 
{
 margin-left: 95px;
}

#headline a img, #featured a img 
{
 margin-top: 5px;
}

#featured a 
{
 color: #000000;
}

#featured a:hover 
{
 color: #808080;
}

#featured a img 
{
 border-color: #fff;
 border-width: 2px;
 border-style: solid;
 margin-right: 10px;
}

#headline a img 
{
 border-color: #fff;
 border-width: 3px;
 border-style: solid;
 margin-right: 15px;
 margin-bottom: 10px;
}

#single_head 
{
 width: 195px;
 float: left;
 padding-top: 15px;
 padding-right: 12px;
 padding-bottom: 20px;
 padding-left: 25px;
 margin: 0;
 background-color: #333333;
 color: #fff;
}

#single_head a img 
{
 border-color: #fff;
 border-width: 3px;
 border-style: solid;
}

#single_desc 
{
 width: 675px;
 float: right;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 font-size: 1.05em;
 line-height: 1.5em;
}

#single_desc div.title 
{
 font-size: 2.4em;
 font-family: Arial;
 font-weight: bold;
 letter-spacing: -0.05em;
 line-height: 0.9em;
 display: block;
 padding-bottom: 5px;
 padding-top: 10px;
}

#single_desc div.meta 
{
 display: block;
 padding-bottom: 5px;
 font-size: 0.85em;
}

#single_desc p 
{
 margin: 0px;
 padding-bottom: 10px;
}

#single_desc a 
{
 color: #000000;
}

#single_desc a:hover 
{
 color: #808080;
}

#mores 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
 border-bottom-color: #fff;
 border-bottom-width: 5px;
 border-bottom-style: solid;
 width: 940px;
 font-size: 0.7em;
}

#more-head 
{
 background-color: #333333;
 text-align: center;
 float: left;
 width: 560px;
 padding-top: 0px;
 padding-right: 12px;
 padding-bottom: 10px;
 padding-left: 25px;
}

#more-feat 
{
 background-color: #dedede;
 text-align: center;
 float: right;
 width: 320px;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 13px;
}

#more-head a 
{
 background-color: #404040;
 color: #b0b0b0;
}

#more-feat a 
{
 background-color: #d0d0d0;
 color: #505050;
}

#more-head a, #more-feat a 
{
 display: block;
 font-weight: bold;
 padding: 3px;
}

#more-feat a:hover 
{
 text-decoration: none;
 background-color: #b0b0b0;
}

#more-head a:hover 
{
 text-decoration: none;
 background-color: #505050;
}

#middle 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
 background-color: #fff;
 width: 920px;
 font-size: 0.7em;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

.category 
{
 width: 164px;
 float: left;
 border-top-color: #333333;
 border-top-width: 8px;
 border-top-style: solid;
 margin: 0px;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 15px;
 padding-left: 10px;
 background-color: #fff;
}

.category p 
{
 margin: 0;
}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 
{
 text-transform: lowercase;
 margin: 0;
 font-weight: bold;
 font-size: 1.5em;
 letter-spacing: -0.05em;
}

#front-list .cat_title 
{
 font-size: 1.25em;
}

#front-popular h3 
{
 color: #fff;
}

.more-link 
{
 display: block;
 margin-top: 15px;
 margin-right: 0px;
 margin-bottom: 15px;
 margin-left: 0px;
}

.category a 
{
 color: #333333;
 display: block;
 background-image: none;
}

.category a:hover 
{
 background-image: none;
 color: #fff;
 text-decoration: none;
}

#bottom 
{
 width: 920px;
}

#bottom-left 
{
 float: left;
}

#bottom-left .meta, #content.archive .meta 
{
 font-size: 0.85em;
}

#front-list 
{
 width: 570px;
 padding: 10px;
 background-color: #fff;
 font-size: 1.05em;
 line-height: 1.75em;
 margin-bottom: 10px;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
}

#front-list blockquote 
{
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
}

#front-list .title 
{
 font-size: 1.5em;
 font-family: Arial;
 font-weight: bold;
 letter-spacing: -0.05em;
}

#front-list .divider 
{
 margin-left: 216px;
 margin-top: 0px;
 margin-bottom: 0px;
}

.author 
{
 font-size: 0.8em;
 font-weight: bold;
}

.meta 
{
 color: #333333;
 font-weight: bold;
}

#headline p, #featured p 
{
 margin: 0;
}

#paged-list 
{
 width: 570px;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
 background-color: #fff;
 font-size: 1.05em;
 line-height: 1.75em;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
}

#paged-list .clearfloat 
{
 background-image: url(images/dots_content.gif);
 background-repeat: repeat-x;
 background-position: bottom;
 padding-bottom: 1px;
}

.onecolumn 
{
 line-height: 1.5em;
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
 margin: 0;
}

.onecolumn img 
{
 float: left;
 margin-top: 8px;
 margin-right: 10px;
 margin-bottom: 7px;
 margin-left: 0px;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
}

.tanbox 
{
 width: 275px;
 line-height: 1.5em;
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
 margin: 0;
}

.archive .tanbox 
{
 width: 570px;
 background-image: url(images/dots_content.gif);
 background-repeat: repeat-x;
 background-position: bottom;
 padding-bottom: 1px;
}

.tanbox img 
{
 float: left;
 margin-top: 8px;
 margin-right: 10px;
 margin-bottom: 7px;
 margin-left: 0px;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
}

.tanbox span.title a, .onecolumn span.title a 
{
 font-size: 1.2em;
 font-family: Arial;
 font-weight: bold;
}

.tanbox p, .onecolumn p 
{
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
}

#navigation 
{
 padding-top: 15px;
 padding-right: 10px;
 padding-bottom: 15px;
 padding-left: 10px;
 background-color: #fff;
 font-size: 1.05em;
 text-align: center;
 width: 550px;
}

/* Content Page*/
#content 
{
 width: 570px;
 background-color: #fff;
 padding: 10px;
 font-size: 1.05em;
 line-height: 1.75em;
 float: left;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
}

.post 
{
 font-size: 1.05em;
 line-height: 1.75em;
}

.post p 
{
 margin-top: 0px;
}

.post .clearfloat 
{
 border-bottom-color: #e2e2e2;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

.entry ul, .post ol 
{
 margin-bottom: 15px;
}

#content h2.title 
{
 letter-spacing: -0.05em;
 border-bottom-color: #e2e2e2;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-top-color: #e2e2e2;
 border-top-width: 3px;
 border-top-style: solid;
 margin-bottom: 0px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 0px;
 color: #000000;
}

.entry ul li 
{
 list-style: square;
 margin-left: 30px;
}

.entry ol li 
{
 list-style: decimal;
 margin-left: 30px;
}

.entry ol li ul li 
{
 list-style: square;
 margin-left: 20px;
}

.entry img, .post a img, #front-list img 
{
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-left: 0;
 padding: 2px;
}

.entry a 
{
 text-decoration: underline;
}

.post .ads 
{
 margin-top: 10px;
}

#stats 
{
 margin-bottom: 15px;
 padding-top: 8px;
 padding-right: 0px;
 padding-bottom: 8px;
 padding-left: 0px;
 font-size: 0.9em;
 font-family: Arial;
 display: block;
 border-bottom-color: #e2e2e2;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 font-weight: bold;
}

span#map 
{
 font-size: 0.9em;
}

img.centered 
{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

img.alignright 
{
 padding: 4px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 7px;
 display: inline;
}

img.alignleft 
{
 padding: 4px;
 margin-top: 0;
 margin-right: 7px;
 margin-bottom: 2px;
 margin-left: 0;
 display: inline;
}

.alignright 
{
 float: right;
}

.alignleft 
{
 float: left;
}

/* Sidebar*/
#sidebar 
{
 width: 320px;
 float: right;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 overflow: hidden;
}

.spoiler 
{
 padding-top: 0px;
 padding-right: 12px;
 padding-bottom: 12px;
 padding-left: 12px;
 background-color: #fff;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
 margin-bottom: 12px;
 overflow: hidden;
}

.spoiler img 
{
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
 margin-right: 10px;
 margin-bottom: 5px;
}

.spoiler h3 
{
 font-size: 1.1em;
 font-family: Arial, Helvetica, Verdana, Sans-Serif;
 font-weight: bold;
 color: #fff;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 8px;
 margin-left: 0px;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 10px;
 border-bottom-color: #ececec;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

.spoiler h3 a 
{
 color: #fff;
 text-decoration: none;
}

.spoiler p 
{
 margin: 0;
 color: #6d6d6d;
}

.spoiler h4 
{
 font-size: 1.05em;
 font-family: Arial, Helvetica, Verdana, Sans-Serif;
 font-weight: bold;
 margin-bottom: 5px;
}

.spoiler h4 a 
{
 color: #333333;
}

#sidebar h3 
{
 font-size: 1.1em;
 font-family: Arial;
 font-weight: bold;
 background-color: #303030;
 color: #fff;
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 10px;
}

#sidebar-top, #sidebar-bottom 
{
 width: 300px;
 float: right;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 background-color: #fff;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
}

#sidebar-bottom, #sidebar-middle 
{
 margin-top: 10px;
}

#sidebar-middle 
{
 width: 320px;
 float: right;
}

#sidebar-left 
{
 width: 135px;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 float: left;
 background-color: #fff;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
}

#sidebar-right 
{
 width: 135px;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 float: right;
 background-color: #fff;
 border-top-color: #ececec;
 border-top-width: 1px;
 border-top-style: solid;
}

#sidebar li 
{
 list-style: none;
 border-bottom-color: #bbbbbb;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 display: block;
 padding-top: 2px;
 padding-right: 0px;
 padding-bottom: 2px;
 padding-left: 13px;
 background-image: url(images/sub.png);
 background-repeat: no-repeat;
 background-position: 0 0px;
}

#sidebar li ul li 
{
 border-bottom-width: 0px;
}

#sidebar-ads 
{
 width: 300px;
 float: right;
 margin-bottom: 10px;
 padding: 10px;
 background-color: #fff;
}

#sidebar h3 img 
{
 margin-top: 1px;
}

/* Form Elements */
select 
{
 border-color: #333333;
 border-width: 1px;
 border-style: solid;
 width: 100%;
}

.submitbutton 
{
 padding: 1px;
 border-color: #aaa;
 border-width: 1px;
 border-style: solid;
 background-color: #fff;
 font-size: 0.9em;
 color: #aaa;
 cursor: pointer;
}

.field 
{
 padding: 1px;
 border-top-color: #bbbbbb;
 border-top-width: 1px;
 border-top-style: solid;
 border-left-color: #bbbbbb;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #eeeeee;
 border-right-width: 1px;
 border-right-style: solid;
 border-bottom-color: #eeeeee;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 background-color: #fff;
 font-size: 1.0em;
}

#search .searchbutton 
{
 padding: 1px;
 border-color: #333333;
 border-width: 1px;
 border-style: solid;
 background-color: #fff;
 font-size: 1.0em;
}

#commentform input 
{
 width: 140px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 0px;
 margin-left: 0;
}

#commentform textarea 
{
 width: 99%;
 margin-top: 5px;
 border-top-color: #bbbbbb;
 border-top-width: 1px;
 border-top-style: solid;
 border-left-color: #bbbbbb;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #eeeeee;
 border-right-width: 1px;
 border-right-style: solid;
 border-bottom-color: #eeeeee;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

/* Comments*/
#comments 
{
 line-height: 1.5em;
}

.commentlist cite 
{
 font-style: normal;
 margin-bottom: 0px;
 display: block;
 font-size: 1.1em;
}

.commentlist blockquote 
{
 background-color: #ededed;
}

.commentlist li 
{
 color: #4d4d4d;
 padding-top: 10px;
 padding-right: 14px;
 padding-bottom: 10px;
 padding-left: 14px;
 background-color: #f2f2f2;
 border-bottom-color: #dcdbd7;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 list-style: none;
 margin-bottom: 3px;
 line-height: 1.0em;
}

.commentlist li li 
{
 background-image: none;
 border-style: none;
 list-style: square;
 margin-top: 3px;
 margin-right: 0;
 margin-bottom: 3px;
 margin-left: 20px;
 padding-top: 3px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 0;
}

.commenttext 
{
 width: 482px;
 float: right;
 line-height: 1.5em;
}

li.my_comment 
{
 background-color: #fff;
}

li cite strong 
{
 font-size: 1.1em;
 color: #313228;
}

#commentform small 
{
 background-color: #FFF;
 font-weight: bold;
 padding: 0;
}

.commentmetadata 
{
 color: #4d4d4d;
 display: block;
 margin-top: 3px;
 text-align: right;
 font-size: 0.9em;
}

.commentmetadata a, .commentmetadata a:visited 
{
 color: #959382;
}

.commentlist small 
{
 background-color: #e9e9e9;
}

.avatar 
{
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 margin-top: 15px;
 margin-right: 8px;
 margin-bottom: 6px;
 margin-left: 0;
 float: left;
 padding: 2px;
 width: 45px;
 height: 45px;
}

#comment 
{
 width: 590px;
 background-color: #fff;
}

/* Footer*/
#carousel 
{
 font-size: 0.7em;
 color: #fff;
 width: 910px;
 background-color: #fff;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 15px;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

.carousel-item 
{
 width: 131px;
 float: left;
 padding-top: 0px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 20px;
 border-right-color: #ccc;
 border-right-width: 1px;
 border-right-style: dotted;
}

.carousel-item img 
{
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
 margin-bottom: 5px;
}

.carousel-item .info 
{
 font-weight: bold;
}

#gallery 
{
 font-size: 0.7em;
 color: #333;
 width: 925px;
 background-color: #dedede;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 15px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 15px;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

#gallery #random 
{
 float: right;
 width: 613px;
 padding-bottom: 5px;
}

#gallery #random img 
{
 padding: 2px;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 margin-right: 16px;
 margin-bottom: 15px;
 background-color: #fff;
}

#gallery #video 
{
 float: left;
 width: 281px;
 padding-right: 15px;
 margin-bottom: 15px;
 border-right-color: #b0b0b0;
 border-right-width: 1px;
 border-right-style: solid;
}

#gallery h3 
{
 display: block;
 padding-bottom: 5px;
}

#front-popular 
{
 font-size: 0.7em;
 color: #fff;
 width: 910px;
 background-color: #303030;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 15px;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

#recentpost, #mostcommented 
{
 width: 276px;
 float: left;
 padding-top: 0px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 0px;
 border-right-color: #808080;
 border-right-width: 1px;
 border-right-style: solid;
}

#mostcommented 
{
 margin-left: 20px;
}

#recent_comments 
{
 width: 276px;
 float: right;
 padding: 0px;
}

#recentpost a, #mostcommented a, #recent_comments a 
{
 color: #fff;
}

#recentpost ul, #mostcommented ul, #recent_comments ul 
{
 margin-top: 5px;
}

#recentpost li, #mostcommented li, #recent_comments li 
{
 list-style: none;
 background-image: url(images/dots_footer.gif);
 background-repeat: repeat-x;
 background-position: top;
 padding-top: 1px;
}

#recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a 
{
 padding: 5px;
 display: block;
 text-decoration: none;
}

#recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover 
{
 background-color: #000000;
 color: #fff;
}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child 
{
 background-image: none;
}

#footer 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 920px;
 font-size: 0.6em;
 background-color: #dedede;
 color: #333333;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 border-left-color: #fff;
 border-left-width: 5px;
 border-left-style: solid;
 border-right-color: #fff;
 border-right-width: 5px;
 border-right-style: solid;
}

#footer a:hover 
{
 color: #808080;
}

/* Float Properties*/
.clearfloat:after 
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfloat 
{
 display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat 
{
 height: 1%;
}

*+html .clearfloat 
{
 height: 1%;
}

.clearfloat 
{
 display: block;
}