/* 
Theme Name: JoyYourself
*/

body { margin: 0px; padding: 0px; border-top: solid 4px #000000; font-size: 12px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
a, a:link, a:active { color: #38021B; }
a:hover { color: #000000; }

/** GENERAL TAGS **/

.smalltitle { color: #38021B; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 12px; text-transform: uppercase; }
.wrap { width: 900px; margin: 0px auto 0px auto; }
.leftalign { width: 570px; float: left; }
.rightalign { width: 310px; float: right; }
a.more-link { width: 187px; height: 28px; display: block; text-indent: -9999px; background: #000000 url(images/morelink.jpg); }
.clear { clear: both; }
.heading { border-top: solid 5px #38021B; border-bottom: solid 1px #38021B; margin-bottom: 10px; padding: 5px 0 5px 0; }
h3 { font-size: 17px; font-weight: bold; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; text-transform: uppercase; }
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/rss.jpg) no-repeat center top; float: right; }
.navigation a { text-decoration: none; background: #F5EBDD; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; width: 160px; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/** HEADER **/

.header { background-color:#38021B; }
.header h1 { float:left; height:130px; width:470px; }
.header h1 a { background:transparent url(images/joyyourself-logo.gif) no-repeat scroll 0% 0%; display:block; float:left; height:130px; text-indent:-2000px; width:470px; }
.header ul.feeds { float:right;margin:0px;padding:0px; }
.header ul.feeds li { float:left;list-style-type:none;width:160px;margin:5px; }

.menu {	background:#022b3e url(images/menu-background.gif) repeat-x;height:45px; }
.menu ul {margin:0px; padding:0px }
.menu ul li {
	float:left;
	list-style-type:none;
	padding-top:5px;
	height:40px;
	padding-right:8px;
	background:transparent url(images/menu-sep.gif) no-repeat right 0px;
}
.menu ul li a.rss {
	background:transparent url(images/rssfeed.gif) no-repeat left center;
	padding-left:30px;
}
.menu ul li a {
	color:#f7f7f7;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	height:40px;
	padding-right:10px;
}
.menu ul li a:hover {
	color:#BBC9B5;
}

 

/** FEATURED SECTION **/

.featured { background:#5D012F; padding: 20px 0 20px 0;}
.featured h2 { font-family: 'Trebuchet Ms', 'Arial', 'Verdana', sans-serif; font-size: 32px; font-weight: bold; line-height: 42px; margin: 5px 0 15px 0; }
.featured h2 a { color:#fff; text-decoration: none; }
.featured .leftalign img { border: solid 3px #61A9DF; padding: 2px; width: 240px; float: left; margin-right: 15px; }
.featured .postcontent { width: 295px; float: right; }
.featured p, .postcontent { margin: 0px 0px 15px 0px; font-size: 12px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; color: #eee; line-height: 18px; }
.advertisment { width: 320px; border: solid 0px #61A9DF; padding: 0px; margin-top: 5px; }


/** ARTICLE COLUMNS **/

.maincontent { width: 700px; float: left; }
.articlecolumn { width: 340px; } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #EE4705; }
.articlecolumn { margin-bottom: 10px; }
.newssection .article, .articlecolumn .article { border-bottom: solid 1px #38021B; margin-bottom: 10px; padding-bottom: 10px; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 20px; font-weight: bold; border-bottom: dashed 1px #38021B; padding-bottom: 5px; line-height: 22px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; }
.newssection .article h2 a, .articlecolumn .article h2 a { color: #000000; text-decoration: none; }
.newssection .article p, .articlecolumn .article p { color: #6A5E4C; font-size: 11px; line-height: 14px; font-family: 'Verdana', 'Arial', sans-serif;  }
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }
.newssection .article .left, .articlecolumn .article .left { width: 115px; float: left; text-align: right; font-size: 11px; color: #38021B; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; line-height: 14px; }
.newssection .article .left img, .articlecolumn .article .left img { border: solid 3px #38021B; padding: 2px; }
.newssection .article .right, .articlecolumn .article .right { width: 220px; float: right; }


/** SIDEBAR **/

.homesidebar { width: 180px; border-top: solid 6px #38021B; float: right; padding-top: 5px; }
.homesidebar h3 { border-bottom: solid 1px #38021B; line-height: 17px; padding-bottom: 7px; margin-bottom: 10px; }
.homesidebar ul { list-style: none; padding: 0px; margin: 0px; color: #C3B39D; font-size: 11px; }
.homesidebar ul li { border-bottom: dashed 1px #38021B; padding-bottom: 6px; margin-bottom: 5px; }
.homesidebar ul li a { font-size: 12px; margin-right: 4px; }
.homesidebar .item { margin-bottom: 40px; }

.singlesidebar { width: 310px; float: right; margin: 10px 0 0 0; }
.singlesidebar .item { margin: 10px 0 30px 0; }

/** SINGLE POST **/

.singlepost { width: 570px; float: left; margin: 20px 0 0 0; }
.singlepost .postcontent { color: #6A5E4C; line-height: 18px; }
.singlepost .posthead h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 39px; line-height: 38px; margin: 0px 0px 4px 0px;  }
.singlepost .posthead span { font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 13px; color: #38021B; }
.singlepost .posthead p { font-size: 15px; line-height: 18px; font-style: italic; color: #e35b25; border-top: dashed 1px #38021B; padding-top: 0px; }
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic;  }
.singlepost .post .posthead h2 { font-size: 30px; line-height: 30px;  }
.singlepost .post { margin-bottom: 40px; }
.singlepost .posthead h2 a { text-decoration: none; }

/** HOMEPAGE NEWS SECTIONS **/

.newssection { margin: 0px 0px 30px 0px; }
.newssection .article { width: 340px; float: left; height: 180px;  }
.newssection .even { float: right; }
.newssection ul { width: 340px; float: right; margin: 0px; padding: 0px; list-style: none; color: #38021B; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;}
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; }
.newssection ul li h2 a { text-decoration: none; }
.newssection ul li { border-bottom: dashed 1px #38021B; padding-bottom: 5px; margin-bottom: 5px; }

.singlesidebar .newssection .article { width: 310px; }
.singlesidebar .newssection .article .right { width: 180px; }
.singlesidebar .newssection  ul { width: 310px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer { margin-top: 40px; background: #5D012F; border-top: solid 6px #E0D6CC; padding: 40px 0 70px 0; }
.footer h1 { display: block; float: right; width: 260px; background: url(images/footerlogo.png) no-repeat top left; text-align: center; padding: 20px 0 20px 0; font-size: 28px; font-weight: bold; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; letter-spacing: -1px;  }
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: #EF4723; }
.footer .left { width: 500px; float: left; margin-top: 20px; color: #CAB4AA;}
.footer .left a { color: #CAB4AA; }
.footer .left h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 20px; color: #ffffff; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; }

/** COMMENTS **/

.comments { padding: 0px; border-top: dotted 4px #F6F4F4; margin-top: 20px; }
.comment-meta { width: 130px; float: left; padding: 0px 0 10px 0; text-align: right;}
.commenttext { float: right; width: 400px; padding-left: 20px; border-left: dashed 1px #aaaaaa; margin-top: -5px; margin-bottom: -5px;}
.comment-author { display: block; font-weight: bold; }
.comment-date { font-size: 12px; color: #38021B; }
.comment-meta a { color: #000000; text-decoration: underline; }
.comment { margin-bottom: 15px; }
h2#comments { display: block; padding-bottom: 10px; margin: 40px 0 20px 0; border-bottom: solid 3px #dddddd; }
#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}
#commentform input { border: solid 2px #dddddd; background-color: #ffffff; padding: 3px; width: 300px; margin-right: 10px; }
#commentform textarea { width: 560px; border: solid 2px #dddddd; padding: 3px;  margin-bottom: 10px;}