body{
	background-repeat:repeat-x; 
	background-image:url('/static/images/bg.png'); 
	color: #6f6f6f;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	background-color:white;
	font-size:13px;
}
h1 { font-size: xx-large; font-family: Helvetica, Verdana, Arial, sans-serif; text-shadow: 0px 1px 1px white; color: #003230; font-weight:bold;}
h2 { text-shadow: 0px 1px 0px white; font-family: Helvetica, Verdana, Arial, sans-serif; color: #052d35; font-size: large; }
h3 { text-shadow: 0px 1px 0px white; color: #052d35; font-size: 16px; }
a{color: #7f7f7f;}
a:focus{outline:none;}
#preload{display:none;}

p{ margin:0 0 1.0em; }
.content{min-height:300px;}
.hidden{display:none;}
.page-caption a{ color: #003230;}
.h300{
	min-height: 300px;
}
.b20{
	margin-bottom: 20px;
}
.whitelist{
    -moz-border-radius: 4px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
    -webkit-border-radius: 4px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
    border-radius: 4px 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.296875);
    background-color:white;
    padding:20px;
/*    min-height: 300px;*/
}
.graylist-head{
	background-color: #EFEFEF;
	-moz-border-radius: 4px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
	-webkit-border-radius: 4px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
	border-radius: 4px 4px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.296875);
}
.bggray{
	background-color: #EFEFEF;
}

.sidebar{
/*	min-height: 300px;*/
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-radius: 4px 4px;
	background-color: #f8f8f8;
}
.hdottedline{
	height: 1px;
	border-top: 1px dotted gray;
	margin-bottom: -1px;
}
.sidebar .hdottedline{
	margin-left: 10px;
	margin-right: 10px;
	border-top-color: #dedede;
}

#menu {
	float:left;
	height:80px;
	margin-left:30px;
}
#menu ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#menu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	float:left;
/*	background:url("/static/images/menu/item-active-left.png") no-repeat left top;*/
	margin:0;
	padding:0 0 5px 15px;
	text-decoration:none;
	height:50px;
	outline:#00FF00 dotted 0px;
}
#menu a span {
	float:left;
	display:block;
/*	background:url("/static/images/menu/item-active-right.png") no-repeat right top;*/
	padding:5px 10px 0px 0px;
	color:#666;
	height:50px;
}
#menu a.active {
	background:url("/static/images/menu/item-active-left.png") no-repeat left top;
}
#menu a.active span {
	background:url("/static/images/menu/item-active-right.png") no-repeat right top;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFF;}
#menu a:hover {background-position:0% 0px;}
#menu a:hover span {background-position:100% 0px;}

/*<li><a id="menu_homepage"{% block active_homepage %}{% endblock %} href="/" title="Snippets Homepage"><span><div>&nbsp;</div></span></a></li>*/
#menu ul li a span div{text-indent:-9009px;}

#menu a div {height:40px;border:0px solid red;}
#menu a#menu_homepage div {width:75px;background:url("/static/images/menu/labels.png") no-repeat -20px -8px;}
#menu a#menu_homepage:hover div {width:75px;background:url("/static/images/menu/labels.png") no-repeat -20px -58px;}
#menu a.active#menu_homepage div {width:75px;background:url("/static/images/menu/labels.png") no-repeat -20px -108px;}

#menu a#menu_blog div {width:64px;background:url("/static/images/menu/labels.png") no-repeat -121px -8px;}
#menu a#menu_blog:hover div {width:64px;background:url("/static/images/menu/labels.png") no-repeat -121px -58px;}
#menu a.active#menu_blog div {width:64px;background:url("/static/images/menu/labels.png") no-repeat -121px -108px;}

#menu a#menu_releasenotes div {width:135px;background:url("/static/images/menu/labels.png") no-repeat -190px -8px;}
#menu a#menu_releasenotes:hover div {width:135px;background:url("/static/images/menu/labels.png") no-repeat -190px -58px;}
#menu a.active#menu_releasenotes div {width:135px;background:url("/static/images/menu/labels.png") no-repeat -190px -108px;}

