/******************************************************************
Theme Name: Easy
Theme URI: http://plus62.me
Description: A Good looking theme.
Author: Anggun Pribadi
Author URI: http://plus62.me
Version: 1.14
License: GNU General Public License
License URI: license.txt
Tags: light, white, gray, one-column, two-columns, fixed-width, flexible-width, resonsive, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options


******************************************************************/


/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body { 
   background:#f8f8f8;
  -webkit-text-size-adjust : 100%; /* font size on apple devices */
  -ms-text-size-adjust : 100%;  /* font size on windows devices */
  font-size:14px; line-height: 1.5em; font-family:Georgia, "Times New Roman", Times, serif;
}

#container, .wrap { 
  width: 100%;
  margin: 0 auto;
}
  
  
  /* default styles & fixes */
  #main { margin-left: 0; } /* fixes alignment (defaulted at col620) */
  #sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */
  
/******************************************************************
LINK STYLES
******************************************************************/
a{ color: #f26535; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }
a:active { color: #f26535; }
a:link {-webkit-tap-highlight-color: #f26535; }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Safari, Chrome, iPhones, iPads */
::-webkit-selection { 
  background: #6fc2f6; 
  color:#fff; 
  text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
  background: #6fc2f6; 
  color:#fff; 
  text-shadow : none; 
}

/* The Rest of em */
::selection { 
  background: #6fc2f6; 
  color:#fff; 
  text-shadow : none; 
}
  
/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */


/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{ font-family:'Rosario', Arial, Helvetica, sans-serif; letter-spacing:-.05em; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color:#800000; text-decoration: none; }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a :hover{ color:#f26535; text-decoration: none; }
h1, .h1 { font-size:2.308em; line-height: 1.25em; margin-bottom:0.75em; font-weight:400; }
h2, .h2 { font-size: 1.75em; line-height: 1.333em; margin-bottom:0.5em; font-weight: 400;}
h3, .h3 { font-size: 1.125em; line-height:1.5em;  margin-bottom:0.5em; }
h4, .h4 { font-size: 1.1em; /*font-weight: 700;*/ margin-bottom:0.5em; }
h5, .h5 { font-size: 0.746em; line-height: 1.09em; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 17px; font-weight: 200; }

/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] { border-top:#222 4px solid; width:100%; margin:0; }
  header #inner-header{ background:#fff ; border-bottom:#f6f6f6 4px solid; width:966px; margin: 0 auto; }
  #logo { font-family:'Rosario', Arial, Helvetica, sans-serif; font-size:36px; letter-spacing:-3px; /*text-transform:uppercase; */padding:30px 0 20px 0; margin:0 20px; max-width:600px; float:left; }
    #logo a { color:#B10710; font-weight:bold; text-shadow:2px 2px 0 #e9e9e9; line-height:60px; text-decoration:none; }
  .social{ float:right; margin:50px 20px 0; }
    .social ul{ margin:0; }
      .social ul li{ float:left;  }
    .social a{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; color:#ddd; margin-left:10px; padding:5px 4px 2px; }
     .social .face-social {background-color: #345797; outline: 0.5px solid #444;}
     .social .twitt-social {background-color: #4099FF; outline: 0.5px solid #444;}
     .social .rss-social {background-color: #8F040A; outline: 0.5px solid #444;}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/

.menu { margin: 1.1em 0 0; font-family: sans-serif; }
  .menu ul { }
    .menu ul li { list-style-type: none; float: left; position:relative; }
      .menu ul li a { display: block; text-decoration: none; }
        .menu ul li:last-child a {}
        .menu ul li a:hover { }
    .menu ul li.current-menu-item a, .menu ul li.current_page_item a {}
    .menu ul li ul.sub-menu { position: absolute; left: -9999em; z-index: 9999; width: 200px; }
      .menu ul li ul li a { width: 160px; }
        .menu ul li ul li a:hover { }
      .menu ul li ul li:last-child a {}
      .menu ul li:hover ul { left: auto; }
        .menu ul li ul li ul.sub-menu { display:none; position: absolute; margin-left: 200px; top: 70%; margin-top: -30px; }
          .menu ul li ul li:hover > ul.sub-menu { display:block; left: auto; }
          

/*#top-navigation{ background:#151515; padding:0; }
  #top-navigation .menu{ margin:0 auto; width:940px;  }
    #top-navigation .menu ul li a { color:#555; padding:5px 20px; border-right:#212121 1px solid; }
    #top-navigation .menu ul li:first-child a{ border-left:#212121 1px solid; }
      #top-navigation .menu ul li a:hover, .menu ul li.current-menu-item a { color:#fefefe; }
    #top-navigation .menu ul li ul { background:#151515; }
*/
nav[role=navigation] { border-top:#eee 1px solid; border-bottom:#e1e1e1 1px solid; margin-bottom:-1px; padding-top:0; }
  nav[role=navigation] .menu{ margin-top:0; float:left; }
  nav[role=navigation] .menu > ul { 
  }
    nav[role=navigation] .menu ul li { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:13px; text-transform:capitalize; font-weight:500; }
    nav[role=navigation] .menu > ul > li { /*background:url(library/images/separator.png) 100% 15px no-repeat;*/  }
      
      nav[role=navigation] .menu ul li a { color:#aaa; padding: 12px 20px;}
      nav[role=navigation] .menu ul li a:hover, nav[role=navigation] .menu ul li.current-menu-item a, nav[role=navigation] .menu ul li.current-page-item a, nav[role=navigation] .menu ul li.current-category-item a, nav[role=navigation] .menu ul li.current-category-ancestor a{ color:#222; }
      nav[role=navigation] .menu > ul > li > a { border-right:#eee 1px solid;  }
        nav[role=navigation] .menu ul li a:hover { 
        }
        
    /*nav[role=navigation] .menu ul li.current-menu-item, .nav ul li.current_page_item, nav[role=navigation] .menu > ul > li:hover{ border-bottom:#b33222 4px solid; margin-bottom:-4px; }*/
    
    nav[role=navigation] .menu ul li ul.sub-menu { background:#fff; border:#e1e1e1 1px solid; }
    nav[role=navigation] .menu > ul > li > ul.sub-menu { background:#fff url(library/images/hatch1.png) left -4px repeat-x; }
      nav[role=navigation] .menu ul li ul li a { font-family:'Droid Sans', Arial, Helvetica, sans-serif; text-transform:none; border-bottom:#eee 1px solid; padding: 10px 0; margin:0 20px 0 20px;}
        nav[role=navigation] .menu ul li ul li a:hover {}
      nav[role=navigation] .menu ul li ul li:last-child a {}
      nav[role=navigation] .menu ul li:hover ul { }
        nav[role=navigation] .menu ul li ul li ul.sub-menu { }
          nav[role=navigation] .menu ul li ul li:hover ul.sub-menu {  }

  nav[role=navigation] #searchform{ width:292px; border-left:#eee 1px solid; float:right; padding:6px 0 7px 10px !important; }
    nav[role=navigation] #searchform #searchsubmit{ background:url(library/images/searchbtn.png) right top no-repeat; text-indent:-9999px; border:none; width:30px; height:30px; position:absolute; top:10px; right:12px; }
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content { width:966px; margin: 0 auto; }

  #main { width:634px; float:left; padding:30px 0; }
    #main h4.section{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; color:#222; font-weight:normal; text-transform:uppercase; line-height:10px; margin-bottom:20px; letter-spacing:0;}
      #main h4.section span{ padding:0 10px 0 0;}
    
  /*article.post { padding:0 0 30px 0; }*/
  
    /* archive title */
    .archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }
  
    /* post meta information */
    /*.meta { font-size:.75em; font-style:italic; line-height:1.75em; color: #999; margin: 0.875em 0; }*/
    .meta { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888888; font-style:normal; margin-top:0; margin-bottom:20px; }
      .meta a{ color:#888888; }
      
    .post_content {}
    
      /* typographical styles */
      .bypostauthor {}
      .post_content p { margin:0 0 1.25em 0 ; }
      .post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
      .post_content ul, .post_content ol { list-style-position: inside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
      .post_content li { margin-bottom: 0.75em; }
      .post_content ul li { margin: 4px 0px 4px 15px;}
      .post_content ol li {}
                        
      
      .post_content blockquote { background:#fcfcfc; font-size:1.143em; font-style:italic; line-height:1.6em; margin: 1.5em 0 ; padding:1em 1.5em 0.3em ; border-left:#f1f1f1 2px solid; }
      
      .post_content dl { margin:1.75em 0 1.75em; }
      .post_content dt { font-style:italic; margin-top:1.25em; font-size:1.13em; font-weight:700; border-bottom:1px solid #999; background:#DDD; }
      .post_content dd { font-style:italic; font-size:.85em; margin-top:1em; line-height:1.6em; }
      
      .post_content img {}
      .post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
      .post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
      
      /* image alignment & styles */
      
      .post_content img { margin: 0 0 1.5em 0; }
      .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
      .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
      .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
      .alignnone, img.alignnone {} /* i'm unsure of this style */
      
      /* wp caption styles */
      
      .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
      .wp-caption img { border: 0 none; padding: 0; margin: 0; }
      .wp-caption p.wp-caption-text { font-size:.8em; font-style:italic; margin:.6em 0 -.2em; }
      
      /* misc styles */
      
      .wp-smiley { margin: 0 !important; max-height: 1em; }

      /* image gallery styles */
      .gallery dl {}
      .gallery dt {}
      .gallery dd {}
      .gallery dl a {}
      .gallery dl img {}
      .gallery-caption {}
      
      .size-full {}
      .size-large {}
      .size-medium {}
      .size-thumbnail {}

    /* want to style individual post classes? Booya! */
    .post-id {} /* post by id (i.e. post-3) */
    .post {} /* general post style */
    .page {} /* general article on a page style */
    .attachment {} /* general style on an attatchment */
    .sticky {} /* sticky post style */
    .hentry {} /* hentry class */
    .category-slug {} /* style by category (i.e. category-videos) */
    .tag-slug {} /* style by tag (i.e. tag-news) */
    
    article[id*=post-] footer { clear: both; margin: 1.5em 0 0; } 
    
    /* Single post style */
    .single .post, .page .type-page, .post-single{ background:#fff; border-bottom:#eee 1px solid; padding:20px 0 0; }
      .single .post h1, .post-single h2{ margin-bottom:5px; }
      .single .post img, .page .type-page img, .post-single img{ max-width:100%; height:auto; }
      .page .type-page  header, .page .type-page  section, .page .type-page footer, 
      .single .post header, .single .post section, .single .post footer,
      .post-single header, .post-single section, .post-single footer{ padding-left:20px; padding-right:20px;}
      .single .post header, .page .type-page header, .post-single header{ background:url(library/images/hatch1.png) left bottom repeat-x; padding-bottom:10px; }
      .single .post section, .page .type-page section, .post-single section{ background:#fff; padding-top:23px; margin-top:-3px;}
      .post-single{ margin-bottom:30px; }
      .single-post-thumb{ width:100%; margin-bottom:30px; }
          
    /* Home post style */
    .post-home{ background:#fff; margin-bottom:30px; width:262px; float:left; margin-right:30px;  position:relative; border-bottom:#eee 1px solid; padding:0 20px  !important; min-height:140px; }

      .post-even{ margin-right:0; }

      .post-home header, .post-home section, .post-home footer{  }
        .post-home header h2{ margin-bottom:0; }
      .post-home p{ margin-bottom:0; }
      .post-home .post-thumb{ width:302px; margin-left:-20px; margin-bottom:20px; background:url(library/images/hatch1.png) left top repeat;  }
        .post-home .post-thumb img{ width:100%; height:auto; }
        .post-home .post-thumb img.noimg{ }
        .post-home .post-thumb a.comment-link{ background-color:#222; color:#fff; font-weight:bold; padding:0 10px; display:inline; position:absolute; bottom:20px; right:20px; }
        .post-home .post-thumb a.comment-link:hover{ text-decoration:none; }
      .post-home .read-more, .single-post-meta .post-share .more-share a{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none;background-color:#dedede; padding:3px 5px;  }
        .post-home .read-more:hover, .single-post-meta .post-share .more-share a:hover{ background-color:#222; }
    
    /* video post */
    .post .video-container{ width:100%; height:0; padding-bottom: 54%; margin-bottom:30px; padding-top:30px; position:relative; overflow:hidden;}
      .post .video-container iframe, .post .video-container object, .post .video-container embed{ position:absolute; left:0; top:0; width:100%; height:100%;}
    .post-home .video-container{ width:302px; height:194px; margin-left:-20px; background:url(library/images/hatch1.png) left top repeat; margin-bottom:20px; padding-top:0; }
      .post-home .video-container iframe, .post-home .video-container object, .post-home .video-container embed{ position:relative; width:302px; height:189px; margin-bottom:5px;}
    
    .post-home-one-column{ width:596px; margin-right:0; float:none; }
      .post-home-one-column .post-thumb{ width:636px; max-height:300px; overflow:hidden; }
        .post-home-one-column .post-thumb img{ margin-top:-50px;}
      .post-home-one-column .video-container{ width:636px; height:400px; }
      .post-home-one-column .video-container iframe, .post-home-one-column .video-container object, .post-home-one-column .video-container embed{ position:relative; width:636px; height:400px; margin-bottom:5px;}
  /* Slider post style */
  
  #slider{ background:#fff; width:100%; margin-bottom:30px; position:relative; overflow:hidden; }
    #slider .items{ position:relative; width:9999%;  }
      #slider .item{ width:634px; float:left; }
      #slider .slider-content{ background:url(library/images/hatch1.png) left -3px repeat-x; padding:20px; position:relative; }
        #slider .slider-content h2{ margin-bottom:0; }
        #slider .slider-content .meta{ margin-bottom:5px; }
        #slider .slider-thumb{ width:100%; position:relative; overflow:hidden; display:block; height:396px; }
          #slider .slider-thumb img{ width:100%; height:auto; }
      #slider .slider-nav{ border-top:#eee 1px solid; border-bottom:#eee 1px solid; padding:15px 20px 15px 20px; position:relative; margin-top:0; margin-bottom:0 !important; }
        #slider .slider-nav a{ outline:none; }
        #slider .slider-nav a.active-dot{ color:#222; }

    #slider .video-container{ width:634px; height:396px; padding-top:0; }
      #slider .video-container iframe, #slider .video-container object, #slider .video-container embed{ position:relative; width:634px; height:396px; margin-bottom:5px;}

  
/******************************************************************
BREADCRUMBS STYLES
For Yoast Breadcrumbs styling
******************************************************************/

.breadcrumbs { background:#fff; border-bottom:#eee 1px solid; border-top:none !important; margin:30px 0 0; padding:8px 20px 8px; font-family:'Droid Sans', Arial, Helvetica, sans-serif; margin-left:0; font-size:12px; color:#ccc; }

/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

  /* page navigation */
  .page-navigation, .wp-prev-next { background:#fff; border-bottom:#eee 1px solid; margin:0; padding:8px 20px 8px; }
    .page_navi { padding: 0; float:right; }
      .page_navi li { background:url(library/images/dots.png) right 6px no-repeat; float: left; margin-left: 10px; }
      .page_navi li, .wp-prev-next li, .page-of { font-family:'Droid Sans', Arial, Helvetica, sans-serif; margin-left:0; font-size:12px; color:#ccc; text-transform:uppercase; }
      .page_navi li:last-child{ background:none; }
        .page_navi li:last-child a{ padding-right:5px; }
        .page_navi li a, .page_navi li span, .wp-prev-next li a { color:#ccc; padding:0px 10px 0px 10px; display: block; text-decoration: none; position: relative; }
          .page_navi li a:hover { color:#000; text-decoration:none; border-bottom:none; }
        .page_navi li a.prev{ /*background:url(library/images/larrow.png) 2px 4px no-repeat; text-indent:-9999px; display:inline-block; width:1px;*/ }
        .page_navi li a.next{ /*background:url(library/images/rarrow.png) 2px 3px  no-repeat; text-indent:-9999px;width:1px;*/ }
      .page_navi li .current { color:#000; } 
          
  .wp-prev-next .prev-link { float: left; } 
  .wp-prev-next .next-link { float: right; }

  
/******************************************************************
COMMENT STYLES
******************************************************************/

#comments { padding: 30px 20px 20px; margin-bottom:0 !important; background:#fff; } /* h3 comment title */
  #comments span {} /* number of comments span */ 
.comment-nav {}
  .comment-nav ul {}
    .comment-nav ul li {}
.commentlist { background:#fff; margin: 0; padding:0 20px 30px; }
  .commentlist li { position: relative; /*margin-bottom: 1.5em;*/ padding: 0.7335em 0; clear: both; overflow: hidden; }
    .commentlist li[class*=depth-] { margin-left: 70px; /*margin-top: 1.1em; border-top: 1px solid #cecece;*/ }
      .commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
      .commentlist .vcard { margin-left: 70px; }
        .commentlist .vcard cite.fn { font-weight: normal; font-style: normal; }
        .commentlist .vcard .time { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; display:block; }
          .commentlist .vcard .time a { text-decoration: none; color: #999; }
            .commentlist .vcard .time a:hover { text-decoration: underline; }
        .commentlist .vcard img.photo {}
        .commentlist .vcard img.avatar { position: absolute; left: 0; top: 0.7335em; }
        .commentlist .vcard cite.fn a.url {}
      .commentlist .comment-meta {} 
        .commentlist .comment-meta a {}
      .commentlist .commentmetadata {}
        .commentlist .commentmetadata a {}
      .commentlist li .comment_content { padding-left: 70px; border-bottom:1px solid #eee; }
        .commentlist li .comment_content p { font-size: 1em; line-height: 1.5em; margin: 0.7335em 0 1.5em; }
        .commentlist li ul { padding-top: 1.1em; }    
        .commentlist .comment-reply-link { font-family:'Droid Sans', Arial, Helvetica, sans-serif; text-decoration: none; font-size: 0.846em; line-height: 1.5em; color: #f26535; padding: 3px 5px; position:absolute; top:10px; right:0; }
          .commentlist a.comment-reply-link:hover { opacity: 1; }

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond { background:#fff; margin: 0; padding:30px 20px 2.2em; border-bottom:#eee 1px solid;  }
  #comment-form-title { margin: 0 0 1.1em; }
    #comment-form-elements { margin: 0.75em 0 0; }
      #comment-form-elements li { overflow: hidden; margin-bottom: 20px; }
        #comment-form-elements label span { color:#ccc; }
        #comment-form-elements small {  }
        #author, #email, #url, #comment { background: #fff; border: 1px solid #eee; font-size: 1em; line-height: 1.5em; margin-right:15px; }
          #author:focus, #email:focus, #url:focus, #comment:focus { outline: none; }
        #author, #email, #url { padding: 3px 6px; max-width: 400px; min-width: 250px; }

      #allowed_tags { font-size: 0.846em; line-height: 1.5em; margin: 1.5em 10px 0.7335em 0; display:none; }

        #comment { resize: none; padding: 3px 6px; margin-bottom:15px; width: 100%; height: 150px; }
    
    #cancel-comment-reply {}
      #cancel-comment-reply a {}

  #commentform {}
    .comments-logged-in-as { margin-bottom:20px;}
        #submit { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-transform:uppercase; text-decoration:none;background-color:#222; padding:10px 10px; border:none; }
          #submit:hover{ background-color:#f26535; }

    /* form validation */
    #commentform input:invalid, #commentform textarea:invalid { border-color: red; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
    #commentform input:valid {}
    
    /* no comments */
    .nocomments { margin: 0 20px 1.1em; }


/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar { float: right; width:302px; margin:30px 0; }

  .widget { background:#fff; margin: 0 0 2.2em; position:relative; }
    
    .widget li { line-height: 1.5em; margin-bottom: 0.75em; font-size: 15px; font-weight: 500; }
    
      .widget div a, .widget p a { color:#800000; text-decoration:none; }
      .widget div a:hover, .widget p a:hover { color:#444; text-decoration:underline; }

      .widget li a { color:#444; text-decoration:none; }
      .widget li a:hover { color:#fff; text-decoration: none; background: black; display: block;} 
                                           
  
    .widgettitle { background:url(library/images/hatch1.png) left top repeat-x; font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; color:#222; font-weight:normal; text-transform:uppercase; line-height:10px; margin-bottom:20px; letter-spacing:0; }
    
      .widgettitle span{ background:#fff; padding:0 20px; }
        .widgettitle span span{ padding:0;}
    
    .widget > ul, .widget > div{ margin:0 20px; }

  .sidebar-narrow{ width:140px; float:left; }
  
  #sidebar-narrow-right{ margin-left:20px; }
  
  #sidebar-wide{  }
    #sidebar-wide .widget{ border-bottom:#eee 1px solid; border-top:none; padding-bottom:2.2em; }
    #sidebar-wide .widgettitle{ background: url(library/images/hatch1.png) left bottom repeat-x ; padding-bottom:5px; position:relative;  }
      #sidebar-wide .widgettitle > span { display:block; padding-top:10px; padding-bottom:5px; }
        #sidebar-wide .widgettitle > span span.title-big{ display:block; position:relative; font-size:16px; font-weight:bold; letter-spacing:-.05em; margin-left:0; padding-right:0; padding-top:5px; padding-bottom:10px; }
  
  /* search widget */
  #searchform { position:relative;}
    #searchform label{ display:none; }
    #searchform #s{ border:none; width:80%; padding:8px 5px; margin-left:5px;}
      #searchform #s:active, #searchform #s:focus{ outline:none; }
    #searchform .placeholder{ color:#ccc; }
    #searchform #searchsubmit{ background:url(library/images/searchbtn.png) right top no-repeat; text-indent:-9999px; border:none; width:30px; height:30px; position:absolute; top:4px; right:5px; }
  .widget_search, #sidebar-wide .widget_search  { border-bottom:#eee 1px solid ; padding:0; /*border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;*/ }
    .widget_search .widgettitle{ display:none; }
  .screen-reader-text {}
  
  /* text widget */
  .textwidget {}
  .widget_text {}
  .textwidget p {}
  
  /* flickr widget */
  .widget_flickr{ padding-bottom:-10px; position:relative;}
    .widget_flickr .flickr_widget {  margin-right:10px; }
    .widget_flickr .flickr_badge_image{ float:left; margin-right:10px; margin-bottom:5px; }
      .widget_flickr .flickr_badge_image:nth-child(3n+4){ margin-right:0 }
      .widget_flickr .flickr_badge_image img{ width:80px; height:80px;}
      .widget-more{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888; position:absolute; top:15px; right:20px; }
      .widget-more:hover{ color:#f26535; text-decoration:none; }
      
  /* twitter widget */
  .widget_twitter ul li{ border-bottom:#eee 1px solid; padding-bottom:15px; }
  .widget_twitter ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; margin-top:0;}
    .widget_twitter ul li a{ color:#f26535;}
      .widget_twitter ul li a:hover { color:#222; text-decoration:underline; }
  
  /* custom recent-posts widget */
  .widget_posts_wrap { padding-bottom:0 !important;}
    .widget_posts li { padding:0 0 13px; margin-bottom:20px; border-bottom:#eee 1px solid;}
      .widget_posts li:last-child{  border-bottom:none; margin-bottom:0;}
      .widget_posts li h3 { margin-bottom: 0; }
      .widget_posts li a {}
      .widget_posts li p {}
      .widget_posts li .athumb { float:left; margin-right:20px; margin-bottom:0;}
      .widget_posts li .meta { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888888; font-style:normal; margin-top:0; margin-bottom:5px; }
        .widget_posts li .meta a{ color:#888; }
    
  /* custom recent comments widget */
  .widget_comments_wrap{ padding-bottom:0 !important; }
    .widget_comments li{ border-bottom:#f8f8f8 1px solid; padding-bottom:20px; margin-bottom:20px; }
      .widget_comments li:last-child{ border-bottom:none; margin-bottom:0; }
    .widget_comments .comment-avatar{ background:#eee; float:left; margin-right:20px; padding-bottom:20px; width:60px; height:60px; }

        
  /* Tabs widget */
  
  .tabs ul.nav-tab{ height:55px; margin-left:-20px; margin-right:-20px; margin-bottom:20px; background:#fff url(library/images/hatch1.png) left 50px repeat-x; }
    .tabs ul.nav-tab li{  float:left; padding:0 10px; }
    .tabs ul.nav-tab li.second_tab, .tabs ul.nav-tab li.third_tab{ border-left:#fafafa 1px solid;/*background:url(library/images/separator2.png) left 12px no-repeat;*/ }
      .tabs ul.nav-tab li  h3 a{ display:inline-block; font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; font-weight:normal; letter-spacing:0; color:#ccc; text-transform:uppercase; margin-bottom:0; padding:8px 10px 5px 10px; outline:none; }
        .tabs ul.nav-tab li h3 a span.title-big{ display:block; position:relative; font-size:16px; font-weight:bold; letter-spacing:-.05em; line-height:16px; margin-left:0; padding-right:0; padding-top:0; }    
      .tabs ul.nav-tab li.tab-active  h3 a{ color:#222; margin-bottom:0; }
  .tabs .tab-content{ margin-top:0;}
    .tabs .tab-content .widget_posts li:last-child{ padding-bottom:0; margin-bottom:-10px; }
    .tabs .tab-content .widget_comments li:last-child{ padding-bottom:0; margin-bottom:0; }

    .tabs .hide{ display:none; }

    /* video post */
  .widget_video .video-container{ width:100%; height:0; padding-bottom: 50%; margin-bottom:10px; padding-top:30px; position:relative; overflow:hidden;}
      .widget_video .video-container iframe, .widget_video .video-container object, .widget_video .video-container embed{ position:absolute; left:0; top:0; width:100%; height:100%;}
      .widget_video h4 a{ color:#222; }
        .widget_video h4 a:hover{ color:#f26535; text-decoration:none; }
      .widget_video .video-navigator{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; color:#888; font-size:10px; text-transform:uppercase; padding:10px 0; border-top:#eee 1px solid; border-bottom:#eee 1px solid;}
        .widget_video .video-navigator .video-prev-next{ float:right; }
          .widget_video .video-navigator .video-prev-next a:hover{ text-decoration:none; }
          .widget_video .video-navigator .video-prev{ background:url(library/images/larrow.png) left -2px no-repeat; }
          .widget_video .video-navigator .video-next{ background:url(library/images/rarrow.png) left -3px no-repeat; }

/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] { background:#fff; width:966px; margin: 0 auto 30px; border-bottom: 1px solid #eee; padding: 10px 0 0; }
  footer #inner-footer { }
  .footer-info { font-size:12px; padding:20px 20px; border-top:#eee 1px solid; }
    .footer-info a { color:#222; text-decoration:none; }
    .footer-info a:hover{ text-decoration:underline; }
  .footer-links { font-family:'Droid Sans', Arial, Helvetica, sans-serif; float: left; }
  
  footer nav[role=navigation] { border:none; max-width:45%; }
    footer nav[role=navigation] .footer-links li{ font-family:'Droid Sans', Arial, Helvetica, sans-serif; }
    footer nav[role=navigation] ul li a{ text-decoration:none; }

  /* footer widget areas */
  #footer-widgets { margin-top:30px; width:966px; margin:20px auto 0; padding:0 20px;}
  #footer-widgets .f-widget{ width:209px; float:left; margin-right:30px;}
  #footer-widgets .f-widget-4{ margin-right:0; }
  #footer-widgets .widgettitle{ background:none; /*url(library/images/hatch2.png) left top repeat;*/ padding-left:0;  }
    #footer-widgets .widgettitle span{ background:none; padding:0 10px 0 0; }
      #footer-widgets .widgettitle span span{ padding:0; }
    #footer-widgets .widget > ul, #footer-widgets .widget > div{ margin:0; }
  /* bottom nav links */
  .footer-links ul.menu { margin-top: 0; }
    .footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
      .footer-links ul li a { margin-right: 10px; text-decoration: underline; }
        .footer-links ul li:last-child a { margin-right: 0; }
      .footer-links ul li a:hover, .footer-links ul li.current-menu-item a, .footer-links ul li.current_page_item a {}
      .footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway ;P */
      
  .attribution { font-family:'Droid Sans', Arial, Helvetica, sans-serif; float: right; color: #999; font-size: 0.9em;  max-width:45%;}

  
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }


Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/




/*
Table Style - This is what you want
------------------------------------------------------------------ */

table.nicetable {
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  text-shadow: 1px 1px 0px #fff;
  background:#eaebec;
  border:#ccc 1px solid;

  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
}
table.nicetable th {
  padding:21px 25px 22px 25px;
  border-top:1px solid #fafafa;
  border-bottom:1px solid #e0e0e0;
  text-transform: uppercase;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#105372), to(#105372));
  background: -moz-linear-gradient(top,  #105372,  #105372);
  text-shadow: none !important;
  color: #fff !important; 
}
table.nicetable th:first-child {
  padding-left:20px;
}
table.nicetable tr:first-child th:first-child {
  -moz-border-radius-topleft:3px;
  -webkit-border-top-left-radius:3px;
  border-top-left-radius:3px;
}
table.nicetable tr:first-child th:last-child {
  -moz-border-radius-topright:3px;
  -webkit-border-top-right-radius:3px;
  border-top-right-radius:3px;
  border-left: solid 1px #ddd;
}
table.nicetable tr {
  text-align: center;
  padding-left:20px;
}
table.nicetable td:first-child {
  //padding-left:20px;
  border-left: 0;
}
table.nicetable td {
  text-align: center !important;
  padding:10px;
  border-top: 1px solid #ffffff;
  text-align: left;
  border-bottom:1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  vertical-align: top;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.nicetable tr.even td {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.nicetable tr:last-child td {
  border-bottom:0;
}
table.nicetable tr:last-child td:first-child {
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px;
}
table.nicetable tr:last-child td:last-child {
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px;
}
table.nicetable tr:hover td {
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);  
}

table.nicetable a.button {
        background-color: #0F8F04;        
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:normal;
        margin: 1px 1px 1px 1px;
        padding:1px 1px 1px 1px;
        text-decoration:none;
        text-align: center;        
        text-shadow:0px 1px 0px #154682;
        cursor: pointer;
        display: block;        
    }
table.nicetable .button:hover {        
        background-color: #6699FF;
    }

    table.nicetable .button:active {
        position:relative;
        top:1px;
    }
  
}
.selectnav {display: none; width: 100%;}
.selectnav {}


/*-------------------------End Nice Table---------------------------*/


/*-------------------------Fonts/Content Styles---------------------------*/
a {color: #900000;}

.post img {border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.post_content ol li {
      list-style-type:decimal;
      margin-bottom: 5px;
}

.post_content ol li {
      list-style-type:decimal;
      margin-bottom: 5px;
}

.post_content .big_letters {
  width: 500px;
  margin: 10px
}
 
.post_content .big_letters ol {
  color: #ccc;
  list-style-type: none;
}
 
.post_content .big_letters ol li {
  position: relative;
  font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 20px;
}
 
.post_content .big_letters li p {
  font: 12px/1.5 Helvetica, sans-serif;
  padding-left: 60px;
  color: #555;
}
 
.post_content .big_letters span {
  position: absolute;
}


.block_of_grey {
     border-style: solid;
     border-width: 1px;
  border-color: #d9d9d9;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2;
}

.block_of_grey p {
     font-size: 18px;
     font-weight: 600;
     color: #B10710;
     text-align: center;
}

.block_for_button {
    border-style: solid;
    border-width: 2px;
    border-color: #d9d9d9;
    margin: 0 auto;
    padding: 1.15em;
    background: #f2f2f2;
    width: 40%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.block_for_button p {
     font-size: 18px;
     font-weight: 600;
     color: #B10710;
     text-align: center;
     margin-top: 25px;
}

.link_format a {text-decoration: none;}

.facebook-link {
  color: #fff;
  background: #000;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  /* border-radius */
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

.facebook-link-up {
  margin-top: 20px;
}

.no-line a:hover {text-decoration: none;}

/*-------------------------/End Content Fonts---------------------------*/













/******************************************************************
/******************************************************************
/******************************************************************
/******************************************************************
                   
>>>>>>>>>>>>>>>>>>>>> | Ross Styling | <<<<<<<<<<<<<<<<<<<<<<<<<<<

******************************************************************/
/******************************************************************
/******************************************************************
/******************************************************************
/******************************************************************
*/ 






/*Top Main Reviews Section 
******************************************************************/
/******************************************************************
/******************************************************************
*/

.ross-right {
  float:right;
  width:160px;
        padding-left: 5px;   
  margin:0px;
  color: #444;
}


.ross-right2 {
  float:right;
  width:180px;
  color: #900000;
  height:80px;
  margin-left:5px;
        text-align: center;
}

.ross-right2 .button2 {
        margin-top: 10px;
        margin-bottom: -5px;
}

.ross-right2 .button2 {margin-bottom: 10px;}
 
.ross-right li{
  margin-top:10px;
  padding-bottom:-6px;
  list-style:none;
  font-size:14px;
  text-indent:-30px;
  text-transform: upper;
  font-weight: 400;
  font-family: Impact;
}


.ross-right ul{
  margin-bottom:0px;
  margin-left:30px;
  margin-top: 30px;

}
.ross-right img{
  margin-top: 5px;

}

.ross-right p{
  text-align:center;
  margin-bottom:5px;

}


.ross-2 {
  width:250px;
  margin-left:10px;
  float:right;
}

.ross-2 p {
  margin-left: 5px;
}


.ross-logo {  
  width: 170px;
  height:230px;
  text-align:center;
  border-right:1px solid silver;  
}

.ross-logo img {
  border:none;
    margin-bottom: 0px;
    margin-left: -5px;
}


/*Top Main Reviews Section - RESPONSIVE
******************************************************************/

@media screen and (max-width: 960px) {
  hr {
    display: none; }}

@media screen and (max-width: 960px) {
    .logo, .ross-logo {
      display: none; }}

@media screen and (max-width: 960px) {
    .ross-2 {
      display: block;
      float: left;
      margin-right: 1.74342%;
      width: 100%;
      margin-bottom: 0.9em;
      padding: 0.86418%; }
      .ross-2:last-child {
        margin-right: 0; } }

@media screen and (max-width: 960px) {
    .ross-right {
      display: block;
      float: left;
      margin-right: 1.74342%;
      width: 66.08553%;
      width: 100%;
      margin-bottom: 0.3em;
      padding: 0.86418%; }
      .ross-right:last-child {
        margin-right: 0; }
      .ross-right li {              
        background-color: #E6E6E6;
        border-radius: 25px;
        font-size: 1em;
        padding-left: 150px; }
        .ross-right .button {margin-right: 150px;} }

@media screen and (max-width: 960px) {
        .ross-2 .red {text-align: center; padding-top: 5px; padding-bottom: 0px;}
        .ross-2 p:last-child {padding-bottom: 30px; border-bottom: 1px solid #444}
        .ross-right ul {margin-top: 0px;}
}

@media screen and (max-width: 960px) {
    .ross-logoshort, .ross-right2 { display: none;}   
}

@media screen and (max-width: 700px) {
      .ross-right {
      display: block;
      float: left;
      margin-right: 1.74342%;
      width: 66.08553%;
      width: 100%;
      margin-bottom: 0.3em;
      padding: 0.86418%; }
      .ross-right:last-child {
        margin-right: 0; }
      .ross-right li {              
        background-color: #E6E6E6;
        border-radius: 25px;
        font-size: 1em;
        padding-left: 70px; }
        .ross-right .button {margin-right: 73px;}}

@media screen and (max-width: 700px) {
        .ross-2 .red {text-align: center; padding-top: 5px; padding-bottom: 0px;}
        .ross-2 p:last-child {padding-bottom: 30px; border-bottom: 1px solid #444}
        .ross-right ul {margin-top: 0px;}
}

        
/* end reviews 
*******************************************************************/


/* Bottom Review Section
/******************************************************************
/*****************************************************************/


.ross-3 {
  width:250px;
  text-indent:5px;
  float:left;
  text-align:center;
  height:80px;
}

.ross-logoshort { 
  width: 130px;
  text-align:center;
  height:80px;
  border:none;
  float:left;
}

.ross-logoshort img {
  border:none;
  margin-top:10px;
}

.red {
  color:#800000;
}

.large {
  font-size:large;
    margin-top: 10px;
}

/*Bottom Reviews Section - RESPONSIVE
******************************************************************/

@media screen and (max-width: 700px) { 
  .ross-3 {width: 400px; margin: 0 auto;}
  .wtf {display: inline-block;} 
  }

@media screen and (max-width: 700px) {
  .ross-3 {width: 250px; margin: 0 auto;}
  .wtf {display: inline-block;}
  }

/* end bottom reviews 
*******************************************************************/


/* Other Stuff Section
/******************************************************************
/*****************************************************************/

.medium {
  font-size:medium;
    margin-bottom: -5px;
}
.medium a:hover {
  text-decoration:underline;
}
.centermed {
  font-size:medium;
}

.button {
  width: 100px;
  float:right;

}

.xxlarge {

  font-size: large;
  text-align: center;
  color:#800000;
}

.xxlarge a {
  text-decoration:none;
}

.headbanner {
  float:right;
  width:265px;
  margin-top:25px;
  margin-right:15px;
}

.headbanner img {
  border:0px;
}


/* Top Nav Color Change 
*  nav #menu-item-781 {
*  background-color: rgba(52,87,151, 0.1); }
*/


/* Voodoo */
.voodoo {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .voodoo:before, .voodoo:after {
    content: " ";
    display: table; }
  .voodoo:after {
    clear: both; }


    .button {        
        
        background-color: #0F8F04;        
        margin-right: 40px;
margin-bottom: 10px;
        margin-top: 15px;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:normal;
        padding:6px 12px;
        text-decoration:none;
        text-align: center;        
        text-shadow:0px 1px 0px #154682;
        cursor: pointer;
        display: block;        
    }
    .button:hover {        
        background-color: #6699FF;
    }

    .button:active {
        position:relative;
        top:1px;
    }

    .button a {color: white; text-decoration: none;}



    .button2 {                
        background-color: #1A54BB;       	        
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:normal;
        padding:6px 24px;
        text-decoration:none;        
        text-shadow:0px 1px 0px #2b665e;
        cursor: pointer;
        display: block;
	margin-right: 30px;
        margin-left: 25px;
        
    }
    .button2:hover {               
        background-color:#686868;
    }

    .button2:active {
        position:relative;
        top:1px;
    }

    .button2 a {color: white; text-decoration: none;}

.zenter {text-align: center;}


#menu-item-2069 a {
   background-color:  rgba(17, 132, 255, 0.47);
   color: white;
   font-weight: bold;
}

.textwidget a#sidebar-border-button:hover {
   border-color: #F0F0F0 !important;
   color: ##F0F0F0 !important;
   text-decoration: none !important;
   letter-spacing: 3px;
   transition: letter-spacing .3s ease-in ease-out; 
}


#sidebar-wide #text-7 .textwidget { margin:0; }