/*  
Theme Name: eTakeoff
Theme URI: http://www.etakeoff.com/
Description: eTakeoff is a simple, clean theme designed and implemented by Invisible Window <a href="http://www.invisiblewindow.com">www.invisiblewindow.com</a>.

Version: 1.0

Author: Hank Pantier
Author URI: http://www.hankis.me/

	The CSS, XHTML and design is released under Creative Commons Attribution 2.5:
	http://creativecommons.org/licenses/by/2.5/

*/

body {
	font: 12px/18px "Lucida Sans", Verdana, Arial, Helvetica, Sans-Serif;
	color: #666;
	background: #f4f4f4;
	margin: 0 auto;
	padding: 0;
	width: 1024px !important;
	border: 1px solid #15243B;
	border-top: 0;
	position: relative;
}
body#vid { width: 700px; background: #FFF; border: 1px solid red; }
#container{
	background: url('images/ecal/wrap-bg.jpg') repeat-y top center #f4f4f4;
	width: 1024px;
}
#wrap, #wrap-alt {
	background: url('images/ecal/body-bg.jpg') no-repeat top center transparent;
	width: 1024px;
}
#wrap-alt {
	background: url('images/ecal/body-bg-alt.jpg') no-repeat top center transparent;
}
 
a, a:visited { color: #3C5A90; text-decoration: none; }
a:hover { color: #3C5A90; text-decoration: underline; }

img { border: none; }

p {
	padding: 0 0 15px 0;
	margin: 0;
}

h1 {
	margin: 0;
	padding: ;
	font: bold 24px/36px "surface-medium", "surface", "Lucida Sans", Verdana, Arial, Helvetica, Sans-Serif;
	color: #696969;
}
h1 a, h1 a:visited { color: #696969; text-decoration: none; }
h1 a:hover, h1 a:hover { color: #696969; text-decoration: none; }

h1.int {
	margin: 0;
	padding: ;
	font: bold 32px/40px "surface-medium", "surface", "Lucida Sans", Verdana, Arial, Helvetica, Sans-Serif;
	color: #445470;
}
h1.int a, h1.int a:visited { color: #445470; text-decoration: none; }
h1 a:hover, h1 a:hover { color: #445470; text-decoration: none; }




h2 {
	color: #2d2d2d;
	margin: 0 0 10px 0;
	font: normal 14px/18px "Lucida Sans", Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0;
}
h2 a, h2 a:visited {
	color: #2d2d2d;
	text-decoration: none;
}
h2 a:hover {
	color: #666;
	text-decoration: none;
}

h3 {
	color: #2d2d2d;
	margin: 0 0 10px 0;
	font: normal 28px/36px "Lucida Sans", Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0;
}
h3 a, h3 a:visited {
	color: #2d2d2d;
	text-decoration: none;
}
h3 a:hover {
	color: #666;
	text-decoration: none;
}

h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #2763A5;
	margin: 10px 0 5px;
}

form { margin: 0; padding: 0; }

#page { margin: 0 auto; width: 960px; position: relative; }

/* header area */
#header { height: 161px; position: relative; margin: 0 0 45px 0; width: 960px; }
#headerimg { padding: 0 0 0 32px; height: 161px; position: absolute; top: 0; left: -26px; cursor: pointer; width: 490px; overflow: hidden; }
#headerimg img { position: relative; top: 0; left: -100px; }
.description{ margin-left: -9000px; }

#nav { list-style: none; margin: 0; position: absolute; top: 120px; right: 15px; }
#nav li { float: left; margin-left: 5px; }
#nav .page_item a{
	color: #DDEBF4;
	text-decoration: none;
	padding: 5px 15px;
	font: normal 20px/100% "surface-medium", "surface", "Lucida Sans", Verdana, Arial, Helvetica, Sans-Serif;
	border: 0;
	display: block;
}

#nav .page_item a:hover, #nav .current_page_item a,  #nav .current_page_ancestor a,  #nav .current_page_parent a { color: #74839b; }

#search { position: absolute; top: 5px; right: 15px; }

/* content area */
#content {
	padding: 10px 0 30px 0;
	float: left;
	width: 650px;
	overflow: hidden;
}

#contentnewsletter #content h2 { 
	color:#696969;
	font-family:"surface-medium","surface","Lucida Sans",Verdana,Arial,Helvetica,Sans-Serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:36px;
	margin:0;
}
#contentnewsletter #content h3 {
	font-family:"Lucida Sans",Verdana,Arial,Helvetica,Sans-Serif;
	font-size:14px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
}

.post {
	clear:both;
	padding-top: 15px;
}

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}

.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}

.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.entry {
	float:right;
	width: 438px;
}

.post-cat {
	background: url(images/mini-category.gif) no-repeat left center;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999;
}

.post-comments {
	background: url(images/mini-comments.gif) 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: right;
	font-size: 95%;
	color: #999;

}

.post-content { clear: both; padding-top: 10px; }

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

.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}

.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}



/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 5px 0;
	clear: both;
}

.commentlist {
	margin: 10px 0;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{ padding: 5px 10px; }
.commentlist .alt { background: #DDEBF4; }
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #2763A5;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}

#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 6px 0;
	margin: 0;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#EDF4FA;
	border: 1px solid #0C488B;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 485px;
	height: 115px;
	background: #EDF4FA;
	border: 1px solid #0C488B;
	padding: 2px;
	margin-top: 3px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus { background: #FFF; }

#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	border: none;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}


/*sidebar */
#sidebar {
	float: right;
	padding: 0 10px 20px 0;
	width: 220px;
	color: #666;
	overflow: hidden;
}

/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #273e63;
	display: block;
	font-size: 16px;
	margin: 5px 7px;
	text-decoration: none;
}

#sidebar a:hover{ color: #1b2b45; }

/*sidebar list level1 */
#sidebar ul {
	margin: 15px 0 25px 0;
	padding: 0;
}

