/*
Theme Name: Meena Inc. Version 2
Theme URI: http://meenainc.com/
Description: Meena Version 2
Author: Chris Lusk
Author URI: chrislusk@meenainc.com
Template: thematic
Version: 2.0
*/

@import url("../thematic/style.css");

body, #wrapper, #logo, { margin:0; padding:0; }

body { background:url(img/body_bg.jpg) top center repeat; font-family:Verdana; font-size:14px; color:#000000; }

img { border:none; }
img.alignleft, img.alignright { margin-left:10px; }
.gallery img { border:none; }
h4 { font-sytle:italic; font-size:11px; margin-bottom:20px; }
#si_contact_message { width:550px; height:101px; }

.page_item a, .xoxo a { text-decoration:none; }
.page_item a { color:#333333; font-weight:bold; }
.page_item a:hover ,.xoxo a:hover { color:#669933; text-decoration:underline; }

   #wrapper { background:url(img/wrapper_bg.jpg) top center no-repeat; width:100%; }

      #content_wrap { margin:0 auto; padding:0; width:980px; }

         #header { width:900px; margin:0 auto; height:275px; background:transparent; border:none; position:relative; }

            #nav { width:340px; position: absolute; background:url(img/sprite_nav.png) no-repeat; }

               #nav.home { top:21px; left:115px; height:81px; background-position:0px 0px; }
               #nav.about { top:102px; left:115px; height:65px; background-position:0px -81px; }
               #nav.blog { top:167px; left:115px; height:116px; background-position:0px -146px; }
               #nav.services { top:21px; left:455px; height:114px; background-position:-340px 0px; }
               #nav.clients { top:135px; left:455px; height:62px; background-position:-340px -114px; }
               #nav.contact { top:197px; left:455px; height:86px; background-position:-340px -176px; }

               #nav.home:hover { background-position:0px -262px; }
               #nav.about:hover { background-position:0px -343px; }
               #nav.blog:hover { background-position:0px -408px; }
               #nav.services:hover { background-position:-340px -262px; }
               #nav.clients:hover { background-position:-340px -376px; }
               #nav.contact:hover { background-position:-340px -438px; }

         #container { width:100%; margin:50px 0; position:relative; }

            #page_content { width:680px; float:left; position:relative; }

               #page_content .head { background:url(img/page_content_head.png) top left no-repeat; width:100%; height:55px; float:left; }
               #page_content .body { background:url(img/page_content_body.png) top left repeat-y; float:left; padding:15px 40px 0 30px; min-height:400px; width:625px; font-size:12px; }

                  .body a { color:#336699; }
                  .body a:hover { text-decoration:none; }
                  .body h1, .body h1 a { font-family:Verdana; font-size:20px; font-weight:bold; text-transform:uppercase; color:#336699; margin:30px 0 6px; text-decoration:none;  }
                  .body h1 { border-bottom:1px solid #669933; }
                  .body h1 a { border-bottom:none; }

                    .entry-content { text-align:justify; }

               #page_content .foot { background:url(img/page_content_foot.png) top left no-repeat; width:100%; height:63px; float:left; }

                  #page_title { width:575px; height:65px; z-index:2000; position:absolute; top:10px; right:27px; background:url(img/sprite_page_titles.png) no-repeat; }

                     #page_title.about-us { background-position:0 0; }
                     #page_title.services { background-position:0 -65px; }
                     #page_title.design-development { background-position:0 -130px; }
                     #page_title.seo { background-position:0 -195px; }
                     #page_title.e-commerce-solutions { background-position:0 -260px; }
                     #page_title.small-business-services { background-position:0 -325px; }
                     #page_title.web-hosting { background-position:0 -390px; }
                     #page_title.clients { background-position:0 -455px; top:14px; z-index:10; }
                     #page_title.contact-us { background-position:0 -520px; }
                     #page_title.blog { background-position:0 -585px; }
                     #page_title.e-marketing { background-position:0 -650px; }
                     #page_title.search { background-position:0 -715px; }
                     #page_title.archives { background-position:0 -780px; }

/* ------------------------------------- CLIENT PAGE STYLE ------------------------------------*/

#client-page.head { background:url(img/client_content_head.png) top left no-repeat; width:100%; height:55px; float:left; }

#client-page.body { background:url(img/client_content_body.jpg) top left repeat-y; padding:40px; width:900px; font-size:12px; float:left; }

#client-page .gallery img { border:none; margin:0; padding:0; }

#client-page .gallery-item { width:300px; height:300px; margin:0; padding:0; }

#client-page.foot { background:url(img/client_content_foot.png) top left no-repeat; width:100%; height:63px; float:left; }

/* ------------------------------------- SIDEBAR STYLE ------------------------------------*/

            #rightcol { width:300px; float:left; }

               #sidebar_top.b { background:url(img/sidebox_blue_top.png) top left no-repeat; }
               #sidebar_top.g { background:url(img/sidebox_green_top.png) top left no-repeat; }

               #sidebar_top { border:none; height:43px; float:left; padding-left:68px; margin-top:25px; }
 
                  #moreinfo, #latestnews, #categories, #specials { width:222px; height:100%; background:url(img/sprite_sidebox_titles.png) no-repeat; }

                  #moreinfo { background-position:0px 0px; }
                  #categories { background-position:0px -43px; }
                  #latestnews { background-position:0px -86px; }
                  #specials { background-position:0px -129px; }

               #sidebar.g, #sidebar.b { float:left; width:250px; padding:8px 35px 25px 15px; }
               #sidebar.b { background:url(img/sidebox_blue_bottom.png) bottom left repeat-y; }
               #sidebar.g { background:url(img/sidebox_green_bottom.png) bottom left repeat-y; }

               #sidebar h3 { display:none; }
               #sidebar.b ul, #sidebar.b li, #sidebar.g ul, #sidebar.g li, #sidebar.b ul ul, #sidebar.g ul ul { list-style:none; list-style-type:none;}

                  #sidebar.b ul ul, #sidebar.g ul ul { margin:0 0 0 10px; }
                  #sidebar.b ul, #sidebar.g ul, #sidebar.b li, #sidebar.g li, #sidebar.b li li, #sidebar.g li li { list-style:none; list-style-type:none; margin:0;}

               #sidebar.b li a, #sidebar.g li a, #sidebar.b li li a, #sidebar.g li li a {text-decoration:none; }

         #social_area { width:396px; height:51px; overflow:hidden; float:left; margin:10px 0 0 90px; padding:0; }
            #social_icons { width:62px; height:51px; background:url(img/sprite_social.png) no-repeat; margin:0 2px; float:left; }
            #social_icons.twitter { background-position:-62px -51px; }
            #social_icons.facebook { background-position:-62px -102px; }
            #social_icons.flickr { background-position:-62px -153px; }
            #social_icons.delicious { background-position:-62px -204px; }
            #social_icons.digg { background-position:-62px -255px; }
            #social_icons.rss { background-position:-62px 0; }

            #social_icons.twitter:hover { background-position:0 -51px; }
            #social_icons.facebook:hover { background-position:0 -102px; }
            #social_icons.flickr:hover { background-position:0 -153px; }
            #social_icons.delicious:hover { background-position:0 -204px; }
            #social_icons.digg:hover { background-position:0 -255px; }
            #social_icons.rss:hover { background-position:0 0; }

         #footer { background:url(img/footer_bg.png) top left repeat; width:100%; height:79px; border:none; margin:0 0 50px 0; }

/* --------- START HOME PAGE ONLY DIVS ------------------ */

         #big_box { height:316px; width:865px; margin:25px auto; background:url(img/sprite_bigbox.png) no-repeat; }
            #big_box a { text-align:right; color:#ffffff; text-decoration:underline; text-transform:uppercase; font-size:11px; font-weight:bold; padding-left:20px; }
            #big_box .seo { width:223px; background-position: 0px 0px; }
            #big_box .ecomm { margin:0 9px 0 8px; width:222px; background-position: -291px 0px; }
            #big_box .smbiz { width:223px; background-position: -582px 0px; }

            #big_box .seo, #big_box .ecomm, #big_box .smbiz { float:left; height:256px; padding:60px 30px 0; font-size:12px; color:#eeeeee; text-align:justify; }

         #content_area { width:900px; margin:0 auto; position:relative; }

            #content_box { width:900px; height:202px; margin:0 auto; position:relative; }
               #content_box.blue { background:url(img/content_box_blue.png) top left no-repeat; margin:40px auto 0;  }
               #content_box.green { background:url(img/content_box_green.png) top left no-repeat; margin:20px auto 0;  }

            #titles { width:338px; position:absolute; z-index:99; background:url(img/sprite_titles.png) no-repeat; }
            #titles.wwa { height:62px; top:-23px; left:25px; background-position:0px 0px; }
            #titles.wwan { height:75px; top:195px; left:25px; background-position:0px -62px; }
            #titles.phone { height:145px; top:40px; left:560px; background-position:0px -137px; }
            #titles.port { height:94px; top:285px; left:560px; background-position:0px -282px; }

            #titles.wwa:hover { background-position:-338px 0px; }
            #titles.wwan:hover  { background-position:-338px -62px; }
            #titles.phone:hover  { background-position:-338px -137px; }
            #titles.port:hover  { background-position:-338px -282px; }

/* --------- END HOME PAGE ONLY DIVS ------------------ */

.xoxo, .xoxo ul, .xoxo ul ul { list-style:none; list-style-type:0; margin:0; }
.xoxo a { color:#336699; font-weight:normal; }

/* ----------------- 404 Error Page ----------------- */

#error_top { width:649px; height:366px; margin:10px auto; background:url(img/404_bg.png) top left no-repeat; }

#error_body { background-color:#ffffff; width:559px; padding:20px 45px; margin:10px auto 25px; border:1px solid #669933; }
   #error_body ul { list-style-type:decimal; }
   #error_body ul li { color:#333333; }
   #error_body a { color:#336699; }

   #error_search { text-align:center; padding-top:20px; text-transform:uppercase; color:#669933; font-weight:bold; }