/*  
    Theme Name: blog of bile theme
    Theme URI: http://www.landofbile.com/blog
    Description: A WP theme customized by Antonio SJ Musumeci. Originally designed by <a href="http://www.tiangson.com/">Philip M. Tiangson</a>.
    Version: 1.0.0
    Author: Antonio SJ Musumeci
    Author URI: http://www.landofbile.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
blockquote
{
    border: 1px dotted #5BDEFF;
    background: #1F1F1F;
    padding-left: 5px;
    padding-right: 5px;
}

body
{
    font-size: 70%;
    line-height: 120%;
/*    font-family: Tahoma,Arial; */
    font-family: Arial;
    color: #FFFFFF;
    margin: 0px;
#    padding: 0px 0px 30px;
    background-color: #090909;
#    background-image: url('images/bg.gif');
    background-position: top center;
}
a, a:visited {
    color: #5BDEFF;
    text-decoration: none;
}
a:hover {
    color: #5BDEFF;
    text-decoration: underline;
}
img {
    border: none;
}
/*
p {
    padding: 0px 0px 10px;
    margin: 0px;
}
*/
h1 {
    margin:0px;
    padding-left: 10px;
    height: 50px;
    font: 35px/100% Tahoma, Arial;
    color: #FFFFFF;
}
h1 a, h1 a:visited{
    color: #5BDEFF;
    text-decoration: none;
}
h1 a:hover{
    color: #FFFFFF;
    text-decoration: none;
}
h2 {
    color: #AAAAAA;
    margin: 0px 0px 2px;
    letter-spacing: -1px;
    font: normal 170%/100%  Verdana, Arial;
    padding-bottom: 3px;
}
h2 a, h2 a:visited {
    color: #AAAAAA;
    text-decoration: none;
}
h2 a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
h3 {
    font: normal 140%/100% Verdana, Arial;
    color: #AAAAAA;
}
h4 {
    font: normal 130%/100% Verdana, Arial;
    color: #AAAAAA;
/*margin: 10px 0px 5px;*/
}
form {
    margin:0px;
    padding:0px;
}
#page {
    margin: 0px auto;
    width: 920px;
    background: #000000;
}

/* header area */
#header {
    background: #000000;
    height: 52px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;    
}
#headerimg {
    background: #000000;
    position: relative;
    top: 10px;
}

#headerimg .description {

}

/* content area */
#content {
    padding: 0px 0px 0px 20px;
    float: left;
    width: 620px;
}

.post {
    clear:both;
    padding-top: 0px;
    text-align:left;
}

.entry {
    width: 620px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333333;
    margin-bottom: 15px;
}
.post-cat {
    /*	background: url(images/postcat.gif) no-repeat left center; */
    /*	padding-left: 20px; */
    float:left;
/*    font-size: 100%; */
    color: #CCCCCC;
}
.post-comments {
    background: url(images/comments.png) no-repeat left center;
    padding-left: 20px;
    float: right;
    font-size: 95%;
}
.post-calendar {
    /*	background: url(images/mini-calendar.gif) no-repeat left center;*/
    padding-left: 20px;
    float: left;
    font-size: 95%;
    color: #999999;
}
.post-content {
    clear: both;
    padding-top: 5px;
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica;
    line-height: 150%;
}

.post-content table {
    border: 1px solid #7F7F7F;
    border-spacing: 0px;
}    

.post-content td {
    border: 1px solid #7F7F7F;
}

.navigation {
    clear: both;
    padding: 10px 0px;
}
.navigation a, .navigation a:visited {
    color: #0000CC;
}

/* navigation area */
#menu {
    height: 45px;
    float: left;
    padding: 10px 5px; 
/*    width: 60%; */
}

#menu h2{
    display: none;
}

#menu ul { 
    list-style: none;
/*     margin: 5px; */
/*    padding: 0px; */
    width: 100%;
    height: 0px;
}

#menu li {
    float: left;
    padding: 10px 5px 10px 3px;
    background: url(images/btnSide.gif) no-repeat top right;
    font: bold 90%/120% Tahoma, Arial;
    text-transform: uppercase;
}

#menu li a {
    color: #AAAAAA;
    padding: 10px 0px 5px;
    font: bold 100%/120% Tahoma, Arial;
}

#menu li a:hover {
    text-decoration: underline; 
}

.previous-entries a, .previous-entries a:hover, .previous-entries a:visited {
    padding-left: 18px;
    color:#00CCFF;
}
.next-entries a, .next-entries a:hover, .next-entries a:visited {
    padding-right: 18px;
    color:#00CCFF;
}

/* comments area */
#comments, #respond {
    border-bottom: 1px dotted #CCCCCC;
    padding: 10px 0 5px 0;
    clear: both;
}
.commentlist {
    margin: 10px 0px;
    padding-left: 20px;
    line-height: 130%;
}
.commentlist li{
    padding: 5px 10px;
}
.commentlist .alt {
    background: #333333;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
    font-weight: bold;
    font-style: normal;
    font-size: 120%;
    color: #AAAAAA;
}
.commentlist small {
    margin-bottom: 5px;
    display: block;
    font-size: 87%;
}
#commentform {
    margin-top: 10px;
    font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
    padding: 6px 0px;
    margin: 0px;
}
#commentform label{
    color: #787878;
    font-size: 87%;
}
#commentform input{
    width: 200px;
    background:#CCEBFF;
    border: 1px solid #FFFFFF;
    padding: 1px;
    margin-top: 1px;
}
#commentform textarea{
    width: 485px;
    height: 115px;
    background:#CCEBFF;
    border: 1px solid #FFFFFF;
    padding: 2px;
    margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
    background: #ffffff;
}
#commentform #submit{
    background: url(images/search-btn.gif) no-repeat;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border: none;
    float:right;
    width: 144px;
    height: 20px;
    cursor: pointer;
}

