/*
Theme Name: juke-and-joy
Description: two-column, fixed-width, widget-ready
Version: 1.0
Author: Karin Decker
Author URI: http://www.karindecker.com
*/



/************************************************/
/*** Typography : Start *************************/
/************************************************/

html, body, input, button, select, option, textarea { font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

div#sitename p { font-size: 14px; font-family: Georgia, 'Times New Roman', serif; }
div#rss p { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

div.pagetitle h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; font-weight: normal; text-transform: uppercase;}

div.post div.title h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; font-weight: normal; text-transform: uppercase;}
div.post div.title h2 a, div.post div.title h2 a:visited { font-family: Arial, Helvetica, sans-serif; line-height: 30px; font-weight: normal; text-transform: uppercase;}
div.post div.title p { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 18px; text-transform: uppercase; }

div.post div.entry a { font-weight: bold; }
div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }

div#comments h2, div#postcomment h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; font-weight: normal; }

ol.commentlist li.commentlist cite { font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: 18px; }
ol.commentlist li.commentlist cite span.author { font-weight: bold; }

small.commentmetadata { font-size: 12px; }
small.commentmetadata cite { font-size: 13px; font-weight: bold; font-style: normal; }

h2#replycomment { font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; }
h2#replycomment a:hover { text-decoration: none; }

form#commentform p small { font-size: 12px; }
form#commentform p.button { text-align: right; }

div.box { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
div.box h2 { display: none; }
div.box div.interior ul li a:hover { text-decoration: none; }

div#box-rss { font-size: 10px; text-transform: uppercase; }
div#box-search p input { font-size: 10px; text-transform: uppercase;  }

div#footer { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 16px; }

/************************************************/
/*** Typography : End ***************************/
/************************************************/
	
/************************************************/
/*** Required For Themes : Start ****************/
/************************************************/
 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; background-color: #f3f3f3; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/************************************************/
/*** Required For Themes : End ******************/
/************************************************/

/************************************************/
/*** Layout : Start *****************************/
/************************************************/

html, body, div { margin: 0; padding: 0; }
form { display: block; margin: 0; padding: 0; }
.clearer { clear: both; }
.hidden { visibility: hidden; }
.nodisplay { display: none; }

div#container { margin: 0 auto; padding: 28px 0 0 0; width: 100%; }

div#title { display: none; }

div#wrapper { margin: 0 auto; width: 961px; }
div#wrapper-wrapper { margin-top: 30px; }
div#content { margin: 0; padding: 0; width: 677px; float: right; }
div#sidebar { margin: 0; padding: 0; width: 284px; float: left; }

div.pagetitle { margin: 0 40px 0 83px; } 
div.pagetitle h2 { display: block; margin: 0; padding: 18px 0; text-align: center; }

div.postgroup { padding: 0 26px 0 0; }
div.post { padding: 0 0 10px 0; }
div.post div.title { padding: 5px 0 0 26px; }
div.post div.title h2 { display: block; margin: 0; padding: 15px 0 0 0px; border-bottom: 1px dotted; }
div.post div.title p { display: block; margin: 0 0 0 0px; padding: 0 0 10px 0; border-bottom: 1px dotted; }
div.singlepost { padding: 0 26px 0 0; }

div.post div.entry { padding: 0 0 0 26px; }
div.post div.entry blockquote { margin: 15px 0; padding: 0 10px 0 35px; border-left: 8px solid; }
div.postmeta { display: none; }

div#comments, div#postcomment { margin: 0 26px 0 83px; }
div#comments h2, div#postcomment h2 { display: block; margin: 0; padding: 18px 0; }
div#comments p, div#postcomment p { display: block; margin: 0; padding: 0; }

ol.commentlist { display: block; margin: 0 40px 0 83px; padding: 0; list-style-type: none; }
ol.commentlist li.commentlist { display: block; margin: 0;  padding: 0 0 10px 0; }
ol.commentlist li.commentlist cite { display: block; padding: 10px; height: 42px; border-top: 2px dotted; border-bottom: 2px dotted; }
ol.commentlist li.commentlist cite img.avatar { float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid; }
ol.commentlist li.commentlist cite span { display: block; }
ol.commentlist li.commentlist cite span.author { margin: 3px 0 0 0; }
ol.commentlist li.commentlist cite span.on { display: none; }

ol.commentlist li.commentlist div.commenttext { margin: 0; padding: 10px; }
ol.commentlist li.commentlist div.commenttext div.interior { float: left; margin: 0 0 0 10px; width: 543px; }

small.commentmetadata { display: block; }
small.commentmetadata cite { display: block; margin: 0; padding: 0 0 3px 0; }

form#commentform { display: block; margin: 0 40px 0 83px; padding: 30px; border-top: 2px dotted; }
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; line-height: 14px; }
form#commentform p label { display: block; margin: 0; padding: 0 0 5px 0; }
form#commentform p.input span { display: block; margin: 0; padding: 5px 0 0 0; height: 22px; }
form#commentform p.input span input { width: 230px; padding: 0 5px; border: 0; }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea span { display: block; margin: 0; padding: 0; }
form#commentform p.button { text-align: left; }
textarea#comment { width: 347px; height: 62px; padding: 5px; border: 0; }

