/*
Theme Name: o'joy
Theme URI: http://ojoy.com/
Description: Custom Child Theme for O'Joy.com
Author: Dave Schultz	
Author URI: http://ojoy.com/
Template: thematic
Version: 1.0
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

body {
	background: #65aa98 url(images/bg2.jpg) no-repeat top;
	background-attachment: fixed;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000000;
	margin: 0 0 15px 0;
}

form { padding: 0; margin: 0 }

.tray_main {
	background-image: url(//images/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 20px;
}

.clear { clear:both; font-size:1px; }

#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 135px;
	width: 980px;
	margin: auto;
	color: #ad849a;
	margin-bottom: 20px;
}

#header .header_tagline a { color: #d64783; text-decoration: none; border-bottom: 1px dotted #d64783; }

#header .bookmark { background-image: url(images/icon_bookmark.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 0 20px; }

.header_left {
	float: left;
}
.header_right {
	float: right;
	padding-right: 12px;
}
.header_tagline {
	margin: 6px 0 0 0;
	font-size: 10px;
	text-align: right;
	padding-right: 9px;
}
.header_tagline a { font-weight: bold; }

.header_ad img {
	border: 1px solid #FFF;
}
.header_ad {
	background-image: url(images/header_featured.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
	margin-top: 19px;
}

.tray_body {
	width: 980px;
	margin: auto;
}
.col1 {
	width: 175px;
	float:left;
	padding-right: 5px;
	margin-top:4px;
	margin-right: 3px;
}
.col2 {
	width: 532px;
	float:left;
	margin-right:10px;
	margin-top:4px;
}
.col2full {
	width: 980px;
	margin-top:4px;
}
.col3 {
	width: 252px;
	float:left;
	margin-top:4px;
	margin-left: 4px;
}

.col1 .box { color: #FFF; font-size: 11px; margin-bottom: 15px; }
.col1 .box_top { background-image: url(images/col1_box_top.png); background-repeat: no-repeat; background-position: left top; padding-top: 10px; }
.col1 .box_shorttop { background: url(images/col1_box_shorttop.gif); background-repeat: no-repeat; background-position: left top; padding-top: 10px; }
.col1 .box_bottom { height: 10px; background-image: url(images/col1_box_bottom.png); background-repeat: no-repeat; background-position: left bottom; }
.col1 .box_label { height: 24px; width: 120px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; background-image: url(images/col1_box_label.png); background-repeat: no-repeat; background-position: right top; border-left: 5px solid #7e3749; font-size: 16px; font-weight:bold; color: #FFF; padding: 0 10px 0 6px; }
.col1 .box_body { padding: 6px 10px 0 10px; }
.col1 .rss { background-image: url(images/icon_rss.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 8px 20px; }
.col1 .facebook { background-image: url(images/icon_facebook.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 8px 20px; }
.col1 .twitter { background-image: url(images/icon_twitter.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 8px 20px; }
.col1 a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #CCC; }
#nodots a { border: none; }

.col3 .box { color: #FFF; font-size: 11px; margin-bottom: 15px; }
.col3 .box_top { background-image: url(images/col3_box_top.png); background-repeat: no-repeat; background-position: left top; padding: 5px 10px 0 10px; }
.col3 .box_top2 { background-image: url(images/col3_box_top2.png); background-repeat: no-repeat; background-position: left top; padding: 5px 10px 0 10px; }
.col3 .box_top3 { background-image: url(images/col3_box_top3.png); background-repeat: no-repeat; background-position: left top; padding: 5px 10px 0 10px; }
.col3 .box_inner_top { background-image: url(images/col3_box_inner_top.png); background-repeat: no-repeat; background-position: left top; background-color: #985D7D; padding: 12px 12px 6px 12px; }
.col3 .box_bottom { height: 10px; background-image: url(images/col3_box_bottom.png); background-repeat: no-repeat; background-position: left bottom; }
.col3 .box_bottom3 { height: 10px; background-image: url(images/col3_box_bottom3.png); background-repeat: no-repeat; background-position: left bottom; }
.col3 .box_inner_bottom { height: 6px; background-image: url(images/col3_box_inner_bottom.png); background-repeat: no-repeat; background-position: left bottom; }
.col3 .box_label { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 16px; font-weight:bold; color: #FFF; padding: 0 10px 4px 3px; }
.col3 .box_image { margin-bottom: 3px; }
.col3 .box_title { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 16px; font-weight:bold; color: #FFF; }
.col3 .box_body { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #f3dfea; }
.col3 .box_body a { text-decoration: none; }

.col3 p { margin-top: 0; }


.spotlight a { text-decoration: none; }
.box_body .spotlight p { margin: 0; padding: 0;}
.spotlight img { width: 45%; height: auto; margin: 10px 0 5px 7px; border: 2px solid #AE839A; }


.col3 a { color: #FFF; text-decoration: underline; }
.col3 .botmargin { margin-bottom: 7px; }


.search_form { padding: 5px 0 2px 0; }
.search_field { padding: 5px 0 0 25px; background-image: url(images/col1_search_bg.png); background-repeat: no-repeat; background-position: left top; width: 160px; height: 26px; margin: 0; display: block; border: 0; background-color:transparent; }

.input_field { padding: 5px 0 0 2px; background-image: url(images/col1_input_bg.png); background-repeat: no-repeat; background-position: left top; width: 160px; height: 26px; margin: 0; display: block; border: 0; background-color:transparent; }
.input_field_narrow { padding: 5px 0 0 25px; background-image: url(images/col1_input_bg.png); background-repeat: no-repeat; background-position: left top; width: 160px; height: 26px; margin: 0; display: block; border: 0; background-color:transparent; }

.breadcrumb {
	margin-left: 15px;
	padding-bottom: 5px;
	font-size: 11px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 4px 7px 5px 22px; 
	border: 1px solid #76A79A;
	margin-bottom: 8px;
	color: #2e6255;
	background: #b6d8cf url(images/breadcrumb_bg.png) left center; background-repeat: no-repeat;
}
.breadcrumb a {
	color: #2e6255;
	font-weight: bold;
}




.blog {
	float: right;
	width: 517px;
	position:relative;
	margin-bottom: 15px;
}



.blog a:link{ color: #fa418e; text-decoration: none; }
.blog a:hover{ color: #fa418e; text-decoration: underline; }
.blog a:visited{ color: #c42366; text-decoration: none; }
.blog a:active{ color: #fa418e; text-decoration: none; }


.blog_header {
	background-image: url(images/blog_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 21px 5px 21px;
}
.blog_header h2 { font-size: 32px; padding: 0; margin: 0; font-weight: normal; }
.blog_header h3 { font-size: 28px; padding: 0; margin: 0; font-weight: normal; margin-top: 2px; }
.blog_byline { color: #000; font-size: 11px; margin-top: 4px; margin-left: 1px; }

.blog_body {
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e0eeea;
	border-left-color: #e0eeea;
	background-color: #FFFFFF;
	padding: 0px 17px 5px 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
}
.blog_entry { padding-top: 6px; }
.blog_entry p { margin-top: 0; }
.blog_entry a { color: #FA418E; }

.blog_category {
	margin-top: 3px;
	margin-left: -10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: #ECF5F2;
	padding: 1px 7px;
}
.blog_category ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.blog_category li {
	margin: 0;
	padding: 0;
}
.blog_category a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}

.blog_category a:link{ color: #79a99c; text-decoration: none; }
.blog_category a:hover{ color: #79a99c; text-decoration: underline; }
.blog_category a:visited{ color: #79a99c; text-decoration: none; }
.blog_category a:active{ color: #79a99c; text-decoration: none; }


.blog_entry p:first { padding: 0; margin: 0; }

.blog_entry img { margin: 10px; border: 5px solid #E0EEEA; }

.blog_entry .left { border: 6px solid #e8e8e8; padding: 2px; background-color: #FFFFFF; float: left; margin: 0 10px 10px 0; }
.blog_entry .right { border: 6px solid #e8e8e8; padding: 2px; background-color: #FFFFFF; float: right; margin: 0 0 10px 10px; }

.blog_photo {
	border: 5px solid #E3E3E3;
	margin-bottom: 10px;
}

.blog_footer {
	background-image: url(images/blog_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
}
.blog_tags {
	background-color: #ecf5f2;
	padding: 5px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: 1px solid #e0e9e6;
}
.blog_tags a { font-weight: bold; }

.blog_emailthis {
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 12px;
	color: #a5a5a5;
}
.blog_emailthis img {
	vertical-align: middle;
}



.blog_options {
	font-size: 11px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 12px;
	color: #a5a5a5;
}

.search {
	width: 980px;
}

.search_header {
	background-image: url(images/search_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 21px 15px 21px;
	font-size: 18px;
	font-weight: bold;
	color: #79A99C;
}

.search_body {
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e0eeea;
	border-left-color: #e0eeea;
	background-color: #FFFFFF;
	padding: 0px 17px 10px 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
}
.search_body h4 { font-size: 21px; padding: 0; margin: 0; margin-bottom: 2px; font-weight: normal; }
.search_body a { color: #FA418E; text-decoration: none; }
.search_body img { display: none; }
.search_body p { margin-top: 0; }
.search_body h1 { margin: 0; padding: 0; }


.page_body {
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e0eeea;
	border-left-color: #e0eeea;
	background-color: #FFFFFF;
	padding: 0px 17px 10px 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
}
.page_body h4 { font-size: 21px; padding: 0; margin: 0; margin-bottom: 2px; font-weight: normal; }
.page_body a { color: #FA418E; text-decoration: none; }
.page_body p { margin-top: 0; }
.page_body h1 { margin: 0; padding: 0; }

.search_result { border-bottom: 1px solid #EEE; margin-bottom: 8px; }


.search_footer {
	background-image: url(images/search_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
}



.comments {
	font-weight: bold;
	background-image: url(images/blog_icon_comments.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 17px;
}

.comment{
	background-color:#ECF5F2;
	color:#545454;
	margin:0 0 10px;
	padding: 10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: 1px solid #E0E9E6;
}

.comment p{
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 6px;
	padding-bottom:5px;
}

.comment2{
	background-color:#ffffff;
	color:#545454;
	margin:0 0 10px;
	padding:8px 5px 0 8px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.comment2 p{
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 6px;
	padding-bottom:5px;
}

.gravatarside{
	float:right;
	width:48px;
	height:48px;
	margin:0 5px 5px 5px;
}

.spread {
	font-weight: bold;
	background-image: url(images/blog_icon_spread.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

.icon {
	margin-right: 4px;
}
.blog_date {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-image: url(images/blog_date.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 30px;
	position: absolute;
	left: -17px;
	top: 42px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: center;
}
.blog_day {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0px;
	color: #FFFFFF;
}
.blog_month {
	font-size: 10px;
	margin: 0 0 0 0px;
	color: #FFFFFF;
}
.blog_text {
	margin-bottom: 25px;
}
.ad {
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.ad a { border: none; }

.ad img { border: 1px solid #000; }

.ad_160 { padding: 6px; background-color: #8fc1b3; border: 0px; }

#footer {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #fff; 
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
	height: 90px;
	margin: auto;
	margin-top: 20px;
}
#footer .col1 { padding-left: 17px; float: left; width: 200px; margin: 10px 25px 0 0; font-size: 9px; color: #bed5cf }
#footer .col1 .repro { margin-top: 7px; color: #8db7ac; }

#footer .col2 { float: left; width: 170px; margin: 10px 25px 0 0; font-size: 11px; }
#footer .col2 .email { width: 100px; padding: 3px; background: #4b6c63; border-top: 1px solid #365a51; border-right: 1px solid #719a90;  border-bottom: 1px solid #719a90; border-left: 1px solid #365a51;  font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #BED5CF; }

#footer .col3 { float: left; width: 170px; margin: 10px 25px 0 0; font-size: 11px; }
#footer .col4 { float: left; width: 170px; margin: 10px 25px 0 0; font-size: 11px; }
#footer .col4 a { text-decoration: underline; }


#footer .heading { margin-bottom: 2px; font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 14px; font-weight:bold; color: #fff; }

#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }



#footer .rss { background-image: url(images/icon_rss2.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 3px 20px; }
#footer .facebook { background-image: url(images/icon_facebook2.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 3px 20px; }
#footer .twitter { background-image: url(images/icon_twitter2.png); background-repeat: no-repeat; background-position: left middle; padding: 0 0 3px 20px; }

#pagenav {
	font-size: 24px;
	color: #89B4AA;
	text-align: center;
	margin-bottom: 10px;
}
#pagenav a { color: #FFF; text-decoration: none; font-weight: bold; }
#pagenav .current { display: inline; padding: 0 3px; background-color: #98beb4; border: 1px solid #FFF; color: #FFF; text-decoration: none; font-weight: bold; }

.link { padding-bottom: 7px; }
.link a { font-weight:bold; }
.link img { border: 1px solid #BED5CF; margin: 8px 0 3px 0; }

.adborder {
	padding: 2px;
	border: 1px solid #000000;
}

.adborderpad {
	background-color: #65aa98;
	padding: 7px;
	border: 1px solid #000000;
}

.pagebar {
	font-size: 24px;
	color: #89B4AA;
	margin-bottom: 10px;
}

.pagebar a,.pageList .this-page {
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold;
}

.pagebar a:visited {
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	text-decoration: none;
}

.pagebar .this-page {
	display: inline; 
	padding: 0 3px; 
	background-color: #98beb4; 
	border: 1px solid #FFF; 
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold;
}

.pagebar a:hover {
	border: none;
}

.pagebar .inactive {
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.bignbold {
	vertical-align: top;
	font-weight: bold;
	font-size: 18px;
}
