/*
Theme Name: JNJBTW
Theme URI: http://www.jnjbtw.com
Version: 3.0
Author: Local Wisdom
*/

@import "reset.css";

body { 
	background-color:#f3f2f2; 
	font:normal 16px Arial, "Helvetica Neue", Helvetica, sans-serif; 
	margin:0; 
}

/*--Typography--*/
@font-face {
	font-family:'Akzidenz';
	src:url('../fonts/akzidenz.eot');
	src:url('../fonts/akzidenz.eot?#iefix') format('embedded-opentype'),
		url('../fonts/akzidenz.ttf') format('truetype'),
		url('../fonts/akzidenz.svg#akzidenz') format('svg');
	font-weight:normal;
	font-style:normal;
}
h1, h2 { 
	color:#1c93ab; 
	font:normal 35px/36px 'Akzidenz', Arial, "Helvetica Neue", Helvetica, sans-serif; 
	padding-bottom:25px; 
}
h3 { 
	font-size:18px; 
	font-weight:bold;
	padding-bottom:5px; 
}
h4, h5 { 
	font-family:Georgia, "Lucida Bright", "DejaVu Serif", Constantia, serif;
	font-size:16px; 
}
h4 {
	font-weight:bold; 
}
p { 
	padding:0 0 14px 0; 
}
a { 
	color:#1c93ab; 
	cursor:pointer; 
	text-decoration:none; 
}
a:hover { 
	color:#222 !important; 
}

/*--Main Divs--*/
#background { 
	background:url(../img/background-bg.png) repeat-y center 0; 
}
#container { 
	background:url(../img/container-bg.png) no-repeat center bottom; 
	padding:0 10px 50px;
	width:1000px;
	width:auto !important;
	min-width:1000px;
}
#main {
	border-top:20px solid #b31f24;
	margin:auto; 
	width:1000px; 
}
#content {
	float:left;
	padding:30px 40px 30px 50px;
	width:560px;
}
#sidebar {
	background:url(../img/sidebar-bg.png) no-repeat 0 0;
	float:right;
	height:1400px;
	height:auto !important;
	min-height:1400px;
	padding:30px 20px 30px 30px;
	width:300px;
}
/*--Top--*/
#top h1 {
	padding-bottom:0;
}
#logo { 
	height:44px; 
	width:235px; 
}
#search {
	padding:30px 0;
	height:50px;
}
#content .subscribe a {
	*background-color:#fff;
	background-image:url(../img/social.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:40px;
	width:32px;
}
#content .subscribe a.rss {
	background-position:0 center;
}
#content .subscribe a.email {
	background-position:-53px center;
	width:40px;
}

/*-- Search --*/
#searchform {
	border:1px solid #cecbcb;
	-website-border-radius:5px;
		-moz-border-radius:5px;
			 border-radius:5px;
	box-shadow:inset -2px -2px 10px #ebe9e8;
	float:right;
	height:40px;
	width:465px;
}
#searchform input {
	background:none;
	border:none;
	float:left;
}
#searchform #s {
	color:#636464;
	font-size:18px;
	padding:10px 10px 0;
	width:400px;
}
#searchform #searchsubmit {
	background:url(../img/searchsubmit.png) no-repeat center center;
	height:40px;
	width:45px;
}

/*--Sidebar--*/
#sidebar .section {
	padding-bottom:20px;
}
#sidebar h3 {
	text-transform:uppercase;
}
#sidebar .about p {
	line-height:26px;
	padding-bottom:2px;
}
#sidebar .social a {
	*background-color:#fff;
	background-image:url(../img/social.png);
	background-repeat:no-repeat;
	border-left:1px solid #e5e5e5;
	display:block;
	float:left;
	height:35px;
	width:45px;
}
#sidebar .social a.twitter {
	background-position:-114px center; 
	width:40px; 
}
#sidebar .social a.facebook { 
	background-position:-177px center; 
	width:35px; 
}
#sidebar .social a.youtube { 
	background-position:-226px center; 
	width:60px; 
}
#sidebar .social a.linkedin { 
	background-position:-295px center; 
}
#sidebar .social a.kilmer { 
	background-position:-355px center; 
}
#sidebar .social a.jnjcom { 
	background-position:-417px center; 
}

