/* 
	Theme Name: Xeiro
	Theme URL: http://www.blogsdna.com/xeiro-wordpress-theme
	Description: Three column, Search engine optimized, Widget Ready, Adsense  optimized, Supporting tags & Gravatars, Lightweight WordPress v2.6 Professional Wordpress Theme from <a href="http://www.blogsdna.com">BlogsDNA</a>. 
	Author: blogsdna
	Author URI: http://www.blogsdna.com
	Version: 1.1		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	Tags: widget ready, fixed width, three columns,  3 colums, widgets, adsense, seo, adsense ready, custom header, gravatar support, sidebar left, sidebar right,  widget sidebar, seo adsense
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
img.left { float:left; margin:2px 20px 16px 0; }
img.right { float:right; margin:2px 0 16px 20px; }
.clear { clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px; }

/* default type */
strong,b { font-weight:bold; }
em,i { font-style:italic; }
sup { padding-left:1px; font-size:10px!important; font-weight:normal!important; vertical-align:baseline; position:relative; bottom:.33em; color:#76797c; _position:static!important; }

h1 { font-weight:bold; font-size:24px; line-height:36px; margin-bottom:18px; }
h2 { font-weight:bold; font-size:16px; line-height:18px; margin-bottom:18px; }
h3 { font-weight:bold; font-size:1em; line-height:18px; }
h4 { font-weight:bold; font-size:10px; line-height:18px; }

blockquote { margin-left:2em; }

p { margin-bottom:18px; }
p.more { text-align:right; }
p.more a { font:bold 11px Verdana; text-decoration:none; }

ul { margin-bottom:18px; margin-left:2em; list-style:disc outside; }
ol { margin-bottom:18px; list-style:decimal; margin-left:25px; }
ul ul { margin-top:4px; margin-bottom:5px; }


/* layout */
body { 
text-align:center; 
background:#f1f1f1 url(images/body_bg.jpg) repeat-x; 
font:12px/18px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; color:#333; 
}
a { 
color:#40748C; 
}
#wrap { 
width:899px; 
margin:0 auto; 
text-align:left; }
.cap { 
line-height:1px; 
font-size:1px; }
object {
margin-left:20px;
}

/*Pages*/
#pages {
position:relative;
background:url(images/page_top.gif) no-repeat;
margin-top:10px;
padding-left:2px;
padding-top:10px;
height:30px;
color:#FFFFFF;
font:bold;
}
#pages a {
color:#FFFFFF;
padding:1px 5px;
text-decoration:none;
font-weight:bold;
}

#pages ul {
display:inline;
width:800px;
margin-left:5px;
float:left;
}
#pages li {
display:inline;
margin-right:0px;
}

/*Footer*/
#footer_link {
position:relative;
background:url(images/page_top.gif) no-repeat;
margin-top:10px;
padding-left:10px;
padding-top:10px;
height:30px;
color:#FFFFFF;
text-align:center;
}
#footer_link a {
color:#FFFFFF;
padding:1px 5px;
text-decoration:none;
font-weight:bold;
}


/* header */
#header { 
position:relative; 
clear:left;  /* test */
background:url(images/banners/default.jpg) no-repeat; 
height:152px; 
margin:0 0 5px; }
#header h1 { 
position:absolute; 
top:105px; 
left:25px; 
color:#2f6681; 
font: bold 28px Verdana, Arial, sans-serif; 
margin:0; }
#header h1.title { 
top:103px; 
font-size:20px; 
line-height:23px; 
font-weight:bold; }
#header h1 a { 
color:#2f6681; 
text-decoration:none; }
#header h1 small { 
display:block; 
font-weight:normal;
font:14px;}
#header h2 { 
position:absolute; 
top:120px; 
left:123px; 
color:#2f6681; 
font:bold 16px Arial, sans-serif; 
margin:0; }

/* content */
#content { 
float:left; 
width:514px; }
#content .entries { 
background:#fff url(images/entries_bg.gif) repeat-y; 
margin-bottom:5px; }
#content .entries h1,#content .entries h2 { 
padding-top:3px; 
margin-bottom:2px; 
font:bold 15px/1.3 Arial, sans-serif; 
color:#333; }
#content .entries h1.title { margin-bottom:15px; }
#content .entries h2 a { text-decoration:none; color:#333; }
#content .entries h3.heading { 
margin:0; 
margin-bottom:10px; 
padding:0px 20px 3px; 
font-size:18px; 
line-height:22px;
color:#2F6681; }
#content .entries p.postdate {
background:url(images/entries_date_bg_new.jpg) no-repeat; 
margin:0;
padding:10px 20px 0px;
font-size:12px;
color:#A7A7A7; }
#content .entries h3.heading a{
text-decoration:none;
border-bottom:1px dotted #000099;
}
#content .entries h3.heading a:hover{
border-bottom:1px solid #3f697c;
}
#content .entries img {margin:2px 2px 2px 2px;}

