/*
Theme Name: Gluttony
Theme URI: http://www.wpdesigner.com/2007/11/25/gluttony-wordpress-theme/
Description: Gluttony of the Seven Deadly Sins series, a food menu style theme by Small Potato of <a href="http://www.wpdesigner.com/">Wpdesigner.com</a>.
Version: 0.1.1
Author: Small Potato
Author: http://www.wpdesigner.com/
*/
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, input 
{
 margin: 0;
 padding: 0;
}

body 
{
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 vertical-align: top;
 background-image: url(images/column_bg.PNG);
 background-color: #162446;
 background-repeat: repeat-x;
 color: #CCC;
  background-position: 0 117px;
 background-repeat: repeat-x;
}

form, input, textarea, table 
{
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
}

h1, h2, h3, h4, h5, h6 
{
 font-family: arial, helvetica, sans-serif;
}

h2, h3 
{
 font-size: 16px;
}

a 
{
 text-decoration: underline;
 color: #FFF;
}

a:hover 
{
 text-decoration: none;
}

a img 
{
 border-width: 0;
}

address, dl, p 
{
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
}

blockquote 
{
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 background-color: #F5F5F5;
}

blockquote p 
{
 padding: 10px;
}

blockquote blockquote 
{
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 10px;
 background-color: #FFF;
}

img.centered 
{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

img.alignleft 
{
 margin-top: 3px;
 margin-right: 10px;
 margin-bottom: 2px;
 margin-left: 0;
}

img.alignright 
{
 margin-top: 3px;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 10px;
}

img.alignleft, img.alignright 
{
 padding: 9px;
 border-color: #EEE;
 border-width: 1px;
 border-style: solid;
 display: inline;
}

p img 
{
 max-width: 100%;
}

small 
{
 font-size: 11px;
}

.alignleft 
{
 float: left;
}

.alignright 
{
 float: right;
}

.clear 
{
 margin: 0;
 padding: 0;
 clear: both;
}

.tl, .tr, .bl, .br 
{
 width: 10px;
 height: 10px;
 overflow: hidden;
}

.tl, .bl 
{
 float: left;
 clear: left;
}

.tr, .br 
{
 float: right;
 clear: right;
}

#wrapper 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 830px;
}

#container 
{
 float: left;
 width: 830px;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 text-align: left;
 background-image: url(images/bg_container.gif);
 background-color: #555;
 background-repeat: repeat-x;
}