#sidebar .dropdown{
	background-color:#eeeded;
	-webkit-border-radius:5px;
		   -moz-border-radius:5px;
			border-radius:5px;
	box-shadow:inset 0 0 5px #e1e0e0;
	color:#555;
	height:50px;
	margin-bottom:10px;
	position:relative;
	padding:0 14px;
	width:265px;
}
#sidebar .dropdown span.title {
	background:url(../img/dropdown-arrow.png) no-repeat 250px center;
	cursor:pointer;
	display:block;
	font-size:1.05em;
	line-height:50px;
}
#sidebar .dropdown ul {
	background:#eee;
	display:none;
	left:0;
	line-height:normal;
	padding-bottom:10px;
	position:absolute;
	top:38px;
	width:293px;
	z-index:20;
}
#sidebar .dropdown ul li {
	width:100%;
}
#sidebar .dropdown li a {
	color:#4d4d4f;
	display:block;
	font-size:.95em;
	padding:5px 18px;
}
#sidebar .dropdown li a:hover {
	background-color:#1c93ab;
	color:#fff !important;
}
#sidebar .dropdown.tags {
	z-index:30;
}
#sidebar .dropdown.year {
	z-index:20;
}
#sidebar .dropdown.month {
	display:none;
	z-index:10;
}
#sidebar .blogroll li {
	border-top:1px solid #eae9e9;
	font-size:14px;
	line-height:14px;
	padding:8px 0;
}

/*-- Content --*/
#content div.content p, #content div.content li {
	font-family:Georgia, "Lucida Bright", "DejaVu Serif", Constantia, serif;
	line-height:26px;
}
#content div.content li {
	padding-bottom:2px;
}
#content div.content ul, #content div.content ol {
	margin-left:25px;
	padding-bottom:12px;
}
#content div.content ul li {
	list-style-type:disc;
}
#content div.content ol li {
	list-style-type:decimal;
}
#content p a {
	word-wrap: break-word;
	overflow: hidden;
}
#content div.content p.wp-caption-text {
	color:#828282;
	font-size:.85em;
	font-style:italic;
	line-height:1.2em;
}

/*-- Archives--*/
body.archive h1, body.search h1 {
	color:#777;
	font:normal 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/*-- Policies --*/
#privacy-menu {
	padding-bottom:20px;
}
#privacy-menu li {
	float:left;	
	font-size:12px;
}
#privacy-menu li.border {
	border-right:1px solid #c8c7c6;
	margin-right:10px;
	padding-right:10px;
}

/*-- Article --*/
#content div.article {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:40px;
	padding-bottom:40px;
}
#content div.article p.date {
	color:#828282;
	font:italic normal 14px Georgia, "Lucida Bright", "DejaVu Serif", Constantia, serif;
}
#content div.article div.content p.author {
	color:#828282;
	font:italic normal 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#content div.article a.read_more {
	background:url(../img/red-arrow.png) no-repeat right center;
	display:inline-block;
	*display:inline;
	font:bold 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	margin-top:20px;
	padding-right:10px;
	zoom:1;
}
#content div.article img {
	height:auto;
	max-width:560px;
}
#content div.article iframe {
	max-width:560px;
}
#content div.article div.bottom {
	padding-top:20px;
}
#content div.article p.comments, #content div.article p.tags {
	font-size:14px;
	font-weight:bold;
	width:260px;
}
#content div.article div.sharethis {
	float:right;
}

