/*
Theme Name: Daily Theme
*/

body { padding: 0px; margin: 0px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 13px; color: #4B4B4B; background: #ffffff url(images/body-bg.jpg) repeat-x center top; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
.cl, .clc { clear: both; }

.wrap { background: url(images/wrap-bg.jpg) no-repeat center top; padding: 54px 0 0 0; }
.wrap .header { width: 900px; margin: 0 auto; }
.wrap .header h1 a { width: 385px; display: block; height: 76px; text-indent: -9999px; }
.wrap .header ul { margin: 0px; padding: 54px 0px 0px 0px; list-style: none; }
.wrap .header ul li { display: inline; }
.wrap .header ul li a { color: #ade7fc; line-height: 13px; font-size: 13px; text-decoration: none; font-weight: bold; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; margin-right: 30px;  display: block; float: left; }
.wrap .header ul li.current a { color: #ffffff; text-decoration: underline; }
.wrap .header ul li.pright a { float: right; font-size: 11px; margin-top: 1px; }
.wrap .header ul li a:hover { color: #ffffff; }

.featured, .title { background: #f5f5f4 url(images/featured-bg.jpg) repeat-x top center; padding: 30px 0 40px 0; margin: 18px 0 0 0; }
.featured .in { width: 910px; margin: 0 auto; }
.featured .in .left { width: 450px; float: left; }
.featured .in img { width: 400px; float: right; }
.featured .in h2, .title h2 { background: url(images/title-bg.png) no-repeat top left; display: block; margin: -8px 0 -10px 0; width: 450px; font-weight: normal; line-height: 30px; font-size: 32px; letter-spacing: -1px; padding: 5px 0px 10px 10px;}
.featured .in h2 a, .title h2  { color: #FF2400; text-decoration: none; }
.featured .in span { text-transform: uppercase; font-size: 12px; margin-left: 10px; }
.featured .in small, .title small { font-size: 13px; font-weight: bold; color: #119ace; margin: -20px 0 0 10px;}
.featured .in .buttonred { margin-left: 5px; letter-spacing: -1px; }
.featured .in p { font-family: 'Verdana', 'Trebuchet MS', 'Arial', sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 25px; margin-left: 5px; margin-top: 20px; }

a.buttonred { width: 107px; height: 22px; PADDING: 5px 0 0 0; display: block; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; background: url(images/button-red.jpg) no-repeat center top; text-decoration: none; }
a.buttonblack { width: 107px; height: 22px; PADDING: 5px 0 0 0; display: block; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; background: url(images/button-black.jpg) no-repeat center top; text-decoration: none; }

.themes { padding: 30px 0 0 0; width: 930px; margin: 0 auto 0 auto; }
.themes div.titlec { margin: 0px 0px 0px 15px; width: 132px; height: 15px; display: block; background: url(images/our-theme.jpg); font-size: 1px; letter-spacing: -1px; display: block; color: #ffffff; float: left; }
.themes a.rss { margin: -5px 15px 0px 0px; width: 113px; height: 23px; display: block; text-indent: -9999px; background: url(images/rss-home.jpg) no-repeat; float: right; }
.themes .cl { border-top: dotted 5px #E2E2DC; width: 900px; margin: 35px auto 0 auto; }
.themes .theme { display: block; width: 280px; float: left; margin: 20px 0px 0px 0px; padding: 0px 15px 0px 15px; height: 370px; }
.themes .theme a.buttonred { float: left; margin-right: 6px; }
.themes .theme a.buttonblue { width: 107px; height: 22px; padding: 5px 0 0 0; display: block; font-size: 13px; font-weight: bold; text-align: center; background: url(images/button-blue.jpg) no-repeat center top; color: #ffffff; text-decoration: none; float: left;  }
.themes .theme h2 { font-size: 20px; font-weight: strong; color: #FF2400; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; letter-spacing: -1px; }
.themes .theme h2 a { color: #FF2400; text-decoration: none; }
.themes .theme p { font-size: 12px; line-height: 18px; margin-bottom: 15px; }
.themes .theme  a.buttonblue:hover { background: url(images/button-black.jpg) no-repeat; }
.themes .theme img { border: solid 5px #E4E0DD; margin-bottom: 10px; }
a.buttonred:hover, a.buttonblue:hover { background: url(images/button-black.jpg) no-repeat; }


.footer { background: #F5F5F4; padding: 30px 0 70px 0; }
.footer p { margin: 0 auto; width: 900px; }
.footer big { display: block; font-size: 14px; font-weight: bold; color: #000000; }
.footer small { width: 12px; color: #888888; font-size: 12px; }
.footer small a { color: #888888; }

.title { padding: 20px 0 20px 0; }
.title h2 { width:900px; margin: 0px auto -10px auto; }
.title small { width:900px; display: block; margin: 0px auto 0px auto; }

.content { width:900px; margin: 20px auto 0 auto; }
.content .left { width: 580px; float: left; }
.content .right { width: 250px; float: right; margin-top: 10px; }
.content .left p { font-size: 13px; line-height: 20px; }
.content .left a, .comments a { color: #FF2240; }
.content .left a:hover, .comment a:hover { color: #000; }
.content .left p img { border: solid 3px #F5F6F1; padding: 2px; }
.content .left blockquote { border-top: dotted 1px #789fad; background: url(images/quote-bg.jpg) no-repeat 40px 15px; border-bottom: dotted 1px #789fad; margin: 0px; padding: 10px 0px 10px 60px; font-size: 14px; font-style: italic; ; }
.content .left blockquote p { line-height: 20px; color: #2d5c6e; }

.content .right .rss { border: solid 6px #FA9A3A; display: block; background: #FFF2E6 url(images/rss-in.jpg) no-repeat 5px 7px; color: #ff8400; padding: 5px 0px 5px 30px; text-decoration: none; font-size: 15px; font-weight: bold; letter-spacing; -2px; }
.content .right .item { background: #F5F6F2 url(images/themes-bg.jpg) no-repeat center top; padding: 20px 0 20px 0; border-top: dotted 1px #CBCCC7; margin-top: 20px; border-bottom: dotted 1px #CBCCC7; }
.content .right .item h3 { font-size: 17px; color: #000000; letter-spacing: -1px; width: 220px; margin: 0 auto 0 auto; }
.content .right .item ul { margin: 10px auto 0px auto; width: 220px; display: block; padding: 0px; list-style: none; }
.content .right .item ul li a { color: #034F6C; text-decoration: none; border-bottom: dotted 1px #034F6C; line-height: 10px; padding-bottom: 0px; }
.content .right .item ul li a:hover { color: #000000; border-bottom: solid 1px #000000; }
.content .right .item ul li { padding: 0px 0px 5px 15px; background: url(images/sidebara-bg.jpg) no-repeat 0px 7px;}

.comments { width:900px; margin: 30px auto 0 auto; }	
.comments h2 { font-size: 23px; font-weight: normal; color: #000000; letter-spacing: -1px; border-bottom: solid 5px #EDEEE9; padding-bottom: 6px; }
.comments .comment { padding: 20px 0 20px 0; border-bottom: 1px solid #EDEEE9; }
.comments .comment .right { float: right; width: 600px; }
.comments .comment .left { float: left; width: 200px; text-align: right; }
.comments .comment .middle { float: right; width: 32px; border: solid 10px #F5F6F2; background: #F5F6F2; text-align: center; font-size: 17px; font-weight: bold; margin-right: 30px; }
.comments .comment .left a { color: #0096CD; font-size: 11px; text-decoration: none; }
.comments .comment .left big { font-size: 16px; font-weight: bold; display: block; color: #0096CD; }
.comments .comment .left big a { font-size: 16px; }
.comments .comment .left small { color: #93968D; font-size: 11px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; margin-bottom: 10px; display: block; }
.comments .comment .middle img { border: solid 1px #666664; }
.comments .comment .right p { font-size: 12px; font-family: 'Verdana', 'Trebuchet MS', 'Arial', sans-serif; line-height: 18px; }

.commentform { padding-bottom: 50px; }
.commentform label { display: block; color: #000000; font-size: 15px; margin-top: 15px;}
.commentform label span { font-size: 11px; }
.commentform input { padding: 6px; background: #ffffff; border: solid 1px #D9DAD7; width: 400px; margin-top: 5px;}
.commentform textarea { display: block; width: 550px; padding: 6px; background: #ffffff; border: solid 1px #D9DAD7; margin-top: 5px; }
.commentform input#submit { width: 150px; color: #ffffff; margin-top: 15px; background: #0096CD; bordeR: solid 1px #0096CD; }

.content .left h3 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 18px; line-height: 25px; color: #363032; letter-spacing: -1px; margin-top: 20px; }
.content .left h4 { font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #FF4200; letter-spacing: -0.1px; font-weight: bold; }

h3 code { display: block; background: #DFEDF0; padding: 10px; font-size: 20px; font-family: 'Arial', 'Trebuchet Ms', 'Verdana', sans-serif; margin: 20px 0 20px 0; }
h3 code a { color: #037B95; display: inline; }