/*
Theme Name: Pico
Theme URI: http://wplover.com/themes/pico
Description: Pico is a grid-based magazine theme based on the famous Mimbo theme by Darren Hoyt, designed to work right out-of-the-box without having to install additional plugins. Features smart post thumbnail handling (supports 2.9 Canonical Post thumbnail or use first image on post), 10 widget areas (including four columns on footer), 3 page templates (Archives, List Authors and Sitemap), a custom Featured Categories widget, breadcrumb navigation and support for threaded comments. A more complete demo is available at http://demo.wplover.com/
Version: 1.0.7
Author: Hafiz Rahman
Author URI: http://www.wplover.com/
TAGS: white, light, three-columns, two-columns, fixed-width, left-sidebar, right-sidebar, threaded-comments, sticky-post

This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/*
Changelog:

1.0.7 February 5, 2010
* Replaces wp_list_pages with wp_page_menu on header.php
* Better 404 page
* Added a new widget area: Pico Single Bottom: under content on single Post / Page view.
* Added a new Page Template, Blog-style Front Page
* Added style for visual editor. http://azaozz.wordpress.com/2010/01/02/can-themes-style-the-visual-editor/
* Typographic tweaks
* Fixed a crazy bug. If you have a "Template" added with colon anywhere in style.css, it will result in error.

1.0.6 January 8, 2010
* Small fixes.

1.0.5 January 7, 2010
* Fixed the static Read More links on front page 
* Fixed the Theme URI

*/


/* Eric Meyer's Reset CSS with modifications.
 * --------------------------------------------------------------------------------------- */

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;
  }
ol, ul {
	list-style: none;
  }
blockquote, q {
	quotes: none;
  }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
  }

/* @ Base HTML
 * --------------------------------------------------------------------------------------- */  
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.5;
	background: url("images/bg.gif") repeat scroll 0 0 #F1F1F1;	  
  } 
  
a {
  color: #0099FF;
  }
  
p {
  margin-bottom: 1em;
  }

#recent_excerpts .post_meta {
  clear: both;
  }  
  
.post_meta a {
  text-decoration: none !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  }

.read_more a {
  text-decoration: none !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.7em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #0099FF;  
  }
  
.entry a {
  text-decoration: underline;
  }
  
.entry a:hover {
  color: #666;
  }  

.entry h1 {
  font-size: 2em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }
h1 {
  font-size: 2em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }     
.entry h2 {
  font-size: 1.6em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }    
.entry h3 {
  font-size: 1.4em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }  
.entry h4 {
  font-size: 1.2em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }    
.entry h5 {
  font-size: 1em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }  
.entry h6 {
  font-size: 0.9em;
  margin: 10px 0;
  font-family: Arial, sans-serif;
  }    
.entry blockquote {
  padding-left: 10px;
  margin-left: 20px;
  border-left: 1px dotted #ddd;
  font-family: Georgia, serif;  
  color: #666;
  }
.entry pre {
  font-size: 1.6em;
  }
.entry code {
  font-size: 1.2em;
  }			
.entry ul, .entry ol {
  margin-left: 10px;
  padding-left: 10px;
  }
.entry ul li {
  list-style-type: disc;
  margin: 0 0 10px;  
  }
.entry ul li li {
  font-size: 1em;
  margin-top: 5px;
  }
.entry ol li {
  list-style-type: decimal;
  margin: 0 0 10px;  
  margin-top: 5px;
  }
.entry ol li li {
  font-size: 1em;
  }
.entry dt {
  font-style: italic;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
  }
.entry dd {
  margin-bottom: 1em;
  }
.entry dl {
  padding-left: 20px;
  margin-bottom: 1.3em;
  }

#index-pagination {
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  }

  #index-pagination a {
    text-decoration: none;
    font-weight: bold;
  }
  
#pagination {
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  color: #999 !important;  
  border-bottom: 1px dotted #ddd;
  margin: 20px 0;
  }
  