/*-- Comments --*/
#comments h2, #respond h3 {
	color:#565656;
	font:normal 24px/34px 'Akzidenz', Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding-bottom:30px; 
}
#respond .form-item {
	padding-bottom:25px;
}
#respond .form-item input, #respond .form-item textarea {
	border:1px solid #cecbcb;
	-website-border-radius:5px;
		-moz-border-radius:5px;
			 border-radius:5px;
	box-shadow:inset -2px -2px 10px #ebe9e8;
	color:#636464;
	font-size:18px;
}
#respond .form-item input {
	width:380px;
}
#respond .form-item textarea {
	width:550px;
}
#respond .form-item input {
	padding:12px 10px;
	width:360px;
}
#respond .form-item textarea {
	padding:10px;
	width:530px;
}
#respond #submit {
	background:#f3f3f3;
	background:-moz-linear-gradient(top,  #fafafb 0%, #d9dad9 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafb), color-stop(100%,#d9dad9)); 
	background:-webkit-linear-gradient(top,  #fafafb 0%,#d9dad9 100%);
	background:-o-linear-gradient(top,  #fafafb 0%,#d9dad9 100%); 
	background:-ms-linear-gradient(top,  #fafafb 0%,#d9dad9 100%);
	background:linear-gradient(to bottom,  #fafafb 0%,#d9dad9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafb', endColorstr='#d9dad9',GradientType=0 );
	border:1px solid #cecbcb;
	-website-border-radius:5px;
		-moz-border-radius:5px;
			 border-radius:5px;
	color:#6c6c6c;
	font:normal 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding:12px 35px;
}
#respond .form-item label.error {
	color:#900;
	display:block;
	padding-top:4px;
}
#respond p {
	color:#828282;
	font-size:14px;
	line-height:22px;
	padding-bottom:25px;
}
#discussion {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:40px;
}
#discussion li {
	padding:0 0 20px 30px;
}
#discussion h5 a {
	color:#000;
}
#discussion p.date a {
	color:#828282;
	font:italic normal 14px Georgia, "Lucida Bright", "DejaVu Serif", Constantia, serif;
}

/*-- Post Navigation --*/
#postnav {
	margin-top:20px;
	text-align:center;
}
#postnav li {
	background:none;
	display:inline-block;
	margin:0;
	padding:0;
	width:45%;
}
#postnav li.prev {
	float:left;
	padding-right:4%;
	text-align:left;
}
#postnav li.next {
	float:right;
	padding-left:4%;
	text-align:right;
}
#postnav li span {
	color:#565656;
	font-size:14px;
}

/*--Footer--*/
#footer { 
	background-color:#f3f2f2;
}
#footer .container { 
	margin:auto;
	padding:0 0 20px;
	width:990px;
}
#footer-menu {
	float:right;
}
#footer-menu li {
	float:left;
	font-size:14px;
	padding-left:15px;
}
#footer-menu li.border {
	border-right:1px solid #c8c7c6;
	padding-right:15px;
}
#footer p {
	font-size:12px;
	line-height:18px;
	width:740px;
}

/*--Utilities--*/
.alignleft { 
	float:left; 
	margin:8px 10px 10px 0;
}
.alignright { 
	float:right; 
	margin:8px 0 10px 10px;
}
.aligncenter {
	display:block;
	margin:auto;
	text-align:center;
}
.clear { 
	clear:both; 
	height:0; 
	font-size:1px; 
	line-height:0px; 
}
.clearfix:after, .clearright:after, .clearleft:after, .section:after { 
	display:block; 
	height:0; 
	clear:both; 
	content:"."; 
	visibility:hidden; 
}
.clearright:after {
	clear:right;
}
.clearleft:after {
	clear:left;
}
::-moz-selection { 
	background:#222; 
	color:#eee; 
}
::selection { 
	background:#222; 
	color:#eee; 
}

/*--Mobile--*/
@media screen and (max-width:480px) {

}

/*--Retina Display--*/
@media screen and (-webkit-min-device-pixel-ratio:2) {
}