div.box { width: 230px; padding: 10px; margin: 0 0 12px 0; border: 1px solid #fff; }
div.box h2 { display: none; }
div.box div.interior { border: none; }
div.box div.interior ul { display: block; margin: 0; padding: 0; text-transform: uppercase;}
div.box div.interior ul li { display: block; margin: 0; padding: 0; text-transform: uppercase;}
div.box div.interior ul li a:link, div.box div.interior ul li a:visited { display: block; margin: 0; padding: 10px 10px 10px 12px; text-transform: uppercase;}

div#sidebar { margin-top: 170px; }
div#sidebar h2 { display: none; }

a#logo { display: block; height: 70px; margin: 0px 0 10px 0; }

div#box-rss h2 { display: none; }
div#box-rss ul { display: block; margin: 0; padding: 0; text-align: center; }
div#box-rss ul li { display: inline; padding: 0 10px 0 0; line-height: 15px; }
div#box-rss ul li a { display: inline; padding: 0 0 0 18px; line-height: 15px; }
div#box-rss ul li.twitter { padding: 0; }

div#box-search h2 { display: none; }
div#box-search p { display: block; margin: 0; padding: 4px 0 0 34px; height: 18px; }
div#box-search p input { width: 180px; border: none; }

div#box-adverts h2 { display: none; border: none; }
div#box-adverts div { padding: 15px 0; border: none; text-align: center; }
div#box-adverts div img { border: none; }

div.box-widget_archive div.interior, div.box-widget_tag_cloud div.interior { padding: 10px; }
div.box-widget_recent_comments ul#recentcomments li { display: block; padding: 10px 10px 10px 30px; }
div.box-widget_recent_comments ul#recentcomments li a, div.box-widget_recent_comments ul#recentcomments li a:visited { display: inline; padding: 0; }
table#wp-calendar { width: 180px; margin: 0 auto; }

div#footer { border-top: 1px solid; }
div#footer-wrapper { margin: 0 auto; padding: 18px; width: 920px; }
div#footads { margin: 18px auto 0 auto; width: 728px; border: 3px solid; }
div#footer-wrapper p { display: block; margin: 0; padding: 15px ; text-align: center; }

/************************************************/
/*** Layout : End *******************************/
/************************************************/

/************************************************/
/*** Navigation Menu : Start ********************/
/************************************************/
/*
div#box-navmenu { padding: 7px 10px; }
div#box-navmenu h2 { display: none; }
div#box-navmenu div.interior { border: none; }
div#box-navmenu ul { display: block; list-style-type: none; margin: 0; padding: 0; }
div#box-navmenu ul li { display: block; margin: 0; padding: 0; }
div#box-navmenu ul li a, div#box-navmenu ul li a:visited { 
	display: block; margin: 0; padding: 2px 0; 
	/*border-top: 1px solid #30303b;
	border-bottom: 1px solid #000;*/
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}
div#box-navmenu ul li a span, div#box-navmenu ul li a:visited span { 
	display: block; margin: 0; padding: 5px 0 5px 10px;
}
div#box-navmenu ul li a:hover span, div#box-navmenu ul li.current_page a span, 
div#box-navmenu ul li.current_page_item a:visited span { 
	background: #380415;
	text-decoration: none;
}
div#box-navmenu ul ul li a span, div#box-navmenu ul ul li a:visited span,
div#box-navmenu ul li.current_page_item ul li a span, div#box-navmenu ul li.current_page_item ul li a:visited span { 
	display: block; margin: 0; padding: 6px 0 6px 60px; 
	background: transparent url('images/background-menu-item-norm.gif') 40px top no-repeat;
}
div#box-navmenu ul li.current_page_item ul li a:hover span, div#box-navmenu ul li.current_page_item ul li.current_page_item a span,
div#box-navmenu ul ul li a:hover span, div#box-navmenu ul ul li.current_page_item a span, 
div#box-navmenu ul ul li.current_page_item a:visited span { 
	background: #380415 url('images/background-menu-item-over.gif') 40px top no-repeat;
}
*/