#menu a#menu_buy div {width:60px;background:url("/static/images/menu/labels.png") no-repeat -320px -8px;}
#menu a#menu_buy:hover div {width:60px;background:url("/static/images/menu/labels.png") no-repeat -320px -58px;}
#menu a.active#menu_buy div {width:60px;background:url("/static/images/menu/labels.png") no-repeat -320px -108px;}

#menu a#menu_support div {width:88px;background:url("/static/images/menu/labels.png") no-repeat -409px -8px;}
#menu a#menu_support:hover div {width:88px;background:url("/static/images/menu/labels.png") no-repeat -409px -58px;}
#menu a.active#menu_support div {width:88px;background:url("/static/images/menu/labels.png") no-repeat -409px -108px;}

#menu a#menu_extras div {width:75px;background:url("/static/images/menu/labels.png") no-repeat -515px -8px;}
#menu a#menu_extras:hover div {width:75px;background:url("/static/images/menu/labels.png") no-repeat -515px -58px;}
#menu a.active#menu_extras div {width:75px;background:url("/static/images/menu/labels.png") no-repeat -515px -108px;}

.content-container{min-height:400px;}

/*INDEX PAGE*/
#features-tape{
	background: url('/static/images/features-tape.png') no-repeat top right;
	width:181px;
	height:168px;
	position:absolute;
	top:0px;
	right:0px;
}
#features-tape a{
    display:block;
	width:181px;
	height:168px;
}
#promo-header{padding-top:2	0px;}
#promo-header .logo{
	text-align:center;
/*	background: url(/static/images/macbook-420.png) no-repeat scroll -25px 10px;*/
	height:240px;
	border:0px solid red;
	width:370px;
	margin-right:-50px;
}
#promo-header .logo img{margin-top:10px;}
#promo-header .slogan{
    text-align:center;
    text-indent:-9000px;
    margin-left:30px;
    margin-right:-30px;
    background: transparent url("/static/images/captions.png") no-repeat scroll 25px 0px;
    height:160px;
    width:345px;
}
    .get-app{
        margin:95px 0px 0px 37px;
        padding:10px 0px 0px 0px;
        text-indent: 0px;
    }
    .get-app p{font-size:11px;}
    .get-app > div{
        text-align:center;
        float:left;
    }
    .get-app a{
        text-indent:-9000px;
        background-repeat:no-repeat;
        height:40px;
        display:block;
    }
        .download-container{
            margin-right:10px;
			background-repeat:no-repeat;
        }
        .download-container a{
        }
        
		.download-container.download{
            width:114px;
        }
        .download-container.download a{
            background-image:url("/static/images/buttons/download.png");
            width:114px;
        }
        .download-container.try-now-free{
            width:134px;
        }
		.download-container.try-now-free a{
            background-image:url("/static/images/buttons/TryNowFree.png");
            width:134px;
		}
        
        .download-container.download-free{
            width:174px;
        }
        .download-container.download-free a{
            background-image:url("/static/images/buttons/DownloadNowFreeWide.png");
            width:174px;
		}
		
        
        .download-container .trial-info{
            color:#777;
        }
        .download-container .release-version{
            color:#777;
        }
        .download-container .release-size{
            color:#aaa;
        }
        
        .buy-container{

        }
        .buy-container a{
        	
        }
        .buy-container p{
        	margin-left: -10px;
        	margin-right: -10px;
        }
        
        .buy-container .note-1{
            color:#aaa;
        }
        .buy-container .note-2{
            color:#777;
        }
        .buy-container.bl-v1{
            width:114px;
        }
        .buy-container.bl-v1 a{
            background-image:url("/static/images/buttons/buy.png");
            width:114px;
        }

