/*
Theme Name: Eloquent
Theme URI: http://wordpressroom.com/eloquent-theme-document.html
Description: Dark WP theme with 3 column custom structure, post with Image on homepage. Flickr and Ad. banners (125px X 125px) widgets enabled, inbuild functionality for customised home page and switch between 3 color options. Created by <a href="http://wordpressroom.com/">wordpressRoom</a>.

Version: 1.0
Author: WordpressRoom
Author URI: http://wordpressroom.com
Tags: dark, black, silver, yellow, three-columns, one-column, fixed-width, theme-options

  Article WordpressRoom theme
    http://wordpressroom.com/eloquent-theme-document.html

  Design and coding by wordpressRoom
    http://www.wordpressroom.com
	
  The CSS, XHTML and design is released under GPL.
    http://www.opensource.org/licenses/gpl-license.php

*/

/* !!!!! GLOBAL ELEMENTS !!!!! */

* { padding:0; margin:0; } /*  It will remove padding and margin default values from all ELEMENTS  */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, select, a, blockquote, table, td, th { font-family:Arial, Helvetica, sans-serif; } /* Apply common textual properties */

body { color:#696969; font-size:12px; background:#000000 url(images/body-bg.gif) repeat-x top; margin:0; padding:0 0 15px 0; }

h1, h2, h3, h4, h5, h6 { color:#FFFFFF; margin:0; padding:5px 0 5px 0; font-weight:normal; line-height:140%; clear:both;  } /* HEADERS */
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 {font-size:14px; padding:4px 0 3px 0; font-weight:bold; }
h6 { font-size:12px; padding:3px 0 2px 0; font-weight:bold; }

a img { border:none;}
a { text-decoration:underline; color:#717171; cursor:pointer; }
a:hover { text-decoration:none; color:#FFFFFF; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; line-height:16px; }
small a {color:#FFFFFF;}

hr { border-bottom:solid 1px #616161;}

p { text-align:justify; padding:4px 0 5px 0}

/*___ end global elements ___*/

/* !!!!! GLOBAL CLASSES !!!!! */
.alignleft, .float_left { float:left; }
.alignright, .float_right { float:right; }
.aligncenter, div.aligncenter { display: block;  margin-left: auto;  margin-right: auto; }
.float_clear { clear:both;  height:0; font-size:0; line-height:0; margin:0; padding:0; }
br.float_clear { clear:both; height:0; font-size:0; line-height:0; margin:0; padding:0; }
.clear { margin:0; padding:0; clear:both; font-size:0; line-height:0; display:block !important; display:inline }
.padding-top { padding-top:10px;}
.no_hr { display: none; }
.paddingright10{ padding-right:10px;}
.padding10px{ padding: 0 10px;}
.paddingright8px{ padding-right:8px;}
.postmetadata{margin:0 0 0 6px;}
.extrasmall { font-size:smaller; }
.small { font-size:small; }
.medium { font-size:medium; }
.large { font-size:large; }

p.read_more { padding:5px 7px; }
p.read_more a, p.read_more a:visited{ background:url(images/read_more_bg.png) repeat-x top; color:#614103; padding:3px 10px 15px 10px; text-decoration:none; float:left; line-height:16px;}
p.read_more a:hover { text-decoration:underline; color:#614103;}

/*___ end global classes ___*/

/* !!!!! STRUCTURAL CLASSES !!!!! */
#wrapper { width:919px; margin:0 auto; }

#header { background:#000000; }
#header .top_section { padding-top:10px; }
#header .top_login_nav { width:50%; float:right; text-align:right; padding-right:5px; color:#787878;}
#header .top_login_nav ul{ float:right; padding-right:10px;}
#header .top_login_nav li{ float:left; list-style-type:none; border-left:solid 1px #666;}
#header .top_login_nav li.no-border { border-left:none;}
#header .top_login_nav a { padding:0 7px; color:#787878; text-decoration:none;}
#header .top_login_nav a:hover { text-decoration:underline;}

#content { padding:10px; } 
.left_panel { width:302px; }
.right_panel { width:590px; }
.middle_content { background:#000000; border:solid 1px #7C7C7C; border-width:1px 0; margin-bottom:20px; }
.middle_content_1 { background:#000000; border:solid 1px #7C7C7C; border-width:1px 0; margin-bottom:20px; }

.sidebar_box { padding:10px; border:solid 1px #1B1B1B; background:#080808; margin-bottom:5px; }
.sidebar_box ul { margin:0; padding:5px 0 10px 0; list-style:none;}
.sidebar_box ul li { color:#6C6C6C; background:url(images/black_arw.gif) no-repeat left 8px; padding:3px 0 3px 20px;}
.sidebar_box ul li a { color:#6C6C6C; text-decoration:none;}
.sidebar_box ul li a:hover { color:#888; text-decoration:underline;}

#sidebar { padding:0 0px 10px 0px; }
#sidebar h2 { font-size:14px; font-weight:normal; border-bottom: solid 1px #3B3B3B; padding:0; }

.left_txtsize { padding:0 0 10px 0; }

.left_txtsize span.readmore a:link, .readmore a:hover {color:#393939; }

.left_txtsize img { margin:0px 0px 5px 0px; }
.left_txtsize img.alignleft { margin-right:5px; display:block; float:left; }
.left_txtsize img.alignright { margin-left:5px !important; display:block; float:right !important; }
.left_txtsize img.alignnone { display:block; clear:both; }

.left_txtsize h1, .left_txtsize h2, .left_txtsize h3, .left_txtsize h4, .left_txtsize h5, .left_txtsize h6 { display:block; font-family:Arial, Helvetica, sans-serif; color:#999; margin:0 0 10px 0 !important; padding:0 !important; background:none;  }
.left_txtsize h1 a, .left_txtsize h2 a, .left_txtsize h3 a, .left_txtsize h4 a, .left_txtsize h5 a, .left_txtsize h6 a{color:#CCC;}
.left_txtsize h1 a { font-size:20px; }
.left_txtsize h2 a { font-size:18px; }
.left_txtsize h3 a { font-size:16px; }
.left_txtsize h4 a { font-size:14px; }
.left_txtsize h5 a { font-size:13px; }
.left_txtsize h6 a { font-size:12px; }

.left_txtsize p { margin-bottom:8px; }

.left_txtsize ul, .left_txtsize ol { padding:5px 0 10px 15px; }
.left_txtsize li { font-size:12px; line-height:22px; }
.left_txtsize li a { text-decoration:underline; }
.left_txtsize li a:hover { text-decoration:none; }

.left_txtsize ul li { list-style:none; background:url(images/category-aroow.gif) no-repeat left 8px; padding:0 0 0 20px;}
.left_txtsize ol li { list-style:decimal; }

.left_txtsize blockquote { padding:10px 50px; background-color:#FFFFFF; margin:10px 0; color:#333333;}
.left_txtsize blockquote:after {content: close-quote; margin:-40px 0px 30px 100%; }
.left_txtsize blockquote:before {content: open-quote; margin:-5px 0 0 -40px; }
.left_txtsize blockquote:before, blockquote:after { color:#000000; height:20px; display: block; font-size: 8em; width: 20px; }

.content-teg-cloud { width:270px; color:#797979; line-height:24px; padding:10px; border:solid 1px #1B1B1B; background:#080808;}
.content-teg-cloud a, .content-teg-cloud a:visited { color:#797979;  line-height:24px; text-decoration:none;}
.content-teg-cloud a:hover { color:#AAA; text-decoration:underline;}
.content-teg-cloud ul { margin:0; padding:5px 0 10px 0; list-style:none;}
.content-teg-cloud ul li { color:#6C6C6C; background:url(images/black_arw.gif) no-repeat left 8px; padding:3px 0 5px 20px; }
.content-teg-cloud ul li a { color:#6C6C6C; text-decoration:none;}
.content-teg-cloud ul li a:hover { color:#888; text-decoration:underline;}
.r-postpad{ padding-left:10px; }

#footer { color:#676767; margin-top:10px; }
.footer_categories a { color:#676767; text-decoration:underline;}
.footer_categories a:hover { text-decoration:none;}

.footer_categories { padding:0 0 10px 0; }

.footer_box { margin:0 0 0 15px; width:140px; }
.footer_box h5 { border-bottom:1px solid #666; font-weight:normal; color:#CCC; }
.footer_box ul { margin:0; padding:5px 0 10px 0; list-style:none;}
.footer_box ul li { color:#6C6C6C; background:url(images/black_arw.gif) no-repeat left 8px; padding:3px 0 5px 20px; }
.footer_box ul li a { color:#6C6C6C; text-decoration:none;}
.footer_box ul li a:hover { color:#888; text-decoration:underline;}

.footer_copyright { background:#111111; padding:10px; border:solid 1px #222; }

#respond { padding:0 0 0 12px; }

/*___ end structural classes ___*/

/* !!!!! ELEMENT SPECIFIC CLASSES !!!!! */
/* LOGO */
#logo { width:333px; height:53px; float:left; margin:25px 0 10px 15px; font-size:0px;  }
#logo a { font-size:0; line-height:0;}
#logo a span { display:none;}

/* SEARCH BOX */
#search { background:#0A0A0A; border:solid 1px #2D2D2D; padding:5px; }
#search input { width:222px; padding:2px; margin:0; background:#FFFFFF; border:solid 1px #202020; color:#1C1C1C;  }
#search .search_btn { width:36px;  padding:0; margin:0; background:#000; border:solid 1px #202020; color:#9E9E9E; text-transform:uppercase; cursor:pointer;}

/* NEWS BOX */
#news { background:#0A0A0A; border:solid 1px #2D2D2D; }
#news h2 { padding:3px 15px 3px 20px; margin:0; font-size:16px; line-height:27px; background:#000000; height:27px; }
#news p { padding:2px 0 2px 15px; margin:0; line-height:27px;}

.join_us { padding-left:70px; height:203px; position:relative;}
.join_us h2{ background:url(images/join_us_bdr.gif) no-repeat bottom left; padding: 5px 0 3px 25px; margin-left:10px; }
.join_us ul { margin:0; padding:9px 0 9px 50px; list-style:none;}
.join_us ul li { padding:6px 0 6px 20px;}
.join_us ul a { font-size:14px; font-weight:bold;}
.join_us .join{ position:absolute; left:-15px; bottom:0; background:url(images/join_us_img.gif) no-repeat left bottom; width:139px; height:226px}

/*Welcome Box*/
.welcome_box {}
.welcome_box h2{ background:#161616; padding: 5px 0 3px 10px; margin-left:0px; font-size:16px; font-weight:bold;}
.welcome_box h3{ padding: 2px 0 3px 8px; margin-left:0px; font-size:13px; font-weight:bold;}
.welcome_box ul { margin:0; padding:9px 0 0px 10px; list-style:none; }
.welcome_box ul li { padding:3px 0 3px 15px;}
.welcome_box ul a { font-size:12px; font-weight:normal;}
.welcome_box p { padding: 3px 7px; }
.welcome_box p.read_more { padding:5px 7px; }
.welcome_box p.read_more a{ background:url(images/read_more_bg.png) repeat-x top; color:#614103; padding:3px 10px 15px 10px; text-decoration:none; float:left; line-height:16px;}
.welcome_box p.read_more a:hover { text-decoration:underline;}

.banner_txt { width:280px; }

.width100 { width:100%; } 

.r-postpad div.welcome_box{ width:288px; _width:285px;}
.r-postpad div.content_box{ padding-left:0px; padding-right:0px;} 
.r-postpad div.content_box h2{ padding-left:8px; padding-right:8px;} 

/* RECENT COMMENTS - default comments listing - SIDEBAR */
.recent-comments { margin-right:0px; }
.recent-comments ul li { background-position:0 10px;padding:6px 0 6px 15px;}
.recent-comments ul li span { color:#FFFFFF;}

/* NAVIGATION */
#navigation {  line-height:31px; height:31px; border:solid 1px #7C7C7C; border-width:1px 0; }
#navigation ul { list-style:none;  margin:0; padding:0; height:31px; }
#navigation ul li { float:left; padding:0 0 0 1px; background:url(images/nav_bar_sp.gif) no-repeat left; position:relative; }
#navigation ul li a { display:block; float:left; height:31px; padding:0 21px 0 16px; color:#C3C3C3; font-size:12px; text-decoration:none; }
#navigation ul li a:hover, #navigation ul li a.active {background:url(images/menu_hover_bg.gif) repeat-x top; color:#EFEFEF; }
#navigation ul li.first { background:none; }

#navigation ul li ul { position:absolute; left:0px; top:31px; width:170px; color:#FFFFFF; display:none;}
#navigation ul li:hover ul, #navigation ul li.hover ul { display:block; background:none; }

#navigation ul li ul li { display:block; float:left; background:none; background-color: #000; font-weight:normal; width:100%; border:1px solid #7c7c7c; border-top:0;  }
#navigation ul li ul li a{ background:none; background-color: #000; color:#e4a01a; display:block; padding:0 10px;}
#navigation ul li ul li a:hover{ background:none; background-color: #000; text-decoration:underline; color:#e4a01a;}
#navigation ul li ul .current_page_item {background:none; background-color: #000;}
#navigation ul li ul .current_page_item span{ background:none; background-color: #000; color:#e4a01a;}

#navigation ul li ul ul { position:absolute; left:-1px; top:31px; width:170px; color:#FFFFFF; display:block;}
#navigation ul li ul li ul li{padding:0 10px; }

.top_banner { display:block; height:348px; width:919px; }
.top_banner .banner_text { color:#FFFFFF; padding:120px 0 0 70px; width:50%; height:145px; overflow:hidden;}
.top_banner .banner_text h2 { color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:40px; line-height:47px; padding:0 0 10px 0px;}
.top_banner .banner_text h2 span { font-family:Arial, Helvetica, sans-serif; color:#CF8A01; font-size:18px; line-height:47px; vertical-align:middle;}
.top_banner .banner_text .click_here { background:#000; color:#AAAAAA; text-transform:uppercase; border:solid 1px #373737; padding:7px 12px; text-decoration:none}
.top_banner .banner_text .click_here:hover { text-decoration:underline;}
.top_banner_home {background:url(images/top-banner.jpg) no-repeat right; }

/* PAGINATION */
.pagination a { background:#e39f18; padding:5px; margin:0 25px; color:#FFFFFF; border:1px solid #a26c00; text-decoration:none; line-height:28px; height:28px; }
.pagination a:hover { background:#000000; }

/* POST CLASSES */
.post_list { margin:10px 0 0 0; padding:0; list-style:none; }
.post_list h2{background:#0A0A0A; border:solid 1px #2D2D2D; margin:0 10px; padding:3px 3px 3px 15px; font-weight:normal; font-size:18px;}
h2.pagetitle{background:#0A0A0A; border:solid 1px #2D2D2D; padding:3px 3px 3px 15px; color:#CF8A01; border-bottom:none; }

.content_box {background:#010101 url(images/black_box_2_bg.gif) repeat-x bottom; border:solid 1px #2D2D2D; padding:10px; margin-bottom:10px; }
.content_box .posted_by {background:#161616; padding: 8px 0 8px 8px; margin-left:0px; font-size:12px; font-weight:normal; border:none;  display:block; color:#FFFFFF}
.content_box .posted_by span { color:#969696;}
.content_box h2{ padding: 3px 10px; }
.content_box h3{ padding: 3px 5px 4px 5px; margin-left:0px; font-size:16px; font-weight:bold; color:#FFFFFF; margin-bottom:5px; border-bottom:dashed 1px #343434;}
.content_box h3.respondtitle{padding:2px 6px; color:#AFAFAF; border-bottom:0px; margin:8px 0 0 0;}
.content_box p { padding:4px 0px;}
.content_box p.read_more a{ float:right; color:#614103; margin-right:10px}
.content_box ul { margin:3px 5px 5px 10px; padding: 0 0 0 5px;}
.content_box ol { margin:3px 5px 5px 13px; padding: 0 0 0 5px;}
content_box ul li { color:#6C6C6C; background:url(images/black_arw.gif) no-repeat left 8px; padding:3px 0 3px 15px;  display:block; width:842px; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { background:none; border:none; color:#999999; }

.archives_post { color:#FFFFFF; padding:5px 0 0 0;}
.archives_post span{color:#969696;}

/* SOCIABLE BOOKMARK */
.sociable ul li{background:none; clear:both; _clear:none; margin:0; padding:0;  }
.sociable_tagline{clear:both;}

/* COMMENT TEMPLATE - Respond */
ol.commentlist{ padding:10px 20px 0 10px;}
ol.commentlist img.avatar{ float:right;}
ol.commentlist li { margin:5px 0 12px 0; padding:10px 0; list-style:none; background:none; width:100%; border-bottom:dotted 1px #FFF;}
ol.commentlist li .comment_date { width:3%; padding:5px; margin-top:7px; text-align:center; border:solid 1px #616161; background:#0a0a0a; float:left;}
ol.commentlist li .comment_content { width:94%; float:left; margin-left:10px;}
ol.commentlist li .entry, #content ol#comments li .entry a { color:#FFFFFF;}
ol.commentlist li .posted_date { color:#535353; font-size:11px; line-height:14px;}

.commentmetadata { font-size:11px; }
.comments-forms { margin-top:20px; padding-top:10px; }
.comments-forms small{  padding-left:6px; line-height:22px; }
.comments-forms .left { width:25%; float:left; }
.comments-forms .right { width:405px; float:left; }
.comments-forms label { color:#616161; }
.comments-forms h3 { }
.comments-forms input, textarea, select { width:200px; border:solid 1px #616161; padding:2px; background:#0a0a0a; color:#c9c9c9; font-size:12px; }
.comments-forms textarea { height:80px; width:400px;}
.comments-forms .submit { background:url(images/read_more_bg.png) repeat-x top; color:#614103; margin:0; padding:2px 10px 15px 10px ; width:auto; cursor:pointer; float:left; overflow:visible; border:none; }

/* Calendar */
#calendar_wrap { padding: 0 15px; text-align: center; }
#calendar_wrap table { width: 100%; }
#calendar_wrap tfoot td { border: none; }
#calendar_wrap tfoot td#prev { text-align: left; font-weight: bold; border: none; }
#calendar_wrap tfoot td#prev a { border: none; }
#calendar_wrap tfoot td#next { text-align: right; font-weight: bold; border: none; }
#calendar_wrap tfoot td#next a { border: none; }
#calendar_wrap caption { font-weight:bold; margin:5px 0 ; font-size:13px; line-height:30px;  }

/*___ end general classes ___*/

/* Flickr and Advt. Banner CSS */
#wr_flickr{clear: both;margin: 0 0 20px 0;padding: 0px; list-style:none;}
#wr_flickr .flickr_badge_image a{float: left;display: inline; margin:5px 4px 4px 2px; border: 1px dashed #888;padding: 2px;}
#wr_flickr .flickr_badge_image a:hover{border: 1px dashed #444;}
#browseFlickr{background: url(images/bg-flickr.png) no-repeat;width: 91px; height: 11px;margin: 0 25px 10px 12px;float:right;}
#video{padding: 10px;}
#advt_125x125{margin:15px 0;padding:8px; background:#111; border: 1px solid #222; }
#advt_125x125 img{margin:5px; }
#advt_125x125 span{ font-size:10px; color:#666666; display:block;text-align:center;}