/*
Theme Name: JNJ BTW v2
Theme URI: http://jnjbtw.com/
Description: JNJ BTW Redesign Theme
Version: 1.0
Author: Local Wisdom
Author URI: http://localwisdom.com/

	COLORS:
	Gray: #555555
	Light Gray: #aeaeae
	Red: #e32637
	Light Red: #f82616
	Light Blue: #30caf0

*/

/*GLOBAL RESET */
*, html, body, div, dl, dt, dd, h1, h2, h3, h4, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
a img { border:none }

html, body { min-height: 100%; }

/* TYPOGRAPHY */
body { color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p { margin:0 0 10px 0; padding:0; font-size:12px; }
h1 { font:bold 24px Arial, Helvetica, sans-serif; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; }
h3 { font:bold 16px Arial, Helvetica, sans-serif; }
h4 { font:bold 14px Arial, Helvetica, sans-serif; }
h5 { color:#e32637; font:bold 16px Arial, Helvetica, sans-serif; margin:20px 0; text-transform:uppercase; }

a { color:#e32637; text-decoration:none; }
a:hover { color:#e32637; text-decoration:underline; }
a:focus { outline:none; }

blockquote { padding-left:15px; font-style:italic; }

.pages h2 {margin-top:20px;}

/* LAYOUT */
body { background:#f9f9f7 url(images/bg/bg-gradient.jpg) repeat-y center; }

#main { background:#fff url(images/bg/bg-main.jpg) repeat-y; height:100%; margin:auto; text-align:left; width:1000px; }
#column-left { background:url(images/bg/bg-column-left.jpg) repeat-y right; float:left; height:100%; text-align:left; width:730px; }
#column-right { float:right; height:100%; text-align:left; width:270px; }
				
#border-header { background:url(images/bg/border-header.gif) no-repeat; height:31px; margin-left:-4px; position:absolute; top:180px; width:738px; }
#border-sidebar { background:url(images/bg/border-sidebar.gif) no-repeat; height:31px; position:absolute; top:208px; width:274px; }
		
* html #main { height:100%; }

/* HEADER */
#header { background:url(images/bg/bg-header.jpg) no-repeat top right; height:210px; position:relative; }

#btw-home { cursor:pointer; display:block; height:115px; left:30px; position:absolute; top:0; width:255px; }
#btw-home span { display:none; }

#navigation { left:30px; position:absolute; text-align:center; top:142px; width:255px; }
#navigation a { color:#32555e; font-size:11px; }
#navigation a:hover { color:#e32637; }
#navigation ul { list-style:none; }
#navigation li { display:inline; padding:0 10px; }

#sidebar-header { background:url(images/bg/bg-sidebar-header.jpg) no-repeat; height:240px; position:relative; }

/* FOOTER */
#footer { background:url(images/bg/bg-footer-gradient.jpg) no-repeat top left; float:left; min-height:100px; position:relative; }
#footer .text { margin:15px 300px 15px 15px; }
#footer p { font-size:11px; }

/* SIDEBAR */
#sidebar { padding:10px 15px; }
#sidebar ul, #sidebar li { list-style:none }

#column-right h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#555555; margin-bottom:10px; text-transform:none; }

/*#random-image { margin:auto; margin-bottom:20px; padding-right:10px; width:185px; }
#random-image-top { background:url(images/bg/bg-random-image-top.png) no-repeat; width:185px; height:23px; }
#random-image-middle { background:url(images/bg/bg-random-image-middle.png) repeat-y; width:185px; text-align:center; }
#random-image-middle img { width:123px; margin:auto; }
#random-image-bottom { background:url(images/bg/bg-random-image-bottom.png) no-repeat top; width:175px; height:10px; padding:35px 10px 0 0; }*/

#tagcloud { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#e32637; margin-bottom:30px; }

.social-icons { width:246px; margin-bottom:20px; }

.icon a { display:block; height:38px; width:38px; }
.icon  { float:left; height:38px; margin:0 10px 10px 0; width:38px; }
#rss .icon { background:url(images/icons/rss-icon.png) no-repeat; }
#twitter .icon { background:url(images/icons/twitter-icon.png) no-repeat; }
#youtube .icon { background:url(images/icons/youtube-icon.png) no-repeat; }
#kilmer .icon { background:url(images/icons/kilmer-icon.png) no-repeat; }
#facebook .icon { background:url(images/icons/facebook-icon.png) no-repeat; margin-top:3px; }
#jnjcom .icon { background:url(images/icons/jnjcom-icon.png) no-repeat; }

.text { float:left; padding-top:7px; line-height:20px; }
.text h2 { font-size:20px; }
.text a { color:#555; }
#rss .text a { color:#e32637; font-weight:bold; }
#facebook .text { padding-top:0; }
#facebook h2 {margin-bottom:3px; }
#facebook a { color:#e32637; font-weight:bold; }

#twitter a { color: #30caf0; }
#twitter_update_list { margin:5px; }
.twitter-time { color:#aeaeae; font:italic normal 12px "Times New Roman", Times, serif; }

#youtube .player { width:240px; margin-bottom:30px; }

#wp-poll { margin:20px 0; }

ul.blogroll li {list-style-type:none; margin-bottom:10px; padding:0;}

#archive { margin-top:20px; }
#archive ul li { margin-bottom:10px; padding:0; }

/* CABINET */
#jnj-cabinet ul {list-style:none; }
#jnj-cabinet span { display:none }

#link-bandaid { cursor:pointer; display:block; height:46px; left:125px; position:absolute; top:119px; width:32px; }

/* ENTRY */
.post { background:url(images/bg/bg-post-gradient.jpg) no-repeat bottom; margin-bottom:10px; overflow:hidden; padding:20px 0 10px 30px; }
.post h2 { margin-bottom:20px; }
.post img { background-color:#ffffff; border:1px solid #e9e9e5; padding:5px; }

.date { color:#aeaeae; }

.avatar { float:left; padding-bottom:7px; }
.avatar img { border:0; padding:0; }
.author { float:left; margin-left:5px; max-width:600px; min-height:30px; padding-top:12px; }

.comments-container { color:#f82616; float:right; font-size:10px; height:50px; text-align:center; width:55px; }
.comments-container a { color:#f82616; }
.comments { background:url(images/bg/bg-comments.gif) repeat-x top; padding:2px; text-align:center; }
.comments a { color:#fff; text-decoration:none; }
.comments-number { color:#fff; font-size:30px; }
.comments-text { color:#000; font-size:10px; }

.comments-bottom { float:left; padding:20px 50px 0 0; }

.content { font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; padding-right:30px; }
.content span[style]{ font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; }
.content p[style]{ font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:18px; margin:0 0 10px 0; padding:0; }

.content ul { list-style:square; margin:0 0 10px 10px; }
.content li { margin:0 0 3px 15px; }
.content ol { margin:0 0 10px 10px; }

/* PAGES */
.page { background:url(images/bg/bg-post-gradient.jpg) no-repeat bottom; margin-bottom:5px; overflow:hidden; padding:10px 30px; }
#page-nav ul { list-style:none; }
#page-nav li { display:inline; padding-right:20px; }

/* ENTRY - SOCIAL MEDIA */
.social-media { margin:20px; text-align:right; }
.social-media a { color:#555555; font-size:10px; margin-right:20px; }
.social-media a:hover { color:#e32637; text-decoration:none; }

#bookmarks { list-style:none; }
#bookmarks li { display:inline-block; height:18px; padding-left:20px; }

* html #bookmarks li { display:inline; }  /* for IE 6 */
* + html #bookmarks li { display:inline; }  /* for IE 7 */

#bookmarks .delicious { background:url(images/icons/delicious.gif) no-repeat top left; }
#bookmarks .digg { background:url(images/icons/digg.gif) no-repeat top left; }
#bookmarks .facebook { background:url(images/icons/facebook.gif) no-repeat top left; }
#bookmarks .twitter { background:url(images/icons/twitter.gif) no-repeat top left; }
#bookmarks .buzz { background:url(images/icons/buzz.gif) no-repeat top left; }

/* ENTRY - ALIGN */
.alignright { float: right; margin:0 0 7px 7px; }
.alignleft { float: left; margin:0 7px 7px 0; }
.aligncenter { margin:7px; text-align:center; }

/* COMMENTS */
#comments { padding:10px 40px; margin-bottom:10px; }
#comments label { font-size:10px; }
#comments .policy { font-size:11px; }
.comment-link { color:#aeaeae; font-size:11px; }
.comment-individual { background:url(images/other/comment-divider.jpg) no-repeat bottom; padding:20px; }

#respond { margin:20px 0 10px 0; }

/* PAGE NAVIGATION */
.post-nav { margin:40px 20px; text-align:center; }
.post-nav-left { float:left; width:270px; text-align:left; }
.post-nav-right {float:right; width:270px; text-align:right; }

.index-nav { text-align:center; margin:20px; }
.index-nav li { background:url(images/bg-bookmarks.gif) repeat-x; display:inline; margin:0 10px 0 0; list-style:none; }

/* ARCHIVE */
#archive-heading { padding:30px 0 0 30px; }
#archive-heading h2 { color:#555555; font-family:"Trebuchet MS" Arial, Helvetica, sans-serif; text-transform:none; }

ul.car-list { list-style-type:none; margin-top:10px; }
ul.car-list li { list-style-type:none; margin:0 0 5px 0; }
ul.car-monthlisting li { margin:0 0 3px 15px; }
.car-yearmonth { cursor:pointer; }
ul.car-monthlisting { display:none; }
span.car-yearmonth:hover { color:#e32637; }

/* FORMS */
#search { margin:10px 0; position:relative; }
#search .form { background:url(images/bg/bg-search-form.gif) repeat-x top; border:1px solid #aeaeae; color:#555555; font-family:"Trebuchet MS" Arial, Helvetica, sans-serif; margin:0; padding:4px 2px; position:relative; top:1px; width:200px; }
#search .button { background:url(images/bg/bg-button.gif) repeat-x top; border:none; color:#ffffff; font-size:11px; font-weight:bold; margin:0; position:relative; padding:6px 1px 7px 1px; top:0; width:25px; }

#comments .form { border:1px solid #aeaeae; color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#comments .commentbox { width:95%; }
#comments .button { background:url(images/bg/bg-button.gif) repeat-x top; border:none; color:#ffffff; font-size:11px; font-weight:bold; margin-top:5px; padding:6px 1px 7px 1px; }

/* UTILITIES */
.clear {clear:both; display:block; height:1px; margin:-1px 0 0 0;}
.floatleft {float:left}
.floatright {float:right}