#content .entries .cap { background:url(images/entries_bgbottom.gif) no-repeat; margin-top:-8px; height:12px; font-size:1px; line-height:1px; }
#content .entries .cap.top { background-image:url(images/entries_bgtop.gif); margin:0 0 -7px; }
#content .entries .cap.top.noheader { height:25px; }
#content .post { background:url(images/post_bgbottom.gif) no-repeat left bottom; padding:0 20px 8px; }
#content .post.bio { padding-top:15px; }
#content .post p { color:#666; margin-bottom:7px;}
#content .post p.info { font-size:11px; margin-bottom:7px; float:left; width:470px;}
#content .post p.info a { font-weight:bold; text-decoration:none; color:#2F6681; }
#content .post a.more { font-weight:bold; text-decoration:none; color:#2F6681; }
#content .post a.more.inline { margin-left:5px; }
#content .post .actions p { width:47%; float:left; margin-bottom:11px; font-size:10px; color:#666; }
#content .post .actions p.tags { float:right; }
#content .post .more a{
text-decoration:none;
}
#content h3.title { 
font-size:14px; 
margin:0 5px 18px; 
padding:6px 16px; 
background:#e6e6e6; 
border-bottom:1px solid #d6d6d6; 
color:#00; }
#content .comment { padding-bottom:10px; }
#content .comment h4.posted { font-size:11px; font-weight:normal; color:#888; margin-bottom:2px; }
#content .comment h4.posted strong { font-size:13px; font-weight:bold; color:#2F6681; margin-right:5px; }
#content .comment h4.posted a { color:#2F6681; }
#content .comment p { margin-bottom:12px; font-size:12px; color:#444; }
#content #comment_form { padding-bottom:16px; background:url(images/post_bgbottom.gif) no-repeat left bottom; }
#content #comment_form table { margin:0 20px 12px; }
#content #comment_form table td input { margin:3px 0; width:320px; }
#content #comment_form table th { padding-right:9px; color:#666; }
#content #comment_form p { margin:0 20px 12px; color:#666; }
#content #comment_form textarea { width:370px; height:145px; }

#content .paginate { padding:10px 20px; font-size:12px; color:#666; }
#content .paginate .pagecount { margin-right:10px; }
#content .paginate b { padding:3px 6px; color:#333; }
#content .paginate a { padding:3px 6px; }
#content .paginate a:hover { color:#fff; background:#2f6782; text-decoration:none; }