.page #pagination {
  font-size: 0.7em;
  }

  #pagination a {
  text-decoration: none;
  text-transform: none;
  font-weight: bold;
  }

#pagination .right {
  width: 260px;
  text-align: right;
  padding: 10px 0;
  margin-bottom: 5px;
  }
  
#pagination .left {
  width: 259px;
  padding-right: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px dotted #ddd;
  margin-bottom: 5px;
  }
  
body.archive #pagination, body.archive #pagination .left {
  border: none;
  }
  
/* @ Structure
 * --------------------------------------------------------------------------------------- */  
  
#page {
	width:960px;
	margin:0 auto;
	}

.grid {
  background: url("images/grid.png");
  }
  
#wrapper {
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
  background: #fff;
	}
  
#content {
  width:620px;
  padding: 0 0 0 10px;
  float:left;
  background: #fff;
  border-left: 0px;
  border-right: 1px solid #DDDDDD;
	}

#sidebar {
	background: #ffffff !important;
}

#highlighted_sidebar {
  width: 278px;
  float:right;
  padding: 5px 10px;
  margin: 20px 10px 0;
  border: 1px solid #0099FF;
  background: #eef1fd;  
	}
  
#primary_sidebar {
  width: 290px;
  padding: 0 10px;
  margin-right: 10px;
  float: right;
  clear: right;
  margin-top: 10px;
	}

#secondary_sidebar {
  width: 180px;
  float: left;
	}

#more_posts {
	width:440px;
	float:right;
	}  

.left {
	float:left;
	}

.right {
	float:right;
	}
  
#footer_widgets {
  clear: both;
  padding-top: 10px;
  border-bottom: 0px;
  background: #FFFFFF;
  }  
  
.footer_widget {
  float: left;
  width: 220px;
  padding-right: 10px;
  margin-left: 10px;
  }
  
 #footer {
	font-size: 1.2em;
	padding: 16px 0px 25px 0px;
	}  
  
/* @ Navigations
 * --------------------------------------------------------------------------------------- */    
 
 /*Top Page Navbar */
 
#page_nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #EEF1FD;
}
.nav ul, .nav ul * {
	list-style: none;
	z-index:1;
	line-height: 1.0;
	}
  
.nav ul {
  width: 960px;
  font-size: 1em;
  margin: 0 auto;
  }

  .nav ul li {
    float: left;
    position: relative;    

    }
    
    .nav ul li a {
      color: #333;
      text-transform: uppercase;
      text-decoration: none;
      display: block;
      padding: 1px 20px;
      line-height: 2em;
      }    
      
    .nav ul li a:hover {
      text-decoration: underline;
      color: #0099FF;
      }
      
/* Dropdown Menus */		

    .nav ul li:hover {
      visibility: inherit; /* fixes IE7 'sticky bug' */
      }

    .nav ul li:hover ul,
    .nav ul li.sfhover ul {
      left: 0px;
      }

      .nav ul li:hover li ul,
      .nav ul li.sfhover li ul {
        top: -999em;
        }

      .nav ul li li:hover ul,
      .nav ul li li.sfhover ul {
        left: 120px; /* match ul width */
        top: 0;
        }

        .nav ul li li:hover li ul,
        .nav ul li li.sfhover li ul {
          top: -999em;
          }

        .nav ul li li li:hover ul,
        .nav ul li li li.sfhover ul {
          left: 120px; /* match ul width */
          top: 0;
          }

      .nav ul li ul {
        position: absolute;
        left: -999em;
        width: 120px;
        z-index:-1 !important;
        line-height:1;
        margin: 0;
        }

      .nav ul li li {
        width: 120px;
        background: #cad4fc;
        border: 1px solid #fff;
        border-top-width: 0;
        }

        .nav ul li li a, .nav ul li li a:visited, 
        .nav ul li.current_page_parent li.current_page_item a, .nav ul li.current_page_parent li.current_page_item a:visited {
          background: #cad4fc !important;
          display: block;
          padding: 7px 10px 5px 10px;
          line-height: 2em;
          }

        .nav ul li li a:hover, .nav ul li li a:active,
        .nav ul li.current_page_parent li.current_page_item a:hover, .nav ul li.current_page_parent li.current_page_item a:active {
          background: #d8dffb !important;
          }	
		
      .nav ul li:hover ul, .nav ul li li:hover ul, .nav ul li li li:hover ul, .nav ul li.sfhover ul, .nav ul li li.sfhover ul, .nav ul li li li.sfhover ul {
        left: auto;
        }

      .nav ul ul ul li {
        margin:0 0 0 120px !important;
        left:0px;
        }

