/*  
Theme Name: The Executive
Theme URI: http://wordpress.org/
Description: Unique Wordpress Theme
Version: 1.0
Author: Your Name
Author URI: http://earn24-7.info
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; font:62.5%/1.6 Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; background: #fdfdfd url(images/background.gif) repeat-x; }

/* --= Typography & Colors =-- */
a { color: #5075ab; }
.entry a:hover { color: #125687; background-color: #d2dde4; }
.entry { font-size: 1.4em; }
#menu { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; letter-spacing: 1px; }
#menu a { color: #eee; text-decoration: none; }
#menu a:hover { color: #a9ccff; }
h2, h2 a, h3, h3 a { font: 18px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; letter-spacing: -0.01em; color: #535353; text-decoration: none; }
h2.pagetitle { font-style: italic; color: #ccc; text-align: right; padding-bottom: 1em; }
.heading h2 a { color: #535353; text-decoration: none; padding: 0 3px; }
.heading h2 a:hover, .heading h3 a:hover { background-color: #a9ccff; color: #fdfdfd; }
blockquote, .postmetadata { color: #999; padding: 5px 25px; font-style: italic; clear: both; }
#sidebar h2.widgettitle { font: 18px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; letter-spacing: -0.01em; color: #535353; }
#sidebar .widget li a, #recentposts li a, #recentcomments li a { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; color: #666; }
.category { background: url(images/category.gif) no-repeat; padding: 0px 0 2px 18px; font-size: 1.1em; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, Sans-serif; }
.tags { background: url(images/tag.gif) no-repeat; padding: 2px 0 2px 18px; font-size: 1.1em; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, Sans-serif; }
.commentsbottom { background: url(images/comments.gif) no-repeat; padding: 0 0 2px 18px; font-size: 1.1em; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, Sans-serif; }
.postbottom { color: #fdfdfd; }
.postbottom a { color: #a9ccff; text-decoration: none; }
.postbottom a:hover { color: #ffcda9; }
.navigation a { color: #5075ab; text-decoration: none; }
.navigation a:hover { color: #125687; background-color: #d2dde4; }
#subfootercontainer li a { font: 14px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #a5a5a5; text-decoration: none; display: block; padding: 5px 0; width: 100%; }
#subfootercontainer li a:hover { color: #fff; }
#footer { font: 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.1em; color: #929292; text-align: center; padding: 17px 0; }
/* --= End Typography & Colors =-- */



/* --= Begin Structure =-- */
#page { width: 950px; margin: 0 auto; }
#menucontainer { float: right; margin-top: 4px; background: url(images/menubg.gif) repeat-x;}
#menu  { float: left;  }
#headerimg { padding-top: 40px; padding-bottom: 15px; }
#content { width: 550px; float: left; }
#sidebar { width: 350px; float: left; margin-left: 25px;  }
.post { margin-bottom: 40px;  }
.postbottom { background: url(images/postbottombg.gif) repeat-x; line-height: 36px; padding: 0 0 22px 15px; }
#subfoot { background: #535353 url(images/subfooterbg.gif) repeat-x; clear: both; }
#subfootercontainer { margin: 0 auto; width: 950px;  }
#footer { clear: both; background: #535353 url(images/footerbg.gif) bottom repeat-x; }
/* --= End Structure==- */


/* --= Begin Images =-- */

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. 
	This is much better than using align="center", being much more futureproof (and valid) */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft, .entry img { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }
.entry img { float: left; }
/* --= End Images =-- */



/* --= Begin Lists =-- */
ol,ul { list-style:none; }
.entry ul { list-style:disc inside; padding-bottom: 1.5em; }
.entry ol { list-style:decimal inside; padding-bottom: 1.5em; }
.entry li { padding-bottom: 0.2em; }
#menu li {  display: inline; margin-right: 1em; }
#sidebar .widget li, #recentposts li, #recentcomments li { border-bottom: 1px solid #ccc; }
/* --= End Entry Lists =-- */



/* --= Begin Comments =-- */
#submit:hover { border:1px solid #6792af; background-color:#8aadc5; }
textarea#comment { width:400px; height:70px; }
ol.commentlist { margin-bottom: 2.5em; }
.commentlist li { margin:1em; padding:10px; border-top:1px solid #c9c8c8; border-bottom:1px solid #c9c8c8; background-color:#e3e2e2; color:#1d1d1d; font-size:1.2em; line-height:1.7em; }
.commentlist li.alt { margin:0 1em; padding:10px; color:#1d1d1d; font-size:1.2em; border:none; background-color:transparent; } 
.commenttext { clear:both; }
.commenttop { padding-bottom:0.5em; }
.commenttop a { color:#1d1d1d; background-color:transparent; }
.commenttop a:hover { color:#8aadc5; background-color:transparent; text-decoration:underline; }
.commentmetadata { float:right; }
.commenttop div.commentmetadata a { text-decoration:none; color:#1d1d1d; }
.commenttop div.commentmetadata a:hover { color:#8aadc5; background-color:transparent; text-decoration:none;}
.commentauthor { float:left; }
#commentform p { margin:0.5em 0.5em 0 0.5em; }
#commentform input,#commentform textarea { border:1px solid #c9c8c8; font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color:#1d1d1d; margin:0; padding:0.2em; }
#commentform input:hover,#commentform textarea:hover { border:1px solid #8aadc5; }
/* --= End Comments =-- */



/* --= Begin Calendar =-- */
#calendar_wrap { width:348px; margin:0 0 1em 0; }
#wp-calendar caption { font-weight:400; font-size:10px; padding:0.2em 0; text-transform:uppercase; letter-spacing:0.3em; color:#6c6a6a; }
#wp-calendar { width:348px; border-collapse:collapse; }
#wp-calendar th { width:26px; font-size:0.9em; line-height:1.7em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:center; color:#6c6a6a; }
#wp-calendar td { width:26px; line-height:1.8em; color:#999; text-align:center; }
#wp-calendar td#next,#wp-calendar td#prev { width:78px; font-size:0.8em; letter-spacing:1px; text-transform:uppercase; }
/* --= End Calendar =-- */


/* --= Begin Searchbox =-- */
#searchetc { float:left; background: url(images/menubg.gif) repeat-x; height: 27px; }
#searchetc #searchbox { margin-top: -1px; width:190px; height:26px; background:url(images/searchbox.gif) no-repeat; }
#searchetc #searchbox #s { float:left; padding:0; margin:5px 0 0 5px; border:0; width:154px; background:none; font:1.3em "Trebuchet MS", Helvetica, Arial, Verdana, Sans-serif; font-weight:700; color:#1c1c1c; letter-spacing:0.03em; }
#searchetc #searchbox #go { float:left; }
/* --= End Searchbox =-- */



/* --= Begin AJAX Tabs Styling =-- */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }
.ui-tabs-nav, .ui-tabs-panel { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
.ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; margin-left: 15px; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 5px; }
.ui-tabs-nav a { margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #999; background-color: #e8e8e8; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000; }
.ui-tabs-nav a span { width: 80px; /* IE 6 treats width as min-width */ min-width: 80px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0;  }
*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { color: #666; background-color: #fdfdfd;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px; }
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
/* This CSS does not validate , uncomment to make active
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
*/
.ui-tabs-panel { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-left: 0; background: transparent; /* declare background color for container to avoid distorted fonts in IE while fading */ width: 100%; margin-bottom: 3em; }
#rss { border-bottom: 2px solid #ccc; }
.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }
/* --= End AJAX Tabs Styling =-- */



/* --= Begin Various Tags & Classes =-- */
.clr { clear:both; } 
.entry p { padding-bottom: 1.5em; }
#menu ul { list-style: none; line-height: 27px; padding-left: 5px; }
#menuleft { background: url(images/menuleft.gif) no-repeat; height: 27px; width: 17px; float: left; }
#menuright { background: url(images/menuright.gif) no-repeat; height: 27px; width: 17px; float: left; }
.heading { height: 35px; padding-bottom: 1em; }
.heading h2 { height: 35px; float: left; line-height: 35px; }
.cal { background: url(images/calendar.gif) no-repeat; font-family: Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; line-height: 1em; float: left; margin-right: 1em; }
.month { color: #fff; font-size: 10px; font-weight: bold; display: block; text-transform:uppercase; width: 33px; text-align: center; padding-top: 1px; }
.day { color: #4e4f52; font-size: 16px; font-weight: bold; width: 33px; text-align: center; display: block; padding: 6px 0 6px 0; }
.howmanycomments { float: right; font-size: 14px; font-family: Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; line-height: 1em; font-weight: bold; }
.howmanycomments a { text-decoration: none; color: #fdfdfd; display: block; height: 21px; width: 27px; text-align: center; background: url(images/howmanycomments.gif) top center no-repeat; padding: 2px 0 0 0;}
.howmanycomments a:hover { background: url(images/howmanycomments.gif) bottom center no-repeat;}
#sidebar .widget h2 { border-bottom: 3px solid #535353; display: block; }
#sidebar .widget { border-bottom: 1px solid #ccc; margin-bottom: 3em; }
#sidebar .widget li { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #f4f3f3; }
#recentposts li, #recentcomments li { background-color: #f4f3f3; }
#sidebar .widget li a, #recentposts li a { display: block; width: 100%; padding: 5px 0 5px 0; background: url(images/bullet.gif) no-repeat 10px; text-indent: 22px; }
#recentcomments li { display: block; width: 100%; padding: 5px 0 5px 0; background: url(images/bullet.gif) no-repeat 10px 12px; text-indent: 22px; }
#sidebar .widget li a:hover, #recentposts li a:hover { background: url(images/bullet.gif) #e3e2e2 no-repeat 10px; color: #535353; }
#recentcomments li a:hover { color: #a9ccff; }
#subfootercontainer .widget { background: url(images/bottomboxbottom.gif) no-repeat bottom; min-height: 130px; height: auto !important; height: 130px; width: 290px; padding: 20px 13px; float: left; margin-bottom: 25px; text-indent: 28px; }
#subfootercontainer .widgettitle { background: url(images/bottomboxtop.gif) no-repeat; padding: 15px 0 15px 0; font: 18px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #939393; text-align: center; text-indent: -28px; }
#subfootercontainer li { background: url(images/bulletbottom.gif) 15px 10px no-repeat; width: 100%; }
#subfootercontainer li a:hover { background: #616060 url(images/bulletbottom.gif) 15px -11px no-repeat; }
#calendar_wrap { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 2px solid #ccc; }
#sidebar #calendar { border-bottom: none; }
#feed { background: url(images/rss.gif) no-repeat 5px 30px; padding: 45px 0 40px 90px; height: 70px; margin-left: 25px; list-style: none; font: 18px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; letter-spacing: -0.01em; color: #535353; }
#feed a { text-decoration: none; color: #2c2f34; }
#feed a:hover { color: #d13519; }
#feed li { padding-bottom: 5px; margin-left: 30px; background-image: none; }
.textwidget { padding: 5px 0; text-align: center; border: 1px solid #ccc; }
#sidebar #tag_cloud .widgettitle { text-align: left; }
#sidebar #tag_cloud { background: url(images/tagcloudbg.gif) top center no-repeat; text-align: center; border-bottom: 2px solid #ccc; }
.navigation { height: 30px; font-size: 1.3em; font-weight: bold; }
/* --= End Various Tags & Classes =-- */