#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{ padding: 2px 0 2px 0; }

/*sidebar list level3 */
#sidebar ul li ul {
	padding: 1px 0 1px 12px;
	border: none;
}
#sidebar ul li ul li { padding: 0; margin: 0; }
#sidebar ul li ul li a { font-size: 12px; }

#sidebar .textwidget a.side{ font-size: 12px; color: #444; text-decoration: none; padding: 0; margin: 0; }
#sidebar .textwidget a.side:hover { text-decoration: underline; }

/*pages widget */
ul.list-page li { padding: 5px; }
ul.list-page li ul li{ padding: 5px; }

/*text widget */
.textwidget { padding: 5px; }
.textwidget p { padding: 5px; }


/*search form */
#searchform { margin: 15px 0 25px 0; background: url('images/ecal/search-bg.png') no-repeat; width: 222px; height: 23px; }
#searchform br { display: none; }
#searchform #s {
	width: 175px;
	height: 22px;
	padding: 4px 5px 0 5px;
	border: 0;
	background: transparent;
	margin: 0 4px 0 25px;
	color: #9a9a9a;
	font-weight: normal;
	font-size: 12px;
}

/* search form button - to specify button only use input[type="submit"] */
#searchform input { margin-left: -9000px; }

/* Top Commentators */
#sidebar ul.user li {
	background: url(images/user.gif) no-repeat;
	padding-left: 20px;
}



/* footer area */
#footer {
	width: 1004px;
	clear: both;
	color: #919091;
	padding: 20px 10px 30px 10px;
	font-size: 14px;
	background: #f4f4f4;
}
#footer a, #footer a:visited { color: #919091; }
#footer p { width: 450px; float: left; }
#footer ul { list-style: none; float: right; margin: 0 0 15px 0; }
#footer ul li { float: left; margin-left: 15px; }



/* 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 0;
}

.alignright { float: right; }
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0 5px 10px;
}

.clear { clear:both; }
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
/* clear those floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******** HOME PAGE ***********************/
#homeleft { width: 610px; float: left; margin: 0 30px 0 0; }
#homeleft p { font-size: 18px; line-height: 24px; color: #898989; }

#homeintro { padding: 15px 0 0 50px; color: #5d5c5c; margin: 0; }
#homeintro a { color: #5d5c5c; text-decoration: underline; }
.homeline { height: 4px; width: 100%; background: url('images/ecal/line-bg.gif') repeat-x; }

h1#features { background: url('images/ecal/hd-packed-with-features.gif') no-repeat; width: 293px; height: 36px; margin: 0 0 5px 0; }
h1#examplefeatures { background: url('images/ecal/hd-example-features.gif') no-repeat; width: 140px; height: 32px; margin: 2px 0 5px 2px; }
h1#pricing  { background: url('images/ecal/hd-pricing-info.gif') no-repeat; width: 393px; height: 32px; margin: 2px 0 5px 2px; }
h1 span { display: none; }
.vidthumb { border: 1px solid #9f9f9f; }
#mycarousel li { width: 220px; margin: 10px; }
#mycarousel li h3, #features li h3 { font-size: 14px; font-weight: bold; color: #2d2d2d; }
#mycarousel li p, #mycarousel li p a, #features li p, #features li p a { color: #5d5c5c; font-weight: normal; font-size: 12px; text-decoration: none; margin: 0; padding: 0; }
#mycarousel li p a:hover, #features li p a:hover { text-decoration: underline; }

#homelinks { width: 100%; height: 164px; background: url('images/ecal/homelinks-bg.jpg') repeat-x; margin: 0; }
#homelinkswrap { width:740px; padding: 0 0 0 220px; height: 164px; margin: 0 auto; background: url('images/ecal/hd-like-to.png') no-repeat transparent; background-position: 0 15px; }
.homecallout { width:220px; float: left; margin: 0 25px 0 0; padding: 20px 0 20px 0; min-height: 105px; max-height: 125px; position: relative; overflow: hidden; }
.homecallout img { position: absolute; bottom: 0; left: 0; }


/********* INT PAGES **********************/
#breadcrumbs { font-size: 14px; color: #5d5c5c; padding: 5px 0 10px 0; }
#breadcrumbs a { font-size: 14px; color: #5d5c5c; text-decoration: none; }
#breadcrumbs a:hover { color: #444; }

ul#features, ul.features { list-style: none; margin: 0; padding: 0; }
ul#features li, ul.features li { width: 140px; margin: 10px 20px 10px 0; float: left; padding: 0; border: 0; list-style: none; }
ul#features li h3, ul.features li h3 { line-height: 16px; }

ul.bullet li ul { margin: 0; padding: 0; list-style: none; }
ul.bullet li ul li { padding: 0 0 0 20px; margin: 3px 0; background: url('images/ecal/bullet-bg.gif') no-repeat; background-position: 0 4px; }





/* video category display for popup windows */
#video-content { width: 650px; margin: 15px auto; }

ol { list-style: decimal; padding: 5px 0 15px 25px; }
ol li { margin:  2px 0; }

.post-content ul { list-style: disc; padding: 5px 0 15px 25px; }
.post-contentul li { margin:  2px 0; }

#sidebar ul.slideshow { min-height: 350px; width: 220px; }
#sidebar ul.slideshow li { padding: 15px 0 0 20px; }
#sidebar ul.slideshow p { padding: 15px 0 0 0; }

#sidebar li.sideline { padding: 5px 0 5px 0; }