/*
design by free css templates
http://www.freecsstemplates.org
released for free under a creative commons attribution 2.5 license
template: thewild
*/
*{margin:0;padding:0;}
body{background:#355379 url("images/img01.jpg") no-repeat center top;font:normal small Arial,Helvetica,sans-serif;color:#FFFFFF;}
p {margin:0 0 1em 0;}
ul, ol {margin:0.5em 0 0.5em 2em;}
a {color:#FFFFFF;}
a:hover {text-decoration:none;}
hr {display:none}

a img {border:2px solid white}

.cleaner {clear:both;width:100%;height:1px;overflow:hidden;}

/* Boxed Style */
.boxed {margin-bottom:20px;background:#788CA5;border:3px solid #FFFFFF;}
.boxed .title{ height:26px;padding:10px 0 0 10px;background:url(images/img02.gif) repeat-x;border-bottom:3px solid #FFFFFF;text-transform:lowercase;font-size:1em;color:#355379;}
.boxed .content {padding:14px 20px;}
.boxed .content p {padding:0;margin:0.5em 0}

/* Post */
.article,.comments-main{clear:both;margin-bottom:20px; padding:20px 20px 20px 20px;background:#788CA5;border:3px solid #FFFFFF;}
.article .title{clear:both;padding:20px 0;color:#355379;}
.article .image{float:right;  padding:0 0 10px 10px;}
.pager{text-align:center;  padding:20px;  clear:both;}
.article .article-date{margin:0 0 10px 0 }
.article-content{}
.article h3{text-transform:uppercase;letter-spacing:2px;font-size:.8em;}
/*.article img{margin:10px;    float:right;}
*/
.article  .post .story blockquote,.post .story ul,.post .story ol{margin-bottom:1.5em;line-height:120%;         clear:both;}
/* Comments */
.comment {font-size:80%;}
.comment-errors{background:#8b9eba; padding:5px; margin:10px 0; border:1px solid #FFFFFF;            clear:both;}
.comments {background:#8b9eba; padding:5px; margin:10px 0;        clear:both;}
.comment-list li{background:#8b9eba;  padding:5px;  margin-bottom:8px;  clear:right;  min-height:60px;  }
.comment-form td{vertical-align:top; padding:5px; }
td#comment-form-btns{text-align:center }
td#comment-form-btns a {display:none}
textarea#comment_content {width:280px;height:150px}
.comment-form .txtinput {width:220px}

#page {width:700px;margin:0 auto;}

#logo {padding:90px 322px 60px 0;}
#logo h1{margin:0;text-transform:lowercase;letter-spacing:-2px;font-size:4em;text-align:center;}
#logo a{text-decoration:none;font-weight:bold;color:#FFFFFF;}

/* Menu */
#menu{width:100%;height:50px;margin:-50px auto 0 auto;background:url(images/img02.jpg) no-repeat;}
#menu ul{float:right;margin:0;list-style:none;}
#menu li{display:inline;}
#menu a{display:block;float:left;padding:17px 20px 0 20px;text-decoration:none;text-transform:lowercase;font-size:.8em;font-weight:bold;}
#menu a:hover{text-decoration:underline;}
#menu .active a{text-transform:uppercase;}
/* Content */
#area{width:100%;margin:0 auto;padding:20px 0 0 0;}
#extra{}
/* Content > Main */
#content {float:right;width:460px;}
#content a{}

#bar {float:left;width:220px;}
#bar a {}
/* Content > Sidebar > Login */
#login{}
#login form{}
#login fieldset{border:none;}
#login legend{display:none;}
#login label{font-size:x-small;font-weight:bold;}
#login input{margin-bottom:5px;padding:2px 5px;border:1px solid #385B88;font-family:Verdana,Arial,Helvetica,sans-serif;}
#inputtext1,#inputtext2{color:#385B88;}
#inputsubmit1{background:#385B88;color:#FFFFFF;}
/* Content > Sidebar > Updates*/
#updates{}
#updates ul{margin:0;list-style:none;}
#updates h3{margin:0;font:bold x-small Verdana,Arial,Helvetica,sans-serif;}
#updates p{margin-bottom:1.4em;font-size:smaller;line-height:normal;}
/* Content > Sidebar > Partners*/
#partners{}
#partners .content{padding:10px 0;}
#partners ul{margin:0;border-bottom:1px solid #D1BC5C;list-style:none;line-height:normal;}
#partners li{padding:10px;border-top:1px solid #D1BC5C;}
/* Footer */
#footer{clear:both;width:100%;padding:10px 0;border-top:1px dotted #FFFFFF;}
#footer p{margin:0;font-size:x-small;}
/* Footer > Legal */
#legal{}
/* Footer > Links */
#links{}



@media only screen and (max-device-width: 480px) {
  #page {width:460px}
  #content {float:none;width:100%}
  #bar {float:none;width:auto;border:3px solid white;margin:0 0 20px 0;padding:14px 20px;background:#788CA5;}
  #bar ul {list-style-type:none;margin:0.5em 0;padding:0}
  #bar ul li {margin:0 1em 0 0;padding:0;display:inline;}
  #bar .boxed {margin:0;border:0}
  #bar .boxed h2 {display:none}
  #bar .boxed .title {background:transparent}
  #bar .boxed .content {padding:0;}
  #logo {padding:170px 0 0 0}  
}