/*
Original design: Daleri Single (v1.0 - Mar 25, 2009) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/daleri-single/
*/

/* Main containers */
body {padding:0; margin:0; font:15px verdana,tahoma,sans-serif; background:#1a1a1a url(bodybg.jpg) top center no-repeat; color:#444; border-top:4px solid #444; text-align:center; line-height:21px;}
#wrap {width:760px; text-align:center; margin:0 auto;}
#maincontent {background:#fff; text-align:left; border:4px solid #666; padding:35px; margin:0 0 15px 0;}

/* HTML Tags */
a {text-decoration:none; font-weight:700; color:#e49938;}
a:hover {text-decoration:underline;}
a img {border:0;}
h1 {margin:15px auto 10px auto; padding:0; font-size:2.6em; color:#eee; letter-spacing:-2px; line-height:1.2em;}
h1 a {color:#eee; font-weight:700; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}
#maincontent  h1 {margin:-20px -20px 20px -20px; padding:12px 6px 12px 15px; background:#1a1a1a url(bodybg.jpg) top center no-repeat; border-left:4px solid #e49938; color:#ddd; font-size:1.8em; font-weight:400;}
h2 {margin:20px 0px 10px 0px}
h3 {font-size:1.4em; font-weight:400; margin:15px 0px 7px 0px}
h4 {font-size:1.2em; font-weight:400;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; }
li {margin:0; padding:5px 0 0 5px;}

#logo h3 {
    color: #fff;
    font-size: 2.6em;
    letter-spacing: -2px;
    line-height: 1.2em;
    margin: 15px auto 10px;
    padding: 0;
}
#logo h3 a {color:#eee; font-weight:700; text-decoration:none;}
#logo h3 a:hover {color:#fff; text-decoration:none;}
/* Various classes */
.slogan {color:#ccc; font-size:1.4em; margin:0 0 15px 0; padding:0;}
ul#nav {font-size:16px;color:#aaa; list-style:none;width:720px;height: 45px;line-height: 21px;margin: 20px auto;}
ul#nav li {float:left;display:inline;margin:0 2px;}
ul#nav li a {padding:3px 10px 5px 10px; font-weight:400;color:#ccc;}
ul#nav li a:hover {background-color:#444; color:#fff; text-decoration:none;}
ul#nav #active a {background-color:#444; color:#fff;}
.footer, .footer a{color:#888; font-weight:400;}
.footer a {text-decoration:underline;}

#maincontent li {margin-bottom:7px;}

fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:380px;background:#eee;border:2px solid #aaa;}
fieldset#contact-form label {font-size:13px;}
fieldset#contact-form input {height:20px;font-size:15px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width:98%;padding:3px;}
fieldset#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}
input:focus, textarea:focus {background:#fff;border:1px solid #555;}

blockquote {font-style:italic;}
#maincontent img {border:2px solid #aaa;max-width:100%;height:auto;}
#maincontent hr {margin:30px 10px;border:1px solid #F5BB38;}
@media (max-width:900px) {	
#wrap {
    width: 90%;
}
ul#nav {
    width: 100%;padding-left: 1px;
}
}
@media (max-width:700px) {	
body {background:#1a1a1a url(bodybg.jpg) no-repeat top center/90% auto!important;}

#wrap {
    width: 95%;
}

#logo h3 {
    font-size: 35px;
    line-height: 30px;
}
blockquote {
    margin: 5px;
}
fieldset#contact-form {
    width: 85%;
}
ul {
    margin: 0; padding-left: 20px;
}
}
@media (max-width:480px) {	
#wrap {
    width: 99%;
}#maincontent {
    padding: 22px;}
.slogan {
    line-height: 18px;
    font-size: 18px;
}
#logo h3 {
    font-size: 30px;
    line-height: 26px;
}
#maincontent img {float:none!important;clear:none;}

#maincontent h1 {
    font-size: 23px;line-height:24px;
}
#maincontent h2 {
    font-size: 22px;line-height:24px;
}
#maincontent h3 {
    font-size: 20px;line-height:22px;
}
}
@media (max-width:375px) {	
#maincontent {
    padding: 16px;
}
#logo h3 {
    font-size: 28px;
    line-height: 25px;
}
.blog-date {
    padding-right: 0;
}
a {
    font-weight: normal;
}
}