/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* JN Top Bar */

#blog{
	float:left;
	margin:11px 0 0 0;
	*margin:5px 0 0 0;
	opacity:1;
	position:relative;
	width:380px;
	height:19px;
	overflow:hidden;
	overflow-y: hidden;
}

.latest_blog{
	font-family: DinHeavy, Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
}

.blog a:active, .blog a:visited, .blog a:link {
	font-family: DinRegular, Arial, Verdana, Helvetica, sans-serif;
	color:#BABABA;
	text-decoration:none;
	font-size:18px;
}

.blog a:hover { 
	font-family: DinRegular, Arial, Verdana, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
}

#doc{
	width:100%;
	position:relative;
	text-align:center;
	z-index:16;
}

#top-stuff{
	position:fixed;
	top:0;
	left:0;
	z-index:12;
	width:100%;
}

#top-bar-outer{
	width:100%;
	height:40px;
	display:block;
	text-align:center;
	position:relative;
}

#top-bar-bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#111;
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#111));
	background:-moz-linear-gradient(top,#333,#111);
	background:transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
}

#top-bar{
	margin:0 auto;
	_width:1000px;
	min-width:1000px;
	max-width:1120px;
	text-align:left;
}

#top-bar .top-bar-inside{
	_width:920px;
	min-width:920px;
	max-width:1040px;
	margin:0 30px;
	position:relative;
}

#top-bar ul{
	float:left;
	list-style-type:none;
	margin:0;
}

#top-bar ul li{
	margin:0;
	padding:0;
	float:left;
}

#top-bar ul li a{
	color:#bababa;
	padding:10px 10px;
	display:block;
	font-weight:normal;
}

@media screen and(-webkit-min-device-pixel-ratio:0){
	
#top-bar ul li a{
	padding:10px 10px 11px 10px;
}

}

#top-bar ul li a:hover{
	text-decoration:none;
}

#logo{
	float:left;
}

#logo a{
	text-indent:-9999px;
	background:transparent url(http://www.jasonnessa.com/newv3/images/jn_logo_right.png) no-repeat 20px 9px;
	display:block;
	color:#fff;
	height:32px;
	width:280px;
	margin-right:5px;
	outline:none;
}

#top-bar .active-links{
	width:150px;
	position:absolute;
	right:0;
	top:0;
	_padding-top:2px;
}

#top-bar .static-links{
	float:left;
}

#global-nav{
	float:left;
	margin-left:65px;
	font-size:22px;
	margin-top: -4px;
}

#global-nav li a{
	margin-right:1px;
	text-decoration: none;
}

#sign-in li span{
	color:#BABABA;
	display:block;
	padding:10px 0;
}

#global-nav li a:hover,#sign-in li a:hover{
	color:#fff;
	background-color:#111;
	background:rgba(0,0,0,0.7);
	background-image:url(http://www.jasonnessa.com/newv3/images/light.png);
	height:24px;
	background-repeat:no-repeat;
	background-position:center bottom;
	text-decoration: none;
}

#global-nav li:first-child a,#sign-in li:first-child a{
	border-left:none;
}

#global-nav li:last-child a,#sign-in li:last-child a{
	border-right:none;
}

#global-nav .active a,#sign-in .active a{
	color:#fff;
	background-color:#111;
	background:rgba(0,0,0,0.7);
	font-weight:bold;
}

#global-nav .new a{
	background-image:url(http://www.jasonnessa.com/newv3/images/light.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#banners{
	width:auto;
}

#session{
	float:right;
	padding:6px 18px 10px 15px;
	vertical-align:top;
	cursor:pointer;
}

@media screen and(-webkit-min-device-pixel-ratio:0){
#session{
	padding:10px 18px 11px 15px;
}
}

#top-bar .vr{
	border-left:1px solid #040404;
	border-right:1px solid #2F2F2F;
	height:26px;
	display:block;
	float:right;
	margin:6px 3px 1px 3px;
}

#global-nav a.topbar-links{
	background:url(http://s.twimg.com/a/1288981003/phoenix/img/down-arrow.png) no-repeat right center;
	padding-right:16px;
	color:white;
	cursor:pointer;
}

#global-nav a.topbar-links:hover,#global-nav a:hover{
	text-decoration:none!important;
}

#session img{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-top:-4px;
	margin-right:6px;
	border:none;
	cursor:pointer;
}

/* CSS3 Styled Buttons */
            
.addthis_share_btn a, .addthis_share_btn a:visited {
    background: #222 url(http://www.jasonnessa.com/newv3/images/btn-overlay.png) repeat-x;
    display: inline-block; 
    padding: 6px 12px; 
    font-family: DinRegular, arial,helvetica,lucida,verdana,sans-serif;
    font-size: 15px;
    line-height: 1em;
    color: #000;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;  
    border-radius: 5px;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}

.addthis_share_btn a:hover {
	background-color: #111;
	color: #000;
}

.addthis_share_btn a:active {
	top: 1px;
}

.addthis_share_btn a span, .addthis_share_btn:visited a span {
    background: url(http://www.jasonnessa.com/newv3/images/icon-addthis.gif) no-repeat left;
    padding: 1px 0 1px 18px;
}

.addthis_share_btn.at_yellow a, .addthis_share_btn.at_yellow a:visited {
	background-color: #ffb515;
}

.addthis_share_btn.at_yellow a:hover {
	background-color: #fc9200;
}

.at_pill.addthis_share_btn a {
	border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
}

.addthis_container {
	margin-bottom: 20px;
}

/* Footer */

.footer-bar {
	width: 100%;
	height: 55px;
	background-color: #111;
	overflow: hidden;
	margin:0px auto;
}

.footer-box {
	margin: 0px auto;
	width: 900px;
	position:relative;
}

.footer-content {
	color: #999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 8px;
}

a.footer-content:active, a.footer-content:visited, a.footer-content:link { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #f4c500;
	font-size: 11px;
	text-decoration: none;
}

a.footer-content:hover { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

.footer-left {
	margin-left: 20px;
	width: 220px;
	float: left;
}

.footer-right {
	margin-right: 20px;
	width: 600px;
	float: right;
}

.footer-right #bar {
	border-bottom: 1px solid #333;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 460px;
}

#logo-footer{
	float:left;
	margin-top: 2px;
}

#logo-footer a{
	text-indent:-9999px;
	background:transparent url(http://www.jasonnessa.com/newv3/images/jn_logo_footer.png) no-repeat 20px 9px;
	display:block;
	color:#fff;
	height:40px;
	width:220px;
	margin-right:5px;
}