/*****
Theme Name: 
Theme URI: http://learnyogaathome.com/
Description: The Super awesome Yoga Wordpress theme, custom coded to pixel-perfection by your top secret Wordpress coder guy.
Version: v1.0
Author: Markup Dude
Author URI: http://markupdude.com/
*****/
/*****  Reset & Common  *****/
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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input,textarea,select,option{font:normal 12px arial, sans-serif}
a,a:active,a:visited{color:#333;text-decoration:none}
body{height:100%;font:12px arial, sans-serif;background:#d4eaff;color:#333;}
h1,h2,h3,h4,h5,h6{font-family:Helvetiva,Arial,sans-serif}
h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}
html body div.clr,html body span.clr{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
/*****  Main Structure  *****/
  
  #out { width:980px; margin:0 auto; }
  
  #container { clear:both; padding:20px 0 20px 15px; margin:20px auto; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; }
  
  #main { float:left; width:680px; line-height:21px; }
  
  #sidebar { float:right; display:inline; width:265px; }
  
/*****  Top Header, Menu  *****/

  #top { padding:10px 0 0; } 
  
  #top a { display:block; width:777px; height:146px; margin:0 auto; background:url(images/bg_header.png) left top no-repeat; text-indent:-9999px; } 
  
  #menu { float:left; display:inline; height:100%; overflow:hidden; text-align:center; margin-top:-1px; height:44px; }
  
  #menu li { float:left; }
  
  #menu li a { float:left; display:inline; padding:6px 8px; margin:0 5px; background:#faffff; font:bold 12px 'trebuchet MS', arial, sans-serif; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:1px solid #ccc; border-top:0; }
  
  #menu li a:hover, #menu li.current-cat a { color:#000; padding:10px 8px; } 
  
/*****  Main  *****/

  #main p { padding:15px 0 0; }

  #main .post img, #main #latestPost img, #main .vPostSumm img { padding:2px; background:#fff; border:1px solid #ccc; }
  
  #main .post .alignleft, #main #latestPost .alignleft, #main .vPostSumm img .alignleft { float:left; display:inline; margin:0 10px 5px 0; }
  
  #main .post .alignleft, #main #latestPost .alignleft, #main .vPostSumm img .alignleft { float:left; display:inline; margin:5px 10px 5px 0; }
  
  #main .post .alignright, #main #latestPost .alignright, #main .vPostSumm img .alignright { float:right; display:inline; margin:5px 0 5px 10px; }
  
  #main .post .aligncenter, #main #latestPost .aligncenter, #main .vPostSumm img .aligncenter { display:block; margin:8px auto; }
  
  #catWrap h1.catTitle { padding:0 15px; line-height:31px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f7f7f7; margin:0 0 10px; }
  
  #catWrap h1.catTitle p { display:inline; font-size:13px; padding:0; position:relative; top:-3px; }
  
  #catWrap h1.catTitle span { font-size:13px; position:relative; top:-3px; }
  
  #main .post blockquote { margin:20px 20px 0; border-left:4px solid #b9b19b; padding:10px 10px 0; background:#ebe7d9; }
  
  #main .post blockquote p { padding:0 0 10px; }
  
  #main .post h1, #main .post h2, #main .post h3 { line-height:26px; padding:10px 0; }
  
  #main .post h4, #main .post h5, #main .post h6 { line-height:22px; padding:4px 0; }
  
  #noResults { font-weight:bold; padding:25px 100px; }
  
/*****  Latest Post on Homepage *****/

  #latestPost { background:#f7f7f7; -moz-border-radius:5px; margin:0 0 10px; }
  
  #latestPost .contents { padding:0 15px 15px; border-top:1px solid #eee; color:#000; }
  
  #latestPost h2.title { background:#eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; padding:10px 15px; border-bottom:1px solid #fff; line-height:27px;}
  
/*****  Vertical Post Smmeries on Homepage  *****/

  .vPostSumm { float:left; display:inline; width:258px; height:370px; margin:25px 0 40px 30px; border-bottom:3px solid #eee; border-left:1px solid #f7f7f7; border-right:1px solid #eee; padding:10px 15px 0; background:url(images/bg_vPostSumm.png) left top repeat-x; position:relative; }
  
  .vPostSumm .bubAr { width:0; height:0; line-height:0; position:absolute; border-top:40px solid #eee; border-right:35px solid #fff; bottom:-43px; left:10px; }
  
  .vPostSumm img.thumb { float:left; display:inline; margin:14px 8px 0 0; height:100px; }
  
  .vPostSumm h2.title { font-size:17px;}
  
  #main .vPostSumm p { padding:10px 0 0; }
  
  .vPostSumm a.more { padding:2px 6px; -moz-border-radius:2px; background:#aaa95b; color:#fff; font-weight:bold; position:absolute; right:15px; bottom:10px; }

/*****  Post  *****/

  .post { padding:0 15px 25px; background:url(images/bg_post.png) left bottom repeat-x; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; margin:0 0 20px; }

  .post h2.title { line-height:27px; border-bottom:1px solid #ccc; padding:10px 0; }
  
  .post h2.title a { color:#00aeff; }
  
  .post h2.title a:hover { color:#000; }
  
  .postNav { clear:both; height:100%; padding:20px 0 10px; overflow:hidden; }
  
  .postNav div { width:20.5%; }
  
  .postNav a { display:block; height:16px; line-height:16px; font-weight:bold; font-size:14px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #eee; }

  .postNav a:hover { background-color:#333; border-color:#333; color:#fff; }
  
  .postNav .fl a { background-image:url(images/older.png); background-position:5% center; background-repeat:no-repeat; padding:5px 0 5px 28px; }
  
  .postNav .fr { text-align:right; }
  
  .postNav .fr a { background-image:url(images/newer.png); background-position:95% center; background-repeat:no-repeat; padding:5px 28px 5px 0; }
  
  #frontNav { padding:20px 30px 10px; }
  
  #frontNav div { width:21.5%; }
  
/*****  Sidebar *****/

  #sidebar .borderBox { width:250px; padding:10px 5px 15px 10px; background:#D4EAFF; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; margin:0 0 50px; border:1px solid #ccc; border-right:0; }

  #ryesyes { margin:0 10px 25px 0; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fda546; padding:5px 5px 5px 10px; }
  
  #ryesyes p { font:bold 13px/20px 'trebuchet MS', arial, sans-serif; color:#fff; }
  
  #ryesyes a { display:block; margin:10px 0; height:40px; padding:0 0 0 55px; font-weight:bold; background-position:left center; background-repeat:no-repeat; text-decoration:underline; color:#000; }
  
  #ryesyes a:hover { text-decoration:none; }
  
  #viaRSS { background-image:url(images/rss.png); line-height:38px; }
  
  #viaEmail { background-image:url(images/email.png); line-height:32px; }
  
  #ryesyes form { padding:0 0 5px; text-align:center; display:none; }
  
  #siteSrch { margin:0 0 25px; }
  
  #siteSrch input { vertical-align:middle; }
  
  #siteSrch #s { padding:5px; width:180px; margin:0 0 0 10px; }
  
  #siteSrch #searchsubmit { width:46px; height:37px; background:url(images/search.png) left top no-repeat; border:0; cursor:pointer; }
  
  #sooCial { margin:0 0 20px; }
  
  #sooCial h2 { background:url(images/fav.png) left center no-repeat; height:31px; padding:0 0 0 40px; line-height:31px; font-size:22px; margin:0 0 15px; }
  
  #sooCial a { margin:0 4px; border-bottom:3px solid #fff; }
  
  #sooCial a:hover { border-color:#2e8041; }
  
  #sidebarList { line-height:22px; }
  
  #sidebar #sidebarList .borderBox h2 { padding:0 0 8px; border-bottom:1px solid #71bbff; margin:0 5px; }
  
  #sidebar #sidebarList .borderBox ul { border-top:1px solid #fff; margin:0 5px; padding:10px 0 0 15px; list-style:circle outside; color:#000; }
  
  #sidebar #sidebarList .borderBox ul li a:hover { text-decoration:underline; }
  
/*****  Footer  *****/

  #footer { background:url(images/bg_foot.png) left top repeat-x; padding:10px 0; }
  
  #footIn { width:400px; margin:0 auto; -moz-border-radius:5px; line-height:35px; -webkit-border-radius:5px; background:#287ac6; text-align:center; font-weight:bold; color:#fff; font-size:11px; }
  
  #footIn a { color:#fff; margin:0 4px; text-decoration:underline; }
  
  #footIn a:hover { text-decoration:none; }