.maincolumn 
{
 float: left;
 width: 620px;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10px;
 background-image: url(images/bg_maincolumn.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 display: inline;
}

#menu 
{
 float: left;
 width: 620px;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
}

#menu ul 
{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#menu ul li 
{
 float: left;
 margin-top: 0;
 margin-right: 1px;
 margin-bottom: 0;
 margin-left: 0;
 height: 29px;
 overflow: hidden;
 background-image: url(images/bg_tab_right.gif);
 background-repeat: no-repeat;
 background-position: right top;
 display: inline;
}

#menu ul li a 
{
 display: block;
 padding-top: 8px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 text-decoration: none;
 background-image: url(images/bg_tab_left.gif);
 background-repeat: no-repeat;
}

#menu ul li a:hover 
{
 text-decoration: underline;
}

#menu ul li span.feed 
{
 padding-top: 0;
 padding-right: 17px;
 padding-bottom: 0;
 padding-left: 0;
 background-image: url(images/feed.gif);
 background-repeat: no-repeat;
 background-position: right top;
}

#menu ul li.current_page_item 
{
 background-image: url(images/bg_tab_current_right.gif);
 background-color: #FFF;
 background-repeat: no-repeat;
 background-position: right top;
}

#menu ul li.current_page_item a 
{
 background-image: url(images/bg_tab_current_left.gif);
 background-repeat: no-repeat;
 color: #000;
}

#content 
{
 float: left;
 width: 620px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 background-image: url(images/bg_content.gif);
 background-color: #FFF;
 background-repeat: no-repeat;
 background-position: right top;
 color: #000;
}

#banner 
{
 float: left;
 width: 600px;
 height: 150px;
 overflow: hidden;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 9px;
 margin-left: 10px;
 display: inline;
 background-color: #FFF;
 background-repeat: no-repeat;
 color: #FFF;
 background-image: url(images/blog.png);
}

.post 
{
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 10px;
}

.entry-head, .entry-wrap 
{
 margin-top: 1px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

.entry-head 
{
 background-image: url(images/bg_entry_head.gif);
 background-color: #EEE;
 background-repeat: no-repeat;
 background-position: left bottom;
 color: #666;
}

.entry-head h2 
{
 padding: 10px;
 background-image: url(images/bg_entry_title.gif);
 background-repeat: no-repeat;
}

.entry-head h2 a 
{
 text-decoration: none;
 color: #666;
}

.entry-head h2 a:hover 
{
 color: #000;
}

.entry-date 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 10px;
 font-family: arial, helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 position: relative;
}

.entry-wrap 
{
 background-image: url(images/bg_entry_wrap.gif);
}

.entry-wrap .rc 
{
 height: 14px;
 overflow: hidden;
 background-image: url(images/bg_entry_rc_bottom.gif);
 background-position: left bottom;
}

.entry-content 
{
 padding-top: 3px;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
 line-height: 24px;
 background-image: url(images/bg_entry_rc_top.gif);
 background-repeat: no-repeat;
}

.entry-content a 
{
 color: #000;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 
{
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 font-size: 14px;
}

.entry-content h5 
{
 font-size: 11px;
}

.entry-content h6 
{
 font-size: 10px;
}

.entry-meta 
{
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 font-family: arial, helvetica, sans-serif;
}

.entry-meta a 
{
 font-weight: bold;
}

.navigation 
{
 padding-top: 15px;
 padding-right: 20px;
 padding-bottom: 5px;
 padding-left: 20px;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 line-height: 18px;
}

.navigation a 
{
 color: #000;
}

.sidebar 
{
 float: left;
 width: 180px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10px;
 font-family: arial, helvetica, sans-serif;
 display: inline;
}

.sidebar ul 
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 font-size: 11px;
}

.sidebar ul a 
{
 font-weight: bold;
}

.sidebar ul li 
{
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

.sidebar ul li h3 
{
 padding-top: 7px;
 padding-right: 10px;
 padding-bottom: 7px;
 padding-left: 10px;
 font-size: 11px;
 text-transform: uppercase;
 color: #CCC;
 background-image: url(images/bg_sidebar_title.gif);
 background-color: #333;
 background-repeat: no-repeat;
}

.sidebar ul ul 
{
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 line-height: 18px;
 background-image: url(images/column_bg.gif);
 background-color: #404040;
 background-repeat: repeat;
 background-position: left bottom;
}

.sidebar ul ul li 
{
 margin: 0;
 padding-top: 3px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
}

.sidebar ul ul ul 
{
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
 background-color: transparent;
 background-image: none;
}

#footer 
{
 float: left;
 width: 830px;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
 background-image: url(images/bg_footer.gif);
 background-repeat: no-repeat;
}

#footer p 
{
 line-height: 18px;
 padding-top: 30px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
}

#footer a 
{
 text-decoration: none;
}

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

/*blogengine specific changes*/
#blogTitle 
{
 padding: 4px;
 font-weight: bold;
}

#content a 
{
 color: #666666;
}

#content h1 
{
 color: #666666;
 padding: 10px;
}

#content #relatedPosts 
{
 padding: 10px;
}

#content #commentlist 
{
 padding: 10px;
}

#content .commentform 
{
 padding: 10px;
}

#postPaging 
{
 font-size: small;
 padding-top: 10px;
 padding-right: 5px;
 padding-bottom: 10px;
 padding-left: 5px;
}

#postPaging a 
{
 color: #666666;
}

#searchfield 
{
 /*max-width: 125px;*/

 width: 175px;
}

#searchbutton 
{
 float: right;
 font-size: 80%;
 margin-top: 2px;
}

#searchbox label 
{
 width: 100px;
 float: left;
}

#searchbox #searchcomments 
{
 
}

.entry-wrap .info 
{
 background-color: #F5F5F5;
 border-color: #E3E4E4;
 border-width: 1px;
 border-style: solid;
 color: #666;
 margin: 20px;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
}

.entry-wrap a img 
{
 border-color: #DDD;
 border-width: 4px;
 border-style: solid;
}

.entry-wrap a:hover img 
{
 border-color: #CCC;
}

.entry-wrap a 
{
 color: #666;
}

/*comments*/
.comment 
{
 border-top-color: #DDDDDD;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-top: 5px;
 margin-bottom: 5px;
 padding-bottom: 0px;
}

.comment .date 
{
 text-align: left;
 margin: 0;
 padding-top: 3px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-left: 0px;
}

.comment .author 
{
 margin: 0;
 text-align: left;
 padding-top: 3px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
 clear: both;
}

.comment .self 
{
 background-color: #F5F5F5;
}

.comment .gravatar 
{
 width: 80px;
 margin: 5px;
}

.comment .gravatar img 
{
 height: 80px;
 width: 80px;
}

.comment .content 
{
 min-height: 85px;
 width: 440px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0px;
}

.commentform 
{
 padding: 5px;
}

.commentform label 
{
 display: block;
 width: 80px;
}

.commentform input 
{
 width: 130px;
}

.commentform textarea 
{
 width: 100%;
 height: 150px;
}

/*----------------------------
Page
----------------------------*/
#page 
{
 padding: 20px;
 margin-bottom: 20px;
 background-color: white;
 line-height: 17px;
}

#page h1 
{
 color: #666666;
 margin-top: 3px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

#page #admin 
{
 border-top-color: silver;
 border-top-width: 1px;
 border-top-style: solid;
 margin-top: 10px;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
}

#page #admin a 
{
 color: #666666;
}

/*----------------------------
Archive
----------------------------*/
#archive 
{
 padding: 10px;
}

#archive h1 
{
 margin: 0;
 padding-bottom: 9px;
 color: #666666;
}

#archive h2 
{
 border-bottom-color: silver;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-bottom: 4px;
 font-size: 12px;
 margin-bottom: 10px;
}

#archive h2 img 
{
 margin-right: 3px;
}

#archive ul 
{
 list-style-type: square;
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 10px;
 padding: 10px;
}

#archive ul li 
{
 margin-right: 20px;
 color: #CCCCCC;
}

#archive a 
{
 color: #000000;
}

#archive table 
{
 width: 100%;
 border-collapse: collapse;
}

#archive table td, #archive table th 
{
 text-align: left;
}

#archive table td 
{
 text-align: left;
 border-bottom-color: #D8D8D8;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 0;
}

#archive table td.date 
{
 width: 90px;
}

#archive table td.rating 
{
 width: 90px;
}

#archive table td.comments 
{
 width: 90px;
}

#archive .date 
{
 width: 70px;
}

#archive .comments 
{
 /*width: 70px;*/

 text-align: center;
}

#archive .rating 
{
 /*width: 70px;*/

 text-align: center;
}

/*----------------------------
Tag cloud
----------------------------*/
#tagcloud 
{
 margin-bottom: 10px;
 white-space: normal;
}

#tagcloud li 
{
 display: inline;
}

#tagcloud a 
{
 margin-right: 3px;
 display: inline;
}

#tagcloud a.biggest 
{
 font-size: 20px;
}

#tagcloud a.big 
{
 font-size: 17px;
}

#tagcloud a.medium 
{
 font-size: 13px;
}

#tagcloud a.small 
{
 font-size: 12px;
}

#tagcloud a.smallest 
{
 font-size: 10px;
}

/*----------------------------
Star rater
----------------------------*/
.rating p 
{
 display: inline;
 position: relative;
 top: 14px;
 left: 55px;
}

.star-rating 
{
 position: relative;
 width: 125px;
 height: 25px;
 overflow: hidden;
 list-style: none;
 margin: 0;
 padding: 0;
 background-position: left top;
}

.star-rating li 
{
 display: inline;
}

.star-rating a, .star-rating .current-rating 
{
 position: absolute;
 top: 0;
 left: 0;
 text-indent: -1000em;
 height: 25px;
 line-height: 25px;
 outline-style: none;
 overflow: hidden;
 border-style: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus 
{
 background-position: left bottom;
}

.star-rating a.one-star 
{
 width: 20%;
 z-index: 6;
}

.star-rating a.two-stars 
{
 width: 40%;
 z-index: 5;
}

.star-rating a.three-stars 
{
 width: 60%;
 z-index: 4;
}

.star-rating a.four-stars 
{
 width: 80%;
 z-index: 3;
}

.star-rating a.five-stars 
{
 width: 100%;
 z-index: 2;
}

.star-rating .current-rating 
{
 z-index: 1;
 background-position: left center;
 margin: 0;
}

/*smaller star*/
.small-star 
{
 width: 50px;
 height: 10px;
}

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating 
{
 background-image: url(../../pics/star_small.gif);
 line-height: 10px;
 height: 10px;
}

/*----------------------------
Contact page
----------------------------*/
#contact 
{
 padding: 10px;
}

#contact h1 
{
 margin-top: 0;
 color: #666666;
}

#contact label 
{
 display: block;
 padding-top: 5px;
}

#contact input.field 
{
 width: 200px;
}

#contact textarea 
{
 display: block;
 overflow: auto;
 width: 75%;
 height: 150px;
 margin: 0;
}

.csharpcode, .csharpcode pre 
{
 font-size: small;
 color: black;
 font-family: Consolas, "Courier New", Courier, Monospace;
 background-color: #FFFFFF;/*white-space: pre;*/
}

/*code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre 
{
 font-size: small;
 color: black;
 font-family: Consolas, "Courier New", Courier, Monospace;
 background-color: #FFFFFF;/*white-space: pre;*/
}

.csharpcode pre 
{
 margin: 0em;
}

.csharpcode .rem 
{
 color: #008000;
}

.csharpcode .kwrd 
{
 color: #0000FF;
}

.csharpcode .str 
{
 color: #006080;
}

.csharpcode .op 
{
 color: #0000C0;
}

.csharpcode .preproc 
{
 color: #CC6633;
}

.csharpcode .asp 
{
 background-color: #FFFF00;
}

.csharpcode .html 
{
 color: #800000;
}

.csharpcode .attr 
{
 color: #FF0000;
}

.csharpcode .alt 
{
 background-color: #F4F4F4;
 width: 100%;
 margin: 0em;
}

.csharpcode .lnum 
{
 color: #606060;
}

/*----------------------------
Search page
----------------------------*/
.searchresult 
{
 margin-bottom: 20px;
}

.searchresult a 
{
 font-weight: bold;
}

.searchresult span.text 
{
 clear: both;
 display: block;
 margin-top: 3px;
 margin-right: 0;
 margin-bottom: 3px;
 margin-left: 0;
}

.searchresult span.type 
{
 display: block;
}

.searchresult span.url 
{
 color: gray;
}

.searchpage 
{
 padding-bottom: 20px;
}

.searchpage h1 
{
 color: #666666;
}

.searchpage ul.paging 
{
 list-style-type: none;
 margin: 0px;
 margin-bottom: 20px;
 padding: 0px;
}

.searchpage ul.paging li 
{
 display: inline;
 border-color: gray;
 border-width: 1px;
 border-style: solid;
 background-color: #F1F1F1;
 margin-right: 5px;
}

.searchpage ul.paging li a 
{
 padding-top: 5px;
 padding-right: 8px;
 padding-bottom: 5px;
 padding-left: 8px;
}

.searchpage ul.paging li.active 
{
 background-color: #F1F1F1;
 border-width: 1px;
 border-style: solid;
 border-color: black;
}

/*----------------------------
Syntax highlighter
----------------------------*/
.code 
{
 font-size: 12px;
 color: black;
 font-family: Consolas, "Courier New", Courier, Monospace;
 background-color: #F1F1F1;
 line-height: normal;
}

.code p 
{
 padding: 5px;
}

.code .rem 
{
 color: #008000;
}

.code .kwrd 
{
 color: #0000FF;
}

.code .str 
{
 color: #006080;
}

.code .op 
{
 color: #0000C0;
}

.code .preproc 
{
 color: #0000FF;
}

.code .asp 
{
 background-color: #FFFF00;
}

.code .html 
{
 color: #800000;
}

.code .attr 
{
 color: #FF0000;
}

.code .alt 
{
 background-color: #F4F4F4;
}

.code .lnum 
{
 color: #606060;
}

/*----------------------------
banner navigation
----------------------------*/
#bnav 
{
 padding-top: 128px;
 text-align: left;
 width: 100%;
}

#bnav ul {
    display:inline;
    
}

#bnav li {
    list-style:none;
	display: inline;
	margin: 0;
}

#bnav li.home a:hover, #bnav li.newProd a:hover,
#bnav li.webSpec a:hover, #bnav li.freeCat a:hover,
#bnav li.enews a:hover,#bnav li.headlines a:hover, #bnav li.rss a:hover{
	background-position: 0px -22px;
}

#bnav li.home a {
	background: url(images/bbm_home.png) no-repeat;
    width:49px;
    height:22px;
    float:left;
    text-decoration: none;
    
}

#bnav li.newProd a {
	background: url(images/bbm_newProd.png) no-repeat;
    width:109px;
    height: 22px;
    text-decoration: none;
    float: left;
 }

#bnav li.webSpec a {
	background: url(images/bbm_webSpec.png) no-repeat;
    width:104px;
	height: 22px;
    text-decoration: none;
    float: left;
}

#bnav li.freeCat a {
	background: url(images/bbm_freeCat.png) no-repeat;
    width:106px;
	height: 22px;
    text-decoration: none;
    float: left;
}
#bnav li.enews a {
	background: url(images/bbm_enews.png) no-repeat;
    width:64px;
	height: 22px;
    text-decoration: none;
    float: left;
}

#bnav li.headlines a {
	background: url(images/bbm_headlines.png) no-repeat;
    width:112px;
	height: 22px;
    text-decoration: none;
    float: left;
}

#bnav li.rss a {
	background: url(images/bbm_rss.png) no-repeat;
    width:56px;
	height: 22px;
    text-decoration: none;
    float: left;
}