/*
Theme Name: Prime Maintenance
Theme URI: http://meenainc.com/
Description: Prime Maintenance Version 1.0
Author: Chris Lusk
Author URI: chrislusk@meenainc.com
Template: thematic
Version: 2.0
*/

@import url("../thematic/style.css");

body { background:url(img/body_bg.jpg) top center repeat-y; font-size:10px; font-color:#333333; font-family:Tahoma, sans-serif; margin:0 auto; padding:0; }

.readmore { text-decoration:none; text-align:right; }

#wrapper { width:980px; height:100%; margin:0 auto; padding:0; position:relative; }

  #nav { background:url(img/nav_bg.jpg) top left repeat-x; height:36px; float:left; list-style-type:none; list-style:none; padding-top:15px; padding-left:280px; margin:0; width:700px; }

    #nav li  { list-style-type:none; list-style:none; padding:0 15px; margin:0; display:inline; }

    #nav li, #nav li a:link, #nav li a:visited { color:#ffffff; font-size:1.2em; font-weight:bold; text-transform:uppercase; text-decoration:none; }
    #nav li a:hover  { color:#cccccc; text-decoration:none; }

  #header { width:100%; float:left; background:url(img/header_bg.jpg) top left no-repeat; height:263px; }

    #header div.slideshow { width:320px; height:180px; padding:0; margin:43px 0 0 602px; }

  #logo { z-index:300; position:absolute; top:0; left:0; width:180px; height:51px; }

h4 { font-size:1em; color:#333333; font-style:italic; margin:3px 0 13px 0; }

/* -------------------------------- PAGE LAYOUT ------------------------------------ */

  #content { width:680px; margin:20px; padding:0; float:left; overflow:visible; font-size:1.2em; }

    #content h1 { font-size:1.8em; color:#006699; }
    #content h1 a { color:#006699; text-decoration:underline; }
    #content h1 a:hover { text-decoration:none; color:#654931; }

  #rightcol { width:260px; float:right; }

    #sb_top { width:283px; float:left; height:60px; margin-top:20px; }
      #sb_top.services { background:url(img/sb_top_services.jpg) top left no-repeat; }
      #sb_top.blog { background:url(img/sb_top_blog.jpg) top left no-repeat; }

    #sb_body { background:url(img/sb_body.jpg) top left repeat-y; width:243px; float:left; padding-left:40px; margin:0; }
       #sb_body li { padding:5px 0; margin:0; font-size:1.2em; text-decoration:none;}
         #sb_body li a { text-decoration:none; color:#006699; }
    #sb_bottom { background:url(img/sb_bottom.jpg) top left no-repeat; width:283px; float:left; height:23px; margin-bottom:20px; }



/* -------------------------------- SERVICES PAGE LAYOUT ------------------------------------ */

  #services-list p, #services-list a { font-weight:bold; font-size:.9em; text-transform:uppercase; text-decoration:none; color:#555555; }
  .child_title { width:160px; height:20px; overflow:hidden; float:left; }

/* -------------------------------- FRONT PAGE LAYOUT ------------------------------------ */

  #hl_box { margin:16px auto 0 -23px; }

  #content.front_page { margin:20px 20px 0 10px; width:400px; float:right; text-align:justify; font-size:1.2em; }

    #content.front_page div.left, #content.front_page div.right { width:190px; text-align:center; float:left; text-transform:uppercase; font-size:.8em; font-weight:bold; }
    #content.front_page div.left { margin:0 10px 0 0; }
    #content.front_page div.right { margin:0 0 0 10px; }

  #footer { background:url(img/footer_bg.png) top left repeat-x; border:none; height:115px; position:relative; }
    #siteinfo { margin:11px 0 0 10px; width:410px; padding:0; color:#ffffff; float:left; line-height:150%; }
      #siteinfo p { margin:0; }
      #siteinfo a { color:#ffffff; text-decoration:underline; }
      #siteinfo a:hover { text-decoration:none; }

  #nav-footer { height:30px; float:left; list-style-type:none; list-style:none; margin:19px 0 0 0; padding:0; }
    #nav-footer li  {float:left; list-style-type:none; list-style:none; padding:0 10px; margin:0; }
    #nav-footer li, #nav-footer li a:link, #nav-footer li a:visited { color:#ffffff; font-size:1em; font-weight:normal; text-transform:uppercase; text-decoration:none; }
    #nav-footer li a:hover  { color:#cccccc; text-decoration:none; }

  #social-bg { background:url(img/social_bg.png) top left no-repeat; width:455px; height:49px; top:25px; left:477px; position:absolute; padding-top:41px; padding-left:28px; }

    #social { background:url(img/social_sprite.png) no-repeat; width:71px; height:49px; float:left; margin:0; padding:0; }

      #social.fkr { background-position:0 0; }
      #social.dig { background-position:-71px 0; }
      #social.tec { background-position:-142px 0; }
      #social.stu { background-position:-213px 0; }
      #social.del { background-position:-284px 0; }
      #social.rss { background-position:-355px 0; }

      #social.fkr:hover { background-position:0 -49px; }
      #social.dig:hover { background-position:-71px -49px; }
      #social.tec:hover { background-position:-142px -49px; }
      #social.stu:hover { background-position:-213px -49px; }
      #social.del:hover { background-position:-284px -49px; }
      #social.rss:hover { background-position:-355px -49px; }