/*
div#box-widget_recent_entries { padding: 7px 10px; }
div#box-widget_recent_entries h2 { display: none; }
div#box-widget_recent_entries div.interior { border: none; }
div#box-widget_recent_entries ul { display: block; list-style-type: none; margin: 0; padding: 0; }
div#box-widget_recent_entries ul li { display: block; margin: 0; padding: 0; }
div#box-widget_recent_entries ul li a, div#box-widget_recent_entries ul li a:visited { 
	display: block; margin: 0; padding: 2px 0; 
	/*border-top: 1px solid #30303b;
	border-bottom: 1px solid #000;*/
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}
div#box-widget_recent_entries ul li a span, div#box-widget_recent_entries ul li a:visited span { 
	display: block; margin: 0; padding: 5px 0 5px 10px;
}
div#box-widget_recent_entries ul li a:hover span, div#box-widget_recent_entries ul li.current_page a span, 
div#box-widget_recent_entries ul li.current_page_item a:visited span { 
	background: #250007;
	text-decoration: none;
}
div#box-widget_recent_entries ul ul li a span, div#box-widget_recent_entries ul ul li a:visited span,
div#box-widget_recent_entries ul li.current_page_item ul li a span, div#box-widget_recent_entries ul li.current_page_item ul li a:visited span { 
	display: block; margin: 0; padding: 6px 0 6px 60px; 
	background: transparent url('images/background-menu-item-norm.gif') 40px top no-repeat;
}
div#box-widget_recent_entries ul li.current_page_item ul li a:hover span, div#box-widget_recent_entries ul li.current_page_item ul li.current_page_item a span,
div#box-widget_recent_entries ul ul li a:hover span, div#box-widget_recent_entries ul ul li.current_page_item a span, 
div#box-widget_recent_entries ul ul li.current_page_item a:visited span { 
	background: #131317 url('images/background-menu-item-over.gif') 40px top no-repeat;
}

div#box-widget_text { padding: 7px 10px; }
div#box-widget_text h2 { display: none; }
div#box-widget_text div.interior { border: none; }
div#box-widget_text ul { display: block; list-style-type: none; margin: 0; padding: 0; }
div#box-widget_text ul li { display: block; margin: 0; padding: 0; }
div#box-widget_text ul li a, div#box-widget_text ul li a:visited { 
	display: block; margin: 0; padding: 2px 0; 
	/*border-top: 1px solid #30303b;
	border-bottom: 1px solid #000;*/
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}
div#box-widget_text ul li a span, div#box-widget_text ul li a:visited span { 
	display: block; margin: 0; padding: 5px 0 5px 10px;
}
div#box-widget_text ul li a:hover span, div#box-widget_text ul li.current_page a span, 
div#box-widget_text ul li.current_page_item a:visited span { 
	background: #250007;
	text-decoration: none;
}
div#box-widget_text ul ul li a span, div#box-widget_text ul ul li a:visited span,
div#box-widget_text ul li.current_page_item ul li a span, div#box-widget_text ul li.current_page_item ul li a:visited span { 
	display: block; margin: 0; padding: 6px 0 6px 60px; 
	background: transparent url('images/background-menu-item-norm.gif') 40px top no-repeat;
}
div#box-widget_text ul li.current_page_item ul li a:hover span, div#box-widget_text ul li.current_page_item ul li.current_page_item a span,
div#box-widget_text ul ul li a:hover span, div#box-widget_text ul ul li.current_page_item a span, 
div#box-widget_text ul ul li.current_page_item a:visited span { 
	background: #131317 url('images/background-menu-item-over.gif') 40px top no-repeat;
}

div#box-widget_pages { padding: 7px 10px; }
div#box-widget_pages h2 { display: none; }
div#box-widget_pages div.interior { border: none; }
div#box-widget_pages ul { display: block; list-style-type: none; margin: 0; padding: 0; }
div#box-widget_pages ul li { display: block; margin: 0; padding: 0; }
div#box-widget_pages ul li a, div#box-widget_pages ul li a:visited { 
	display: block; margin: 0; padding: 2px 0; 
	/*border-top: 1px solid #30303b;
	border-bottom: 1px solid #000;*/
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}
div#box-widget_pages ul li a span, div#box-widget_pages ul li a:visited span { 
	display: block; margin: 0; padding: 5px 0 5px 10px;
}
div#box-widget_pages ul li a:hover span, div#box-widget_pages ul li.current_page a span, 
div#box-widget_pages ul li.current_page_item a:visited span { 
	background: #250007;
	text-decoration: none;
}
div#box-widget_pages ul ul li a span, div#box-widget_pages ul ul li a:visited span,
div#box-widget_pages ul li.current_page_item ul li a span, div#box-widget_pages ul li.current_page_item ul li a:visited span { 
	display: block; margin: 0; padding: 6px 0 6px 60px; 
	background: transparent url('images/background-menu-item-norm.gif') 40px top no-repeat;
}
div#box-widget_pages ul li.current_page_item ul li a:hover span, div#box-widget_pages ul li.current_page_item ul li.current_page_item a span,
div#box-widget_pages ul ul li a:hover span, div#box-widget_pages ul ul li.current_page_item a span, 
div#box-widget_pages ul ul li.current_page_item a:visited span { 
	background: #131317 url('images/background-menu-item-over.gif') 40px top no-repeat;
}*/

