/*
File        :	 custom.css
Description :	 Custom styles for Thesis
Edited by   :    George Serradinho from http://www.serradinho.com
*/


/******************************************************************/
/* HEADER LOGO WEBSITE THEME STYLING                              */
/******************************************************************/
/* .custom #header #logo a {display: block; width:478px; height: 82px; background: url(http://webhosting-directory.org/wp-content/uploads/2010/03/webhosting_logo9.png) no-repeat; outline: none;} */ 
/* .custom #header #logo {text-indent: -9999px;} */ 
/* .custom #header #tagline {height: 30; text-indent: 25px; font-weight: bold; color: #000000; padding: 5px;} */


/******************************************************************/
/* WEBSITE NAVIGATIONAL MENU STYLING                              */
/******************************************************************/
.custom .menu{background:#8C8A8A;-moz-border-radius:5px; -webkit-border-radius:5px;} 
.custom .menu a {font-weight: bold; font-family: "Trebuchet MS", sans-serif; text-transform: none; letter-spacing: 2px; float: left;}
.custom .menu .tab, .menu .cat-item {margin-left: 20px;}  

/******************************************************************/
/* BASIC WEBSITE THEME STYLING                                    */
/******************************************************************/
.custom #content_box {background: #FFFFFF; border: 2px solid #F0F0F0; -webkit-box-shadow: 0px 0px 15px #888; -moz-box-shadow: 0px 0px 15px #888; box-shadow: 0px 0px 15px #888;} 
.custom .post_box {margin: 2em 2em; padding: 10px; border-right: 1px solid #F0F0F0; -webkit-box-shadow: 0px 0px 15px #888; -moz-box-shadow: 0px 0px 15px #888; box-shadow: 0px 0px 15px #888;} 
.custom #footer {background: none;}

/******************************************************************/
/* EXTRA SIDEBARS (2 & 3)THEME STYLING                            */
/******************************************************************/
.custom #sidebar2_col {float: left; width: 170px; border: 0px solid red;} 
.custom #sidebar3_col {float: right; width: 140px; border: 0px solid blue;} 


/******************************************************************/
/* THESIS FOOTER WIDGETS AT BOTTOM OF WEBSITE                     */
/******************************************************************/
.custom #footer {margin: 0; padding: 0;}
.custom #footer a {border-bottom: 0px solid #ccc; text-decoration: none;}
.custom .container2 {width: 100%; border: 2px solid #F0F0F0; margin: 0 auto; margin-top: 2em; clear: both; text-align: center; min-height: 20px; height: auto !important;}
.custom #foot {width: 100%; color: gray; padding: 0px; background: #FFFFFF; display: inline-block; min-height: 20px; height: auto !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: left;} 
.custom #foot a {color: #2361A1; text-decoration: none; line-height: 1em;}
.custom #foot a:hover {color: #2361A1; text-decoration: underline !important;}
.custom #foot h3 {margin-left: 10px; font-family: arial,verdana,helvetica,sans-serif; color: #777; font-size: 18px; font-weight: normal; margin-bottom: 10px;}  
.custom #foot ul li ul {margin-left: 25px; list-style-type: square; font-size: 12px; line-height: 1em;}  
.custom #foot ul.sidebar_list {padding: 10px 5px 0 5px;}
.custom #foot ol li {margin-left: 25px; font-size: 12px; line-height: 1.75em;} 
.custom #foot ol.sidebar_list {padding: 10px 5px 0 5px;}
.custom #foot li.widget .widget_box {background: none; border: 0;}
.custom #foot .col {float: left; padding: 0; width: 24%; min-height: 20px; height: auto !important;}
.custom #foot .col:first-child {border: none;} 
.custom #copyright {border-top: 0px dashed #3D3C3C; clear: both; font-size: 9px; letter-spacing: 1.3px; padding-top: 5px; text-align: center;}
.custom #copyright p {font-size: 9px;}
.custom #copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget {margin: 0; padding: 0;}


/***************************************************************************/
/* SEARCH BOX AT TOP OF SIDEBARS                                           */ 
/***************************************************************************/
.custom #search_container {height: 35px; text-align: center;}
.custom #search {position: relative; text-align: right; width: auto; margin: 0.5em 1em 1em 1.5em; padding: 0;}  
.custom #search input {background: #EEEEEE; float: left; border: 1px solid #000000; color: #000000; font-size: 11px; width: 205px; padding:4px; height:22px;}
.custom #search .btn {padding: 0; background: #000000; color: #FFFFFF; font-size: 13px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; /* font-family: "Trebuchet MS", sans-serif; */ height:33px; width: 80px; margin-right: 0; margin-bottom: 0; margin-left: 5px; border: none;}


/***************************************************************************/
/* BANNER ADS IN SIDEBARS                                                  */ 
/***************************************************************************/
/* sidebar 300x250 ads */ 
.custom #adrotate_1 {text-align: center; margin-top: -1em;} 
.custom #adrotate_1 img {text-align: center; padding: 0px; border: 0px solid #FFFFFF;}
/* sidebar 125x125 ads */ 
.custom .banner_ads {margin: 1em; padding: 5px; border: 1px solid #4F4C42; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px;} 
.custom .banner_ads img {text-align: center; margin: 10px; border: 1px solid #FFFFFF;}

/* hosting companies 165x70 ads */ 
.custom #homepage_hosting_ads {text-align: center; margin: 1em 0 1em 0;} 
.custom #homepage_hosting_ads ul li {list-style-type: none;} 
.custom #adrotate_3 {text-align: center;} 
.custom #adrotate_3 img {text-align: center; padding: 5px; border: 0px solid #FFFFFF;}


/***************************************************************************/
/* SHOW CATEGORY POSTS & EXCERPTS AT BOTTOM OF HOMEPAGE CONTENT            */
/***************************************************************************/
#cat_square_dark {margin: 1em; display: block; overflow: hidden; width: 96%; min-height: 150px; height: auto !important; border: 0px solid red; background: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#cat_left {padding: 20px; background: #f7f7f7 url(images/custom_category_posts_back.gif) repeat-x top; border: 1px solid #4F4C42; display: block; overflow: hidden; float: left; width: 91.5%; min-height: 185px; height: auto !important; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#cat_left h2 {font-size: 14px; background: #4F4C42; color: #fff; padding: 5px 10px; width: 90%; border: 1px solid #4f4c42; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.cat_list ul {margin: 0; padding: 0;}
.cat_list li {list-style-type: square; color: #333; font-size: 11px; line-height: 20px; margin-bottom: 10px;}
.cat_list a {font-size: 1.2em;}
.cat_list a:hover {text-decoration: underline;}


/***************************************************************************/
/* RECENT/RANDOM POSTS PLUGIN DETAILS                                      */
/***************************************************************************/
#recent-posts li {background: #FFFBCC; border: 1px solid #E6DB55; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.5em; -webkit-border-radius: 5px; overflow: hidden;}
#recent-posts img {float: right; padding-left: 4px;}
#recent-posts div.left {color: #baaf2e; float: right; font-size: 11px; text-transform: uppercase;}
#random-posts li {background: #EEEEEE; border: 1px solid #EEEEEE; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.5em; -webkit-border-radius: 5px; overflow: hidden;}
#random-posts div.posts_align {color: #111111; float: right; font-size: 9px; text-transform: uppercase;}
.recent-comments ul li {height: 55px; height: auto !important; min-height: 55px; padding: 0.25em; border: 1px dashed #FFFFFF;}
.recent-comments li a {background-color: #2361A1; color: #FFFFFF; text-decoration: none;}
.recent-comments li a:hover {background-color: #DBEDF9; color: #3D3C3C;} 
.recent-comments li .avatar:hover {float:left; border: 0.2em solid #000000; margin-right: 4px;} 

.format_text .avatar, .sidebar .avatar, #foot .avatar {border: 0.2em solid #2361A1; float: left; margin-right: 4px;}  
.format_text .avatar:hover, .sidebar .avatar:hover, #foot .avatar:hover {border: 0.2em solid #FFFFFF;}


/******************************************************************/
/* GET RID OF COMMENTS WHEN THEY ARE CLOSED */
/******************************************************************/
.custom .comments_closed p {display: none;}


/******************************************************************/
/*  PAGE NAVIGATION PLUGIN   */
/******************************************************************/
#pagenavi{margin: 10px 20px; float: left; font-family: Helvetica,Verdana,Arial,sans-serif;}
.wp-pagenavi {display: block; font-size: 2em; font-weight: bold; float: left; margin: 4px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #2361A1; color: #2361A1; background-color: #ECF3F6; display: block; float: left;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #366799; color: #fff; background-color: #366799; display: block; float: left;}
.wp-pagenavi a:hover {border: 1px solid #2361A1; color: #111111; background-color: #efefef; display: block; float: left;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #ffffff; border: 1px solid #2361A1; background-color: #2361A1; display: block; float: left;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #333; border: 1px solid #bbb; background-color: #fff; display: block; float: left;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #2361A1; border: 1px solid #2361A1; background-color: #ECF3F6; display: block; float: left;}
.wp-pagenavi span.last {background: #ffffff !important; font-weight:bold; border: 1px solid #ddd; padding:5px !important; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.wp-pagenavi span.first {background: #ffffff !important; font-weight:bold; border: 1px solid #ddd; padding:5px !important; -moz-border-radius: 2px; -webkit-border-radius: 2px;}


/***************************************************************************/
/* SHOW CATEGORY POSTS & EXCERPTS AT BOTTOM OF HOMEPAGE CONTENT            */
/***************************************************************************/
#sidebar_cat_square_dark {display: block; overflow: hidden; width: auto%; min-height: 150px; height: auto !important; border: 0px solid red; background: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#sidebar_cat_left {margin: 1em; padding: 20px; background: #f7f7f7 url(images/custom_category_posts_back.gif) repeat-x top; border: 1px solid #4F4C42; display: block; overflow: hidden; float: left; width: auto; min-height: 185px; height: auto !important; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#sidebar_cat_left h2 {font-size: 14px; background: #4F4C42; color: #fff; padding: 5px 10px; width: 90%; border: 1px solid #4f4c42; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.sidebar_cat_list ul {margin: 0; padding: 0;}
.sidebar_cat_list li {list-style-type: square; color: #333; font-size: 11px; line-height: 20px; margin-bottom: 10px;}
.sidebar_cat_list a {font-size: 1.2em;}
.sidebar_cat_list a:hover {text-decoration: underline;}


/***************************************************************************/
/* SUBSCRIPTION IMAGES & LINKS                                             */
/***************************************************************************/
.custom #sub_options .whd_icons {width: auto; margin: 1.5em 1.5em 1em 1.5em; min-height: 60px; height: auto !important; background: #EEEEEE;}
.custom #sub_options .whd_icons li {list-style: none; float: left; margin: 5px; width:50px; text-align:center; font-size:11px;}


/***************************************************************************/
/* AD CATEGORIES AT TOP OF WEBSITE                                         */
/***************************************************************************/
.custom #feature_box {color: #000000; margin: 1.5em; padding: 0.5em; background: #F0F0F0; border: 2px solid #F0F0F0; -webkit-box-shadow: 0px 0px 15px #888; -moz-box-shadow: 0px 0px 15px #888; box-shadow: 0px 0px 15px #888; font-size: 13px; line-height :1.2em; height: 120px;}
.custom #feature_box h3 {font-size: 20px; font-weight: bold; line-height: 1.6em;}
.custom #feature_box .whitened {color: #ffffff;}
.custom #feature_box p {margin-bottom: 0.75em;}
.custom #feature_box span {color: #2361A1; font-weight: bold;}
.custom #feature_box ul li {font-size: 13px; list-style-image: url(images/custom_bullet_star.png);}
.custom #feature_box .col {float: left; font-size: 13px; padding: 0 10px 0 10px; width: 160px;}
.custom #feature_box li a:hover {text-decoration: underline !important;} 
.custom #myarea1 {position:relative; float:left; width:30%; padding: 0.5em;}
.custom #myarea2 {position:relative; float:left; width:30%; padding: 0.5em;}
.custom #myarea3 {position:relative; float:left; width:30%; padding: 0.5em;}


/***************************************************************************/
/* WP REVIEW SITE PLUGIN STYLING                                           */
/***************************************************************************/
.custom #review_rank_table {margin-top: 1em; margin-bottom: 2em; border: 0px solid red; width: 100%;} 

.custom div#review_average_ratings {float: right; border: 1px solid #000; margin-right: 20px; padding: 10px; margin-left: 15px; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.custom #review_average_ratings table.ratings tbody {}
.custom #review_average_ratings_title {font-size: 1.4em; color: #000; text-align: center; margin-bottom: 6px;}
.custom #review_average_ratings p {margin-top: 1em; text-align: center; font-size: 1.2em; line-height: 1.8em;}
.custom #review_average_ratings p a {text-align: center;  /* font-size: 1.2em; line-height: 1.8em; */ text-decoration: underline;}
.custom #review_average_ratings p a.rating_positive {background: url(http://webhosting-directory.org/wp-content/uploads/2010/03/rate_positive.png) no-repeat; float: left; padding-left: 30px;}
.custom #review_average_ratings p a.rating_negative {background: url(http://webhosting-directory.org/wp-content/uploads/2010/03/rate_negative.png) no-repeat; float: left; padding-left: 30px;}
.custom #show_rating .rating_positive {background: #eee url(http://webhosting-directory.org/wp-content/uploads/2010/03/rate_positive.png) no-repeat; float: left; padding-left: 30px;} 
.custom #show_rating .rating_negative {background: #eee url(http://webhosting-directory.org/wp-content/uploads/2010/03/rate_negative.png) no-repeat; float: left; padding-left: 30px;}  

.custom div#headingforthis {text-align: center; font-size: 1.2em; margin-bottom: 5px;}
.custom div#review_comment_rate {float: right; margin-top: auto; margin-right: 20px; margin-bottom: 5px;}
.custom #review_comment_rate_title {font-size: 1.4em; color: #000; text-align: center; margin-bottom: 6px;}
.custom #table1 div.glt div table tbody tr {text-align: center; font-size: 1em;}
.custom div#answerdiv {clear: both;}
.custom #answerdiv p {font-size: 1.1em; margin-top: 15px;}
.custom #commentform input {margin-bottom: 10px;}

.custom .comparison_table {border: 1px solid #3385FF;}
.custom .comparison_table th {background: #3385FF; border: 2px solid #666666; color: #FFF; padding: 5px; vertical-align: middle; white-space: nowrap; width: auto; text-align: center; font-family: Arial; font-size: 10pt; font-weight: bold;}
.custom .comparison_table td {background: none; border: 2px solid #666666; padding: 0px; vertical-align: middle; white-space: nowrap; width: auto; text-align: center; font-family: Arial; font-size: 10pt; font-weight: bold;}
.custom .comparison_rank img {width: 35px; height: 35px;}
/* .custom .comparison_field td {border: 1px solid #2361A1} */ 
.custom .comparison_title {width: 200px;}
.custom .rs_table_icon {width: 150px; height: 35px;}