/*sidebar */
#sidebar {
    float: right;
    padding: 0px 10px 20px 0px;
    width: 240px;
#    color: #00CCFF;
    overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
    font: bold 130%/140% Arial;
    color: #FFFFFF;
    margin: 15px 0px 0px;
    border-bottom: 1px solid #333333;
}
/*sidebar text styles */
#sidebar a{
    color: #00CCFF;
    text-decoration: none;
}
#sidebar a:visited{
    color: #FF0000;
/*	text-decoration: line-through;*/
}
#sidebar a:hover{
    color: #00CCFF;
    text-decoration: underline;
}
/*sidebar list level1 */
#sidebar ul {
    /*	font: normal 105%/140% Tahoma; */
    margin: 0;
    padding: 0;
}
#sidebar ul li {
    margin: 0;
    padding: 0;
    border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
    padding: 0;
    margin: 0;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: circle;
}
#sidebar ul li ul li{
    padding: 0px 0 2px 0px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
    padding: 1px 0 1px 10px;
    border: none;
}
/*blogroll */
ul.list-blogroll li{
    background: url(images/bullet.gif) no-repeat !important;
    padding: 0 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
    background: url(images/postcat.gif) no-repeat !important;
    padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
    background: url(images/mini-calendar.gif) no-repeat !important;
    padding-left: 20px !important;
}
/*pages widget */
ul.list-recent-posts li, ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
    background: url(images/bullet.gif) no-repeat !important;
    padding-left: 20px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
    background: url(images/mini-recent-comments.gif) no-repeat !important;
    padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
    padding: 1px 7px;
}
/*text widget */
.textwidget {
    padding-top: 5px;
}

/*search form */
#searchform {
}
#searchform br {
    display: none;
}
#searchform #s {
    width: 160px;
    height: 16px;
    padding: 2px 2px 0px 2px;
    background: #ffffff;
    margin-right: 2px;
    color: #000000;
    font-weight: normal;
}

/* search form button - to specify button only use input[type="submit"] */
#searchform input {
    background: url(images/search-btn.gif) no-repeat;
    border: none;
    width: 57px;
    height: 20px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    vertical-align: middle;
}

#searchform input[type="submit"] {
    cursor:pointer;
}

#footer a, #footer a:visited {
    color: #777777;
}

/* credits */
#credits {
    margin: 0px auto;
    font: normal 90%/180%  Verdana, Arial;
    border-top: 1px solid #333333;
    padding-bottom: 10px;
}
#credits a, #credit a:visited {
    color: #777777;
}
#credits a:hover {
    color: #777777;
    text-decoration: underline;
}
.rss {
    background: url(images/rss.gif) no-repeat left center;
    padding-left: 18px;
    padding-bottom: 2px;
    margin-left: 8px;
}
/* alignments */
.center {
    text-align: center;
}

img.center, img[align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
img.alignleft, img[align="left"] {
    float:left;
    margin: 2px 10px 5px 0px;
}
.alignright {
    float: right;
}
img.alignright, img[align="right"] {
    float:right;
    margin: 2px 0px 5px 10px;
    padding-right:10px;
}

.clear {
    clear:both;
}
hr.clear {
    clear:both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}

/* Others */
.postmetadata{
    text-align: center;
    color: #777;
/*    padding-top: 5px; */
    clear: left;
}
.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}
.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}
small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    color: #777777;
}

.alt {
    background-color: #111111;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 10px;
}

/* Below Header */
#below_header {
    height:120px;
    position:relative;
    background-color:#000000;
    padding: 5px 0 0 0;
    text-align:center;
}

#box {
    margin: 0 25px 0 25px;
    clear: both;
    height:110px;
    text-align:center;	
    padding-bottom:25px;
}

/*Eric Meyer's based CSS tab*/

#tablist
{
    padding: 4px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
/*  font: bold 12px Verdana;*/
}

#tablist li
{
    list-style: none;
    display: inline;
    margin: 0;
}

#tablist li a
{
    text-decoration: none;
    padding: 0px 0.1em;
    margin-left: 0px;
    border: 1px solid #778;
    border-bottom: none;
    background: black;
}

#tablist li a:link, #tablist li a:visited
{
    color: #00CCFF;
}

#tablist li a:hover
{
    color: #00CCFF;
    background: black;
    border-color: #227;
}

#tablist li a.current
{
    color: #00CCFF;
    background: black;
}

ul.hidden
{
    display: none;
}

#player1, #player2, #player3 {text-align: center;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width:89px; height:30px; border:1px solid #000000; border-width:1px 0 1px 1px; background:#666666; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:89px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#666666;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#AAAAAA;}
.menu ul ul :hover > a.drop {background:#AAAAAA;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#666666;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#AAAAAA;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:100px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:114px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#666666; color:#FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:93px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:101px;w\idth:93px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFFFFF; background:#AAAAAA;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background:#AAAAAA;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: #5BDEFF;
  background: #666666;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #5BDEFF;
  font-weight: bold;
  background: #666666;
}

.menu ul .current_page_item ul a {
  color: #FFFFFF;
  font-weight: normal;
  background: #666666;
}

.menu ul .current_page_item ul a:hover {
  background: #AAAAAA;
}

.menu .current_page_item a:hover {
  background: #AAAAAA;
}