.about-box{
	background-image: url('/static/images/quotes-background.png'); 
	background-repeat: repeat-x; 
	margin-top: 30px;padding-top:24px;
	font-size:12px;
}
.about-box h2{margin:0px 0px 6px 0px;font-size:15px;font-weight:bold;color:#116461;}
.about-box .col1{padding-top:30px;color: #9f9f9f;font-size:11px;line-height:14px;background: url("/static/images/quote.png") no-repeat scroll 30px 17px;text-indent: 20px;}
.about-box .col1 .source{text-align:right;margin-right:20px;margin-top:10px;}
.about-box .col1 .source a{font-size:13px;font-weight:bold;color:#116461;text-decoration:none;}

.features-box, .quotes-box, .social-box{margin-top:40px;background: #FFF url('/static/images/features-background.png') repeat-x scroll top left;}

.features-box .icons{margin-top:25px;text-align:left;}
.features-box .icons img{margin-left:0px;margin-right:0px;}
.features-box h3{margin:10px 0px 0px 0px;}
.features-box p{}



.screenshots{
    background: transparent url('/static/images/screenshots/Snippets-Panel.png') no-repeat scroll 30px 0px;
    width:700px;
    height:120px;
    margin-top:40px;
}
.screenshots ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
.screenshots ul li{
    display:inline;
    margin-right:11px;
}

.quotes-box, .social-box{margin-top:30px;}

.quotes-box{padding-top:18px;}
.quotes-box .twitter-mention .avatar{vertical-align:top;padding:7px 8px 0px 0px;}
.quotes-box .twitter-mention .avatar img{width:48px; height:48px;}
.quotes-box .twitter-mention .author a{color:#116461;font-size:13px;}
.quotes-box .twitter-mention .author{margin-top:4px;background: transparent url('/static/images/social/twitter-16.png') no-repeat scroll 0px 7px;padding-left:20px;}
.quotes-box .twitter-mention .tweet{margin:0px;padding:0px;}

.social-box{text-align:center;}
.social-box .links{margin:20px 0px 0px 0px;}
.social-box span{color:gray;font-size:11px;}


.footer-container{
	margin-top:10px;
	padding-top:18px;
	padding-bottom:20px;
	background: none;
}
.mainpage .footer-container{
	margin-top:50px;
	background: url('/static/images/botgrad.png') repeat-x scroll 0px 0px;
}

.footer{
	text-align:center;
	color:#aaa;
	font-size:11px;
}
.footer ul{display:inline;margin: 0px;}
.footer ul li{display:inline;padding:0px 14px 0px 11px;border-right:1px solid #E3E7E7;}
.footer ul li.first{padding-left:0px;}
.footer ul li.last{border-right:0px;padding-right:0px;}
.footer ul li a{text-decoration:none;border-bottom:1px dotted #7f7f7f;}
.footer .copyright{margin-top:10px;}
.footer .copyright a{text-decoration:none;color:inherit;}
.footer .links{text-align:left;}
.footer .badges > div{margin-left:15px;margin-top:-10px;}

.extras-container{text-align:left;}
	#snippet_link_generator_form th{padding-top:15px;padding-bottom:0px;}
	#snippet_link_generator_form th label{font-size:12px;text-transform: uppercase;}
	#snippet_link_generator_form td {border:0px solid red;padding:0px;margin:0px;}
	#snippet_link_generator_form td input{padding:0px;margin:0px;}
	#snippet_link_generator_form td textarea{padding:0px;margin:0px;}
	#snippet_link_generator_form #snippet_name{width:600px;padding:5px;margin:3px;font-size:14px;}
	#snippet_link_generator_form #snippet_notes{width:600px;height:70px;padding:5px;margin:3px;font-size:14px;}
	#snippet_link_generator_form #snippet_code{width:600px;height:200px;font-size:12px;padding:5px;margin:3px;font-family: monospace;}
	#snippet_link_generator_form #snippet_link{width:300px;height:80px;font-size:12px;font-family: monospace;}
		#snippet_link_generator_form .generate_link{font-size:16px;}
		#snippet_link_preview a{font-size:15px;color:blue;}

#feedback-form th{padding-top:15px;padding-bottom:0px;}
#feedback-form th label{font-size:12px;text-transform: uppercase;}
#feedback-form td {padding:0px;margin:0px;}
#feedback-form td input{padding:5px;margin:3px;font-size:14px;width:400px;}
#feedback-form td textarea{padding:5px;margin:3px;font-size:14px;width:600px;}
#feedback-form .submit{padding:5px;margin:3px;font-size:14px;width:200px;}

/* BLOG */
.blog .post-content{
	color: #333;
}
.blog .meta{
	color: #999;
	margin-bottom: 15px;
}

.post-entry{}
.post-entry h1{margin:0px 0px 5px 0px;padding:0px;}
.post-entry .meta{color:#999;margin-bottom:15px;}
.post-entry p img{margin:0px;padding:0px;border:0px solid #B2BDC0;}
.post-entry pre{margin:0px 0px 10px 0px;padding:5px;border:1px dotted #B2BDC0;font-size:13px;font-family: monospace;}
.post-entry .inlinecode{margin:0px;padding:0px;font-size:12px;font-family: monospace;}
.post-entry .heading{font-size:16px;font-weight:bold;color:#333;padding-bottom:10px;}

.post-entry-list{padding-bottom:20px;}
.post-entry-list h2{margin:0px 0px -5px 0px;padding:0px;}
.post-entry-list h2 a{ font-size: 24px; text-shadow: 0px 1px 0px #f7f7f7; color: #116461;text-decoration:none;}
.post-entry-list .meta{margin-bottom:10px;}

.post-entry-list .post-entry{
	margin-bottom: 40px;
}


.sidebar a.twitter{
	display: block;
	background: url(http://127.0.0.1:8000/static/images/social/twitter.png)no-repeat 0px 0px;
	margin: 10px;
	font-size: 15px;
	padding: 1px 0px 1px 30px;
	color:#116461;
}
.sidebar a.rssblog{
	display: block;
	background: url(http://127.0.0.1:8000/static/images/social/feed.png)no-repeat 0px 0px;
	margin: 10px;
	font-size: 15px;
	padding: 1px 0px 1px 30px;
	color:#116461;
}
.sidebar .related-entries{
	margin: 0px;
	padding: 10px;
}
.sidebar .related-entries li{
	margin-left: 20px;
/*	padding: 0px;*/
}

/* BLOG */


.faq-questions h3.question{margin:0px;}
.support-container h1{margin:0px 0px 10px 0px;}



.large-info{font-size:18px;}


/* download page */
.download-steps{
    margin-left:-30px;
    padding-left:30px;
    margin-right:-30px;
    padding-right:30px;
}

.download-steps h2{font-size:20px;}
.download-steps div h4{text-align:center;font-size:30px;margin:0px;}
.download-steps div div img{margin-left:-20px;width:260px;}
.download-steps .step-1 img{margin-top:-4px;}
.download-steps .step-2 img{margin-top:0px;width:255px;}
.download-steps .step-3 img{width:210px;margin:11px 0px 10px 0px;}
/* download page */


/* RELEASE NOTES */
.release-notes{}
.release-list{}
.release-list>li{margin-bottom:30px;}
.release-notes-list{list-style:none;padding:0px;margin:0px;}
.release-notes-list li{margin-top:-6px; padding:0;}
.release-notes-list li table{margin:0; padding:0; border:0;border-spacing:0;}
.release-notes-list li table .labels-container{width:100px;text-align:right;padding-right:5px;vertical-align:top;}
.release-notes-list .label{
	text-transform:uppercase;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    font-size:11px;
    background-color:green;
    color:white;
/*    font-weight:bold;*/
    padding:2px 6px 2px 6px;
    text-shadow: 0px 0px 6px white;
}
.release-notes-list .label.green{background-color:green;}
.release-notes-list .label.red{background-color:#940000;}
.release-notes-list .label.blue{background-color:#00376D;}
.release-notes-list .label.yellow{background-color:#EEDE1F;color:black;}
/* RELEASE NOTES */

/*SLIDER*/
/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		overflow:hidden; 
	}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
	}	
	#nextBtn, #slider1next{ 
/*      left:696px;*/
	}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	
    
	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
/*SLIDER*/
.sale{color:red;font-weight:bold;}