/*Category Nav*/

#nav_cat {
	line-height: 1.0;
  	float: left;
  	font-size: 1em;
  	width: 960px;
	background: #0099FF;
	}
	
  #nav_cat li {
    float:left;
    position:relative;
    }
	
  #nav_cat a, #nav_cat a:visited {
    font-size: 1.2em;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 12px 25px 4px;
    font-weight: bold;
    border-right: 1px solid #0099FF;
    height: 20px;
    }

  #nav_cat a:hover, #nav_cat li.current-cat a, #nav_cat li.current-cat a:visited {
    background: #0099FF;
    text-decoration: underline;
    }
	
	#nav_cat a:hover {
		color: #fff;
	}

  #nav_cat a:active {
    color:#0099FF;
    }
 
    #nav_cat a span {
      display: block;
      font-weight: normal;
      color: #999;
      font-size: 0.9em;
      padding: 5px 0 7px;
      }
 	
	
	
/*Category Nav Dropdowns*/

  #nav_cat li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
    }

  #nav_cat li:hover ul,
  #nav_cat li.sfhover ul {
    left: 0px;
    top: 35px; /* match top ul list item height */
    }

    ul#nav_cat li:hover li ul,
    ul#nav_cat li.sfhover li ul {
      top: -999em;
      }

    ul#nav_cat li li:hover ul,
    ul#nav_cat li li.sfhover ul {
      left: 137px; /* match ul width */
      top: 0;
      }

      ul#nav_cat li li:hover li ul,
      ul#nav_cat li li.sfhover li ul {
        top: -999em;
        }

        ul#nav_cat li li li:hover ul,
        ul#nav_cat li li li.sfhover ul {
          left: 137px; /* match ul width */
          top: 0;
          }
          
    #nav_cat li ul {
      position: absolute;
      left: -999em;
      width: 157px;
      z-index:100;
      background: rgba(0, 0, 0, 0.8);
      border: 0px !important;
      }

    #nav_cat li ul li {
      width: 157px;
      z-index: 1000;
      height: auto;
      padding: 0px 0 !important;
      margin: 0;
      border-right: none;
      border-bottom: 0px;
      }

      #nav_cat li li a, #nav_cat li li a:visited, 
      #nav_cat li.current_page_item li a, #nav_cat li.current_page_item li a:visited {
        color: #ffffff !important;
        border: none;
        padding: 7px 10px 0 10px !important;
        }

      #nav_cat li li a:hover, #nav_cat li li a:active,
      #nav_cat li.current_page_item li a:hover, #nav_cat li.current_page_item li a:active {
        color: #fff !important;
        border: none;
        }	
		
      #nav_cat li:hover ul, #nav_cat li li:hover ul, #nav_cat li li li:hover ul, #nav_cat li.sfhover ul, 
      #nav_cat li li.sfhover ul, #nav_cat li li li.sfhover ul {
        left: auto;
        }    

      #nav_cat ul ul {
        margin: 0 0 0 0px !important;
        left: 155px !important;
        top: -1px !important;
        width: 159px;
        border-top: 1px solid #0099FF !important;
        }


/* @ Masthead
 * --------------------------------------------------------------------------------------- */  
 