/************************************************/
/*** Navigation Menu : End **********************/
/************************************************/

/************************************************/
/*** Pagination : Start *************************/
/************************************************/

div#pagenav { height: 38px; color: #fff; }
div#pagenav a, div#pagenav a:link { padding: 5px 10px; margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }

div.wp-pagenavi { height: 38px; padding: 0; }
div.wp-pagenavi a, div.wp-pagenavi a:link { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:visited { text-decoration: none; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:hover { border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:active { text-decoration: none; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span.current { font-weight: bold; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span.extend { border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }

/************************************************/
/*** Pagination : End ***************************/
/************************************************/

/************************************************/
/*** Colors : Start *****************************/
/************************************************/

body { background: #100003 url('images/jnj-back1.jpg') center top no-repeat fixed; color: #333; }
a:link, a:visited { color: #5f7c9c; }
a:hover { color: #5f7c9c; }

div#content { background: #fff; }
div#sidebar { background: transparent url('images/jnj-logo.png') left top no-repeat; }

div.pagetitle { }
div.pagetitle h2 {  }

div.postgroup { }
div.post {  }
div.post div.title { background: transparent; }
div.post div.title h2 { background: #fff none; color: #282831; }
div.post div.title h2 a, div.post div.title h2 a:visited { color: #282831; }
div.post div.title p { color: #aeaeae; }
div.post div.title p a, div.post div.title p a:visited { color: #aeaeae; }

div#comments h3, div#postcomment h3 { color: #5f7c9c; }
div#comments h3 a, div#comments h3 a:visited { color: #5f7c9c; }
div#comments p, div#postcomment p { color: #aeaeae; }
div#comments p a, div#comments p a:visited { color: #aeaeae; }

ol.commentlist { }
ol.commentlist li.commentlist { }
ol.commentlist li.commentlist cite { 
	color: #666; background: #fff url('images/background-post-meta.gif') left top repeat-x; 
	border-top-color: #aeaeae; border-bottom-color: #aeaeae; 
}
ol.commentlist li.commentlist cite img.avatar { border-color: #876551; }
ol.commentlist li.commentlist cite span.author, ol.commentlist li.commentlist cite span.author a, 
ol.commentlist li.commentlist cite span.author a:visited { 
	color: #000; 
}
ol.commentlist li.commentlist cite a, ol.commentlist li.commentlist cite a:visited { color: #aeaeae; }

form#commentform { border-top-color: #aeaeae}
form#commentform p.input span { background: transparent url('images/background-input.gif') left top no-repeat; }
form#commentform p.input span input { background: transparent none; }
form#commentform p.textarea span { background: transparent url('images/background-textarea.gif') left top no-repeat; }

div.box { border-color: #000; background: url('images/jnj-menu-back1.png') repeat; }
div.box h2 { color: #fff;}
div.box div.interior { color: #fff; }
div.box div.interior ul li { color: #fff; }
div.box div.interior ul li a, div.box div.interior ul li a:visited { color: #fff; }
div.box div.interior ul li a:hover { background-color: #380415; }


div#box-rss div.interior { border: none; }
div#box-rss ul { }
div#box-rss ul li { color: #999; }
div#box-rss ul li.rss a { background: transparent url('images/background-rss.gif') left center no-repeat; }
div#box-rss ul li.email a { background: transparent url('images/background-email.gif') left center no-repeat; }
div#box-rss ul li.twitter a { background: transparent url('images/background-twitter.gif') left center no-repeat; }

div#box-search div.interior { border: none; }
div#box-search p { background: transparent url('images/background-search.gif') 5px top no-repeat;  }
div#box-search p input { color: #2F2F2F; background: transparent none;  }


div.box-widget_recent_comments ul#recentcomments li a:visited { background: transparent none; }
table#wp-calendar { color: #999; }
div#footer { background: #1d1d23 url('images/background-footer.gif') left top repeat-x; border-top-color: #3b3b43; color: #666; }
div#footer a, div#footer a:visited { color: #666; }

/************************************************/
/*** Colors : End *******************************/
/************************************************/