#content .more-entries { margin-right: 3px; font-size: 11px; text-align: right; }
#content .more-entries .calignleft
{float:left;
}
#content .more-entries .calignright
{float:right;
}
.commenttext-admin{background-color:#FAF0DC; min-height:62px; padding-left:2px}
.commenttext-admin img{float:right}
.commenttext{min-height:62px; padding-left:2px}
.commenttext img{float:right; }

/* sidebars */
.sidebar { float:left; margin-right:9px; padding-top:3px; width:183px; }
.sidebar.last { float:right; margin:0; }

.sidebar .box { width:183px; margin-bottom:8px; background:url(images/sidebar_box_bg.gif) repeat-y; }
.sidebar .box .cap { background:url(images/sidebar_box_bgbottom.gif) no-repeat bottom; height:5px; }
.sidebar .box .cap.top { background:url(images/sidebar_box_bgtop.gif) no-repeat; }
.sidebar .box p { color:#2f6782; font-size:12px; font-weight:bold; display:inline; margin:0 5px 0 10px; }
.sidebar .box h3 { 
background:url(images/sidebar_heading_bg.gif) no-repeat; 
font-size:12px; 
padding:4px 10px 8px; 
color:#fff; }
.sidebar .box h4 { font-size:12px; font-weight:bold; padding:2px 0 0 14px; }
.sidebar .box ul { list-style:none; margin:0 15px 8px; }
.sidebar .box ul li { font-size:11px; line-height:15px; padding-bottom:4px; }
.sidebar .box ul  li ul { list-style:none; margin:0 15px 0px; }
.sidebar .box ul li ul li{ font-size:11px; line-height:15px; padding-bottom:0px; }
.sidebar .box ul  li ul li ul{ list-style:none; margin:0 15px 0px; }
.sidebar .box ul li ul li ul li { font-size:11px; line-height:15px; padding-bottom:0px; }
.sidebar .box form { padding:4px 15px 6px; }
.sidebar .box form select { width:151px; font-size:11px; }
.sidebar .box form select option { color:#444; }

.sidebar .box#featured ul { margin-bottom:12px; padding-top:3px; }
.sidebar .box#featured li { background:url(images/arrow_dotted.gif) no-repeat 0 .41em; padding:0 0 0 10px; margin-bottom:6px; }

.sidebar .box#subscribe li { background:url(images/arrow_dotted.gif) no-repeat 0 50%; padding:0 0 0 11px; margin-bottom:8px; }
.sidebar .box#subscribe li a { display:block; text-indent:-9999px; height:13px; outline:0; }
.sidebar .box#subscribe li#s-yahoo a { background:url(images/sub_yahoo.gif) no-repeat; }
.sidebar .box#subscribe li#s-google a { background:url(images/sub_google.gif) no-repeat; }
.sidebar .box#subscribe li#s-bloglines { margin-bottom:6px; }
.sidebar .box#subscribe li#s-bloglines a { background:url(images/sub_bloglines.gif) no-repeat; }
.sidebar .box#subscribe li#s-newsgator a { background:url(images/sub_newsgator.gif) no-repeat; height:18px; }
.sidebar .box#subscribe li#s-rss a { background:url(images/sub_rss.gif) no-repeat; height:12px; }

.sidebar .box#mailinglist h3 small { font-size:11px; font-weight:normal; margin-left:3px; color:#ddd; }
.sidebar .box#mailinglist h3 small a { color:#fff; }
.sidebar  #mailinglist form { padding:3px 11px; }
.sidebar .box#mailinglist input.email { float:left; width:120px; height:18px; }
.sidebar .box#mailinglist #mailinglist-info { position:relative; display:none; }
.sidebar .box#mailinglist #mailinglist-info.selected { display:block; }
.sidebar .box#mailinglist #mailinglist-info .hidden { position:absolute; top:-4px; left:-136px; width:300px; background:url(images/mailinglist_arrow.gif) no-repeat 50% 0; padding:12px 0 0; }
.sidebar .box#mailinglist #mailinglist-info .content { background:#ffc; border:1px solid #ccc; border-width:0 1px 1px; padding:10px 15px; }
.sidebar .box#mailinglist #mailinglist-info .content p { display:block; color:#222; font-weight:normal; font-size:11px; line-height:15px; margin:0 0 8px; }
.sidebar .box#mailinglist #mailinglist-info .content ol { color:#222; margin-bottom:8px; }
.sidebar .box#mailinglist #mailinglist-info .content li { font-size:11px; color:#222; }
.sidebar .box#mailinglist #mailinglist-info #hide { font-size:11px; color:#333; text-align:right; margin-bottom:2px; }

.sidebar .box .row { margin:3px 0pt; clear:both; float:left; width:183px; }

.sidebar .box .row input.search { width:120px; height:18px; float:left; margin-left:10px; }
.sidebar .box .row input#submit { margin:0; float:left;}
.sidebar .box .row label { margin-left:7px; position:relative; bottom:1px; color:#2f6782; }

.sidebar .box#tagcloud ul { margin:3px 11px; padding-bottom:1px; }
.sidebar .box#tagcloud li { display:inline; padding:4px 4px 0 0; }
.sidebar .box#tagcloud a { text-decoration:none; color:#2f6782; }

.sidebar .button { width:183px; margin-bottom:8px; }
.sidebar .button a { display:block; text-indent:-9999px; outline:0; width:183px; height:31px; }
.sidebar .button#bookmark a { background:url(images/button_bookmark.gif) no-repeat; }
.news .sidebar ul li#news a { background:url(images/arrow_dotted_white.gif) no-repeat 5px 50%; font-weight:bold; }
.news #header {background-image:url(images/banner.jpg);}


/* footer */
#footer { padding:3em 0 1em; font-size:11px; color:#444; clear:both; }
#footer a { text-decoration:none; color:#2F6681; }




/*  Must Required CSS CLASS for Wordpress 2.5 onwords check out http://codex.wordpress.org/CSS */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
 /*   optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}*/

#dropmenu, #dropmenu ul {margin:2; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; /* background:#fff; */ font-weight:bold;
background:url(images/page_top_gif) no-repeat;
margin-top:10px;
padding-left: 2px;
padding-top:10px;
height:30px;}
#dropmenu a {display:block; padding:0.25em 8px; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu li.logo a {border:none; border-top:4px solid #ffbe10; background:#f85c00; color:#ffbe10; font-size:1.68em; line-height:1.48em; font-weight:bold; padding:0 0.68em 1px 0.68em; margin:-8px 0 0 -1px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:13.7em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/* ================================================================ 
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:100%; 
/* height:32px; */ 
font-size:1em; position:relative; z-index:100;
/* border-right:1px solid #000; */

background:url(images/page_top.gif) no-repeat;
margin-top:10px;
padding-left:2px;
padding-top:5px;
height:30px;
color:#FFFFFF;
}
/* 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:149px;}
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;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:138px; 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:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/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 position absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;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:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* 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:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* 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 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/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.menu5 {
text-align:left; 
font-family: verdana, sans-serif; 
position:relative; 
font-size:1.1em;
height:2.5em;
margin:0 
padding:0; 
list-style-type:none;

z-index:100;
background:url(images/page_top.gif) no-repeat;
margin-top:10px;
padding-left:10px;
padding-top:0px;
/* height:30px; */
color:#FFFFFF;
}
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; width:6em; color:#2F6681; float:left; padding-right:1em; height:3em; line-height:3em; color:#fff; 
}
* html .menu5 li a, .menu5 li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:underline; border:0;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:10em; background:#2F6681; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:9em;
}
* html .menu5 li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:underline;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#2F6681; width:9.5em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