#masthead {
  padding: 30px 0 5px 0;
  background: #FFFFFF;
  }

  #masthead h1 {
    font-weight: normal;
    font-size: 3em;
    padding-left: 10px;
    line-height: 1;
    letter-spacing: -1px;
    display: inline;
    }

    #masthead h1 a {
      text-decoration: none;
      }

  #masthead #description {
    padding-left: 10px;
    color: #999;
    font-size: 1.2em;
    }

/* @ Home page
 * --------------------------------------------------------------------------------------- */     
 
#lead, .blog_style {
  margin: 20px 0 10px 0;
  }
  
  #lead .thumbnail, .blog_style .thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 3px;
    padding: 5px;
    border: 1px solid #ddd;
    }
  
  #lead .thumbnail:hover, .blog_style .thumbnail:hover {
    border: 1px solid #333;  
    }
  
  #lead_text h2 a, .blog_style_text h2 a {
    text-decoration: none;
    font-size: 2.4em;
    letter-spacing: -1px;
    line-height: 1.25;
    }
    
  #lead_text h2 a:hover, .blog_style_text h2 a:hover {
    color: #666;
    }
  
  #lead .date {
    font-size: 1em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 10px;
    }
  
  #lead .entry {
    font-size: 1.4em !important;
    font-family: Georgia, serif;
    }
  
  #more_posts .thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ddd;    
    }
    
  #more_posts .thumbnail:hover {
    border: 1px solid #333;
    }
  
  #more_posts .recent_excerpts {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    }
  
  #more_posts h3 {
    font-size: 1.1em;
    border-bottom: 2px solid #dddddd;
    padding: 5px 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    }
    
  #more_posts h3#older_headlines {
    margin-bottom: 0;
    margin-top: -7px;
    }    
  
    #more_posts h4 a {
      text-decoration: none;
      font-size: 1.8em;
      }
      
    #more_posts h4 a:hover {
      color: #666;
      }      

  #more_posts .date {
    font-size: 1em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 10px;
    }

  #more_posts .entry {
    font-size: 1.4em !important;
    font-family: Georgia, serif;
    }

  #more_posts ul.headlines {
    margin-bottom: 20px;
    } 
    
  #more_posts ul.headlines li {
    border-bottom: 1px dotted #ddd;
    padding: 7px 0;
    }    

    #more_posts ul.headlines li a {
      text-decoration: none;
      font-size: 1.2em;
      /* font-weight: bold; */
      display: block;
      }
      
    #more_posts ul.headlines li a:hover {
      color: #666;
      }      


/* @ Single Post / Page
 * --------------------------------------------------------------------------------------- */    
 
#content div.post {
  margin: 10px 10px 0 0;
  }

  .breadcrumb {
    color: #999;
    font-size: 1.1em;
    font-style: italic;
    font-family: Georgia, serif;
    border-bottom: 1px dotted #ddd;
    padding: 8px 0;
    margin-bottom: 10px;
	margin-right: 10px;
    }
    
    .breadcrumb-title {
      text-transform: uppercase;
      font-style: normal;
      font-family: Arial, sans-serif;
    }
    
  h2.post_title, h2.page_title {
    color: #333;
    font-size: 2.4em;
    letter-spacing: -1px;
    line-height: 1.5; 
    margin-bottom: 0;
    }
  
  h2.page_title {
    margin-bottom: 20px;
  }

  #content .entry {
    font-size: 1.4em;
    font-family: Georgia, serif;  
    padding-right: 20px;
    }
    
  #content .post_meta {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1em;
    color: #999;
    }
    
    #content .post_meta a {
      font-size: 1em;
      }    
     
    p.edit_post {
      text-transform: uppercase;
      margin-top: 20px;
    }
    
      p.edit_post a {
        text-decoration: none;
        color: #999;
      }
      
span#tags {
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  padding-right: 20px;
  color: #999;
  font-size: 1em;
  }

span#tags a {
  text-transform: none;
  font-size: 1.1em;
  font-family: Georgia, serif;
  font-style: italic;
  }      
  
