/*  
Theme Name: xplosive
Theme URI: http://www.blogohblog.com
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Blue/Orange
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background: #333333;color:#333;font:0.8em Tahoma;margin-bottom:20px; line-height:20px;}
#wrapper{background:#FFFFFF;margin:20px auto;padding:20px;  width:900px;}
#header {margin:0;padding:0; width:900px;}
#header h1 {text-indent:-10000px;margin:0;padding:0;}
#header h1 a {display:block;background:url(images/header.gif) no-repeat left;height:160px;}
h2 a:link,h2 a:visited{ font-size:22px; color: #003366; text-decoration:none; font-weight: lighter;}
h2 a:hover{color: #000000;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:550px;}
.entry h2{padding-bottom:6px;}
.entry p{padding:0 0 10px 0;}
.post{padding:30px;text-align:justify; margin-bottom:20px; background:url(images/postee.gif) repeat-x top;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

/**************** Links *********************/
a:link, a:visited{color: #003366;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}

/**************** Navigation *********************/
#navigation{height:40px;}
#menu{background-color:#333333;padding:10px; }
#menu li{display:inline;list-style:none;background-color:#333333; font-weight:bolder;}
.page_item a:link, .page_item a:visited{color: #FFFFFF; padding:10px;}
.page_item a:hover { background-color: #444444; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color:#ffffff;text-decoration:none;padding:10px;}
.current_page_item a:hover { background-color: #444444; text-decoration:none;}

/**************** Sidebars *********************/
#topbar {background:#FFFFFF url(images/sidee.gif) top repeat-x; float:right; width:350px;}

#sidebar1{ width:160px; float:left; border-right:1px solid #CCCCCC; padding-right:10px;}
#sidebar1 h2{font-weight:normal;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px solid #ccc;display:block;margin:0 0px 5px;padding:0 0 5px 13px;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ width:160px; float:left;}
#sidebar2 h2{font-weight:normal;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;border-bottom:1px solid #ccc;display:block;margin:0 0px 5px;padding:0 0 5px 13px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #333333; padding:10px; background:url(images/search.jpg); border:1px solid #CC3300;}
#topsearch input[type="text"]{ border:1px solid #CC3300; width:17em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search {font-weight:lighter;}

/**************** Comments *********************/
#comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #CC3300;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #CC3300;}

/**************** Footer *********************/
#footer{color:#ffffff; background-color:#333333;padding:20px;}
#footer a:link, #footer a:visited{color:#CCCCCC;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/******* added for dynamic menus below ramon *************/

/* ================================================================ 
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 {width:699px; height:32px; font-size:0.85em; position:relative; z-index:100; background:#758279;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:700px; w\idth:699px;}
/* 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:99px;}
/* 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:99px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:88px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; 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:99; w\idth:88px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* 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:99px;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:99px; top:-1px; width:99px;}

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

/* 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:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:78px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:78px;}

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

/* 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: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}