/*  
Theme Name: MacFlite v1.03
Theme URI: http://www.macflite.com
Description: Theme for MacFlite.com
Version: 1.03
Author: Andrew Lindstrom
Author URI: http://www.andrewlindstrom.com
*/

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.8 Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; background:#44474c url(images/bg.png) top repeat-x; width: 970px; margin: 0 auto; color: #636363; }



/* --= Typography & Colors =-- */
h1 { display: block; width: 294px; height: 98px; text-indent: -9009px; background: transparent url(images/macflitelogo.png) top no-repeat; margin-left: 5px; float: left; }
h1 a { display: block; width:100%; height: 100%; outline: none; color: #fff; }
h1 a:hover { display: block; background: url(images/macflitelogo.png) bottom no-repeat; }
h2.featuredtitle { display: block; width: 209px; height: 95px; text-indent: -9009px; background: transparent url(images/introducing-trip-plan.png) no-repeat; }
.post h2, .post h2 a, .blogpage .pagetitle { font: bold 26px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; color: #000; text-decoration: none; }
.post h2.blogposttitle a, .post h2.blogposttitle { font-size: 14px; }
.pagetitle { margin-bottom: 20px; }
.post h2 a:hover { color: #5a92c3; }
a { color: #5a92c3; text-decoration: none; }
a:hover { color: #e0752e; text-decoration: underline;  }
.entry { font-size: 12px; }
.entry h2 { font-size: 14px; }
.entry h3 {font-size: 16px; margin-bottom: 10px; }
.entry h4, .blogpage h4 { font-size: 14px; color: #000; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; clear: both; }
.navigation a { display: block; padding-top: 15px; font: bold 16px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; text-decoration: none; }
.narrowcolumn .entry p { margin-bottom: 15px; }
.widgettitle { font-size: 12px; }
#page #menu .current_page_item a { background: url(images/menuhover2.png) top left no-repeat; color: #ececec; }
#submenu .current_page_item a { color: #ddd; }    
#copyright a { text-decoration: none; color: #2b627f; }
#copyright a:hover { text-decoration: underline; }        
/* --= End Typography & Colors =-- */





/* --= Begin Top Menu =-- */
#menu { font: bold 14px/35px Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; background: url(images/menubg.png) no-repeat; margin: 0 5px; height: 35px; }
#menu a { text-decoration: none; color: #fff; display: block; float: left; padding: 0 20px; }
#menu li { display: inline; }
#homelink { text-indent: 2px; }
#homelink a:hover { background: url(images/menuhoverhome.png) top left no-repeat; color: #ececec; }
#menu .page_item a { background: url(images/menudiv.png) top left no-repeat; }
#menu .page_item a:hover { background: url(images/menuhover2.png) top left no-repeat; color: #ececec; }
/* --= End Top Menu =-- */





/* --= Begin Top Feature =-- */
#featured p { font-size: 12px; width: 500px; margin-top: 5px; }
#featured { background: url(images/featured-bg.png) top left no-repeat; height: 285px; padding-left: 350px; }
#featuredmenu { height: 59px; margin: 25px 0 0 165px; font: bold 14px/35px Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; }
#featuredmenu a { color: #fff; text-decoration: none; height: 54px; display: block; float: left; padding: 2px 24px 0 23px; }
#featuredmenu li { display: inline; }
.orangemenuleft a { background: url(images/orangemenu-left.png) top left no-repeat; }
.orangemenuleft a:hover { background: url(images/orangemenu-left.png) bottom left no-repeat; }
.orangemenumiddle a { background: url(images/orangemenu-middle.png) top left no-repeat; }
.orangemenumiddle a:hover { background: url(images/orangemenu-middle.png) bottom left no-repeat; }
.orangemenuright a { background: url(images/orangemenu-right.png) top right no-repeat; }
.orangemenuright a:hover { background: url(images/orangemenu-right.png) bottom right no-repeat; }
.smallcontainer h2 { font: bold 14px Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; margin-bottom: 5px; color: #000; }
.smallcontainer { width: 270px; margin-right: 30px; float: left; font-size: 12px; }
#smallcontainerright { margin-right: 0; }
#footerbar { background: url(images/footerbar.png) no-repeat; height: 158px; padding: 25px 5px; }
.footerbarcontainer h2 { font: bold 14px Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; color: #000; margin-bottom: 5px; }
.footerbarcontainer p { font-size: 12px; }
.footerbarcontainer { width: 200px; padding: 0 20px; float: left; }
.iphone { background: url(images/iphone.png) bottom center no-repeat; height: 178px; margin: 0; }
/* --= End Top Feature =-- */





/* --= Begin Structure =-- */
#contentwrapper { background: url(images/container-top.png) no-repeat; padding: 45px 45px 35px 45px;  height: 100%; }
#content { background: url(images/container-middle.png) repeat-y; margin-top: 3px; clear: both; }
#contentbottom { background: url(images/container-bottom.png) no-repeat; height: 10px; clear: both; }
#submenu { float: right; height: 98px; margin-right: 16px; font: bold 14px Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; }
#submenu a { color: #fff; text-decoration: none; margin-left: 15px; display: block; float: left; margin-top: 80px; padding: 1px;}
#submenu a:hover { color: #ddd; }
#submenu li { display: inline; }
.post { margin-bottom: 20px; }
.date { color: #828282; display: block; padding-bottom: 5px; }
.postmetadata { color: #828282; display: block; padding: 15px 40px 25px 0; background: url(images/hr.png) bottom no-repeat; }
#footer { background: url(images/footer.png) no-repeat; height: 28px; margin: 5px 0 15px 0; padding: 4px 20px 0 20px; font-size: 10px; color: #737578;}
#footer a { color: #737578; text-decoration: none; margin-right: 14px; }
#footer a:hover { color: #fff; }
#footer li { display: inline; }
.footleft { float: left; }
.footright { float: right; }
.left { float: left; width: 420px; }
.right { float: right; width: 420px; }
.features, .blogpage { width: 600px; float: left; }
#featuresidebar { background-color: #fff; width: 220px; float: right; border: 1px solid #ddd; padding: 10px; }
#sidebar { background-color: #fff; width: 240px; float: right; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.widget { border-bottom: 1px solid #ddd; padding: 10px 10px 10px 10px; }
/* --= End Structure==- */





/* --= Begin Images =-- */
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 { padding: 4px; margin: 0 10px 10px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }
.floatleft { float: left; }
/* --= End Images =-- */



/* --= Begin Lists =-- */
ol,ul { list-style:none; }
/* --= 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:#f9f9f9; 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 Various Tags & Classes =-- */
.hr { height: 2px; background: url(images/hr.png) no-repeat scroll center; margin-left: -40px; width: 960px; margin-bottom: 30px; clear: both; }
.hr hr { display: none; }
.clr { clear: both; }
#featuresimage { margin-left: -40px; }
.border { border: 1px solid #ddd; padding: 5px; background-color: #fff; }
.textcenter { text-align: center; }
span.smark
{
font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
line-height: 0; /* keep the leading consistent in a paragraph */
}

/* --= End Various Tags & Classes =-- */