/* 404 */

.four04 #content {
  margin-top: 30px;
  }
  
.four04 #content h2 {
  color: #333;
  font-size: 2.4em;
  letter-spacing: -1px;
  line-height: 1.5; 
  margin-bottom: 0;
  }
  
.four04 #content h3 {
  font-size: 1.1em;
  border-bottom: 1px solid #cad4fc;
  padding: 5px 0;
  margin-bottom: 5px;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: bold !important;
  color: #333 !important;
  }
  
/* @ Archives
 * --------------------------------------------------------------------------------------- */
body.archive h2.page_title, body.search h2.page_title {
  margin-top: 30px;
  }

ul.archive_list li {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 20px;
  }  
  
ul.archive_list li h4 a {
    font-size: 1.6em;
    padding: 5px 0;
    margin-bottom: 10px;
  text-decoration: none;
  }

ul.archive_list .entry {
  padding-right: 0 !important;
  }
  
 ul.archive_list .thumbnail {
  margin-bottom: 20px;
  margin-top: 3px;
  }
  
ul.archive_list .thumbnail {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;    
  }
    
ul.archive_list .thumbnail:hover {
  border: 1px solid #333;
  }

#writer {
background: #f5f5f5;
padding: 10px;
margin-bottom: 20px;
}

#writer .desc {
font-family: Georgia, serif;
font-size: 1.4em;
}

#writer .desc .name {
font-size: 1em;
font-weight: bold;
font-family: Arial, sans-serif;
}    
 
/* @ Sidebar and Widgets
 * --------------------------------------------------------------------------------------- */       

.widget_container div.widget {
  margin-bottom: 20px;
  }

  .widget_container a {
    text-decoration: none;
    }  
    
  .widget_container a:hover {
    text-decoration: underline;
    }
  
.widget_container div.widget h3.widget_title {
  font-size: 1.1em;
  border-bottom: 2px solid #DDDDDD;
  padding: 5px 0;
  margin-bottom: 5px;
  margin-right: 10px;
  text-transform: uppercase;
  font-weight: bold !important;
  color: #333 !important;
  }

  #primary_sidebar div.widget ul li {
    margin: 0;
    }
    
    #primary_sidebar div.widget ul li li {
      margin: 0;
      }
  
  .widget_container div.widget ul li {
    font-size: 1.2em;
    border-bottom: 1px dotted #ddd;
    padding: 7px 0;    
    }
  
  #highlighted_sidebar div.widget ul li, #footer_widgets div.widget ul li {
    border-bottom: 1px dotted #dddddd;
    }

  .widget_container div.widget ul li li {
    font-size: 1em;
    border-left: 1px solid #dddddd;
    border-bottom-width: 0;
    padding: 7px 0 7px 15px;
    }
    
  #highlighted_sidebar .widget_container div.widget ul li li, #footer_widgets .widget_container div.widget ul li li {
    border-left: 1px solid #dddddd;
    border-bottom-width: 0 !important;
    }    

  .widget_container div.widget ul li li li {
    padding-left: 15px;
    }
  
    .widget_container div.widget ul li a {
      text-decoration: none;
      /* font-weight: bold; */
      color: #0099FF;
      }
      
  
    .widget_container div.widget ul li a:hover {
      text-decoration: underline;
      }

/* Featured Category widget */
.widget_container #featured_cats_widget h5 {
  margin-top: 10px;
  }
  
  .widget_container #featured_cats_widget h5 a {
    text-decoration: none;
    font-size: 1.1em;
    display: block;
    padding: 3px 0;
    text-transform: uppercase;
    margin-bottom: -1px;
    border-bottom: 1px dotted #ddd;  
    } 

.widget_container #featured_cats_widget ul {
  margin-bottom: 10px;
  }

.widget_container #featured_cats_widget li {
  padding-bottom: 7px;
  border-width: 0 !important;
  }
  
  .widget_container #featured_cats_widget li a {
    /* font-weight: bold; */
    }

.widget_container #featured_cats_widget p.date {
  text-transform: uppercase;
  color: #999;
  font-size: 0.8em;
  margin-top: 1px;
  } 
  
/* Text widget */
.widget_container .textwidget {
  font-size: 1.2em;
  padding-top: 10px;
  padding-right: 10px;
  line-height: 1.75;
  }
  
/* Recent Widgets widget */
.widget_container #recentcomments li {
  padding: 7px 0;
  line-height: 1.75;
  }
  
/* Calendar widget */

  #calendar_wrap table {
    font-size: 1.1em;
    }

  #calendar_wrap a {
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    background: #eee;
    border: 1px solid #ddd;
    padding: 3px;
    }
    
    #calendar_wrap th {
    text-align: right;
    padding: 0 5px;
    }
    
  #calendar_wrap tr {
    line-height: 32px;
    }
    
  #calendar_wrap td {
    width: 25px;
    padding: 0 5px;
    text-align: right;
    }
    
  #highlighted_sidebar #calendar_wrap td, #primary_sidebar #calendar_wrap td {
    width: 25px;
    padding: 0 5px;
    text-align: right;
    }
    
  #calendar_wrap caption {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    padding: 7px 0;
    text-transform: uppercase;
    }

  #calendar_wrap tfoot tr {
    border: none;
    line-height: 24px;
    }
    
  #calendar_wrap tfoot td {
    border: none;
    padding: 0;
    }
    
  #calendar_wrap #prev {
    text-align: left !important;
    }

  #calendar_wrap #next {
    text-align: right;
    }


/* @ Comments
 * --------------------------------------------------------------------------------------- */    
 
 h3#comments, h3#trackbacks, h3#leave_reply {
  font-size: 1.6em;
  margin: 10px 0;
  }

.comment_list {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  }
  
.comment_list li {
	margin: 0 0 0px 0;
	padding: 10px 10px 40px 10px;
  background: #f9f9f9;  
  border-bottom: 1px solid #ddd;
	list-style: none;
  overflow: auto;
  position: relative;
	}

.comment_list li.alt {
  background: #fff;
  }

.comment_list li.depth-1 ul {
  margin: 0 0 20px 9px;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  }
  
.comment_list li.depth-2 {
	border-bottom: 1px solid #eee;
	background: #FFF;
  font-size: 1em;
  padding-left: 10px;
	}

.comment_list li.depth-2 ul {
  margin: 0 0 20px 7px;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  }

.comment_list li.depth-3	 {
  font-size: 1em;
  border-bottom: 1px solid #eee;
  padding-left: 10px;
	}

.avatar {
	margin: 3px 10px 10px 0;
	float: left;
	padding: 2px;
	border: 1px solid #b9b9b9;
	background: #FFF;	
	}
  
cite.fn {
	font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
	display: block;
	padding: 0px;
  margin: 0;
	}	

.says {
	display: none;
	}  

.commentmetadata {
  margin: 0px 0 20px 0;
  text-transform: uppercase;
  font-size: 1em;
  } 
  
.commentmetadata  a, .commentmetadata  a:visited {
	color: #868686;
	text-decoration: none;
	}

.commentmetadata  a:hover, .commentmetadata  a:active  {
	text-decoration: underline;
	color: #333;
	}
  
  
.comment_list p {
	font-size: 1.2em;
	}  
  
.comment_list blockquote {
	font-size: 1.2em;
  font-family: Georgia, serif;
  padding-left: 10px;
  border-left: 1px solid #ddd;
	}  

.reply {
  float: right;
  bottom: 0;
  right: 10px;
  clear: both;
  position: absolute;
  text-transform: uppercase;
  }
  
.reply a, .reply a:visited  {
	width: 75px;
	background: #eef1fd;
	display: block;
	margin-bottom: 15px;
	padding: 5px !important;
	text-align: center;
  border: 1px solid #cad4fc;
	text-decoration: none !important;
	}

.reply a:hover {
	text-decoration: underline;
	}

.cancel_comment_reply {
  }

.cancel_comment_reply a {
  text-transform: uppercase;
  }
  
#trackback_list {
  margin-bottom: 20px;
  }  
  
#trackback_list li {
	margin: 10px 0 10px 20px;
  font-size: 1.2em;
  list-style-type: decimal;
	}

#trackback_list cite {
	font-style:normal
	}
  
.nocomments {
  text-transform: uppercase;
  }
			  
  
/* @ Form Elements
 * --------------------------------------------------------------------------------------- */    
#commentform {
  margin: 10px 0;
  }
  
#author, #email, #comment, #url, #s {
	background: #FFF !important;
	padding: 10px;
	border: 1px solid #bfbfbf;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	}

#author, #email, #url {
	width: 220px;
	}

#commentform p {
  overflow: auto;
  margin: 0px 0 20px;
  font-size: 1.2em;
  padding-bottom: 10px;
  }

#commentform p#status {
  margin: 0;
  }
  
#commentform p label {
  float: left;
  width: 160px;
  padding-left: 10px;
  margin-right: 10px;
  }
  
#commentform p label span {
  display: block;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #999;
  }  

#commentform p input {
  float: left;
  width: 320px;
  margin-top: 3px;
  }

#commentform span#allowed_tags {
  }

#commentform span#allowed_tags code {
  display: block;
  text-transform: none;  
  font-size: 1.4em;
  }  
		
.button {
	padding: 10px 14px;
	background: #333;
	color: #FFF !important;
	border: none;
	font-size: 1.1em;
	}

.button:hover {
	background: #272727;
	color: #FFF;
	text-decoration: none;
	}

.button:active {
	background: #000;
	}

input#submit {
  width: 220px !important;
  margin-left: 180px;
  }

#commentform textarea {
  float: left;
  width: 320px;
	margin-top: 5px;
	height: 250px;
  font-family: Arial, sans-serif;
  font-size: 1.1em;
	}

#searchform {
	width: 200px;
	text-align: right;
	padding-top: 8px;
  font-size: 1.2em;
  font-family: Arial, sans-serif;
	}

#s {
	width: 198px;
  background: #fff url('images/search.png') 190px 4px no-repeat !important;
  padding: 9px 10px;
	}

#highlighted_sidebar #s, #primary_sidebar #s {
  width: 248px;
  background: #fff url('images/search.png') 240px 4px no-repeat !important;  
  }


/* @ Float Clearing
 * --------------------------------------------------------------------------------------- */    

.clearfloat:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}
	
.clearfloat {
	display: inline-block;
	}

.clearfloat {
	display: block;
	}
  
/* @ Footer
 * --------------------------------------------------------------------------------------- */    
#footer p {
  margin: 0 !important;
  }

#footer a, #footer a:visited {
	color: #333;
  font-weight: bold;
  text-decoration: none;
	}

#footer a:hover {
	color: #666;
  text-decoration: underline;
	}

#footer a:active {
	text-decoration: underline;
	}
			
#footer img {
	vertical-align: middle;
	}
	
#copyright {
	float: left;
	width: 550px;
  margin-left: 10px;
	}

#rss {
	float: right;
	width: 350px;
	text-align: right;
  margin-right: 10px;
	}

/* @ WordPress.org Necessities. Credits to Thematic theme by Ian Stewart
 * --------------------------------------------------------------------------------------- */    
 
.entry-content img {
  margin: 0 0 18px 0;
  max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
  margin-right:20px;
  }
.alignright,
img.alignright {
	display: block;
	float: right;
  margin-left:20px;
  }
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
  }
.wp-caption {
	text-align: center;
	margin-bottom:18px;
  }
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
  }
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
  }
.gallery img {
  margin:0;
  }
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
  }
.wpus_win {
	background: url("images/windows.png") no-repeat scroll 0 0 transparent;
}

.wpus_mac {
	background: url("images/macos.png") no-repeat scroll 0 0 transparent;
}

.wpus_android {
	background: url("images/android.png") no-repeat scroll 0 0 transparent;
}
.wpus_ios {
	background: url("images/macos.png") no-repeat scroll 0 0 transparent;
}
.wpus_winphone {
	background: url("images/windowsphone.png") no-repeat scroll 0 0 transparent;
}

.software img.alignleft {
float: left;
margin: 10px 20px 20px 12px;
}

.app img.alignleft {
float: left;
margin: 10px 20px 20px 12px;
}

.app .wpus a { font-size: 80%}

#primary_sidebar div.widget ul li a {
	font-weight: bold;
	font-size: 1.1em;
}

#primary_sidebar div.widget ul li div div strong {
	color: #4D91A4 !important;
}

#leaderboard {
width: 728px;
height: 90px;
float: right;
margin: 12px;
}

#rectanglead {
float: right;
height: 250px;
width: 300px;
margin: 10px 10px 0 0;
}

#rectanglead2 {
float: right;
height: 250px;
width: 300px;
margin: 10px -10px 0 0;
}

.downloadfront {
width: 580px;
height: 120px;
float: left;
padding: 10px;
margin-bottom: 10px;
}

.downloadfront a {
display: block;
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding-left: 10px;
text-decoration: none;
}

.downloadfront a:hover {
color: #fff;
}

.downloadfront h2 a {
color: #0099ff;
}

.downloadfront h2 a:hover {
color: #fff;
}

.musicsoftware {
background-image:url("images/freemusicsoftware.jpg");
}

.musicapps {
background-image:url("images/musicapps.jpg");
}

.fl {
width: 268px;
float: left;
padding: 10px;
margin-bottom: 10px;

}

.fl a {
display: block;
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding-left: 10px;
text-decoration: none;
}

.fl a:hover {
color: #fff;
}

.fl h2 a {
color: #0099ff;
}

.fl h2 a:hover {
color: #fff;
}

.fr {
width: 268px;
float: right;
padding: 10px;
margin-bottom: 10px;
}

.fr a {
display: block;
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding-left: 10px;
text-decoration: none;
}

.fr a:hover {
color: #fff;
}

.fr h2 a {
color: #0099ff;
}

.fr h2 a:hover {
color: #fff;
}

.audioeditors {
background-image:url("images/audioeditors.png");
}

.drummachines {
background-image:url("images/drummachines.png");
}

.formatconverters {
background-image:url("images/formatconverters.png");
}

.mediaplayers {
background-image:url("images/mediaplayers.jpg");
}

.mixing {
background-image:url("images/mixing.jpg");
}

.notation {
background-image:url("images/notation.jpg");
}

.sequencers {
background-image:url("images/sequencers.jpg");
}

.synthesizers {
background-image:url("images/synthesizers.jpg");
}

.download-entry h2 {
	display: inline;
	font-size: 1.5em !important;
}

.download-entry h2 a {
	text-transform: uppercase;
	text-decoration: none;
}

.entry-download-info {
	margin: 5px;
	}

.entry-os {
	float: left;
	margin-right: 4px;
}
.entry-license {
	float: left;
	font-size: 12px;
	margin: 0 12px;
	}

.edreview {
	float: left;
	font-size: 12px;
}
.entry-editor-stars {
	float: left;
}
.entry-editor-stars div {
	float:left;
}
.entry-user-stars {
	float: left;
	margin-left: 12px;
}
.entry-user-stars div {
	float:left;
}
.entry-user-stars .ratingtext {
	display: none;
}
.entry-user-stars .ratingblock {
	margin: 0 !important;
}
.paginationstyle {
float: right;
}

#disqus_thread {
	margin-right: 10px;
}

#information {
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
}

#information h3 {
	font-size: 1.8em !important;
	color: #0099FF !important;
}

.wpus_button a:hover {
	color: #FFFFFF !important;
}

.hreview-aggregate { display: none; }