/*
Theme Name: Artemis
Theme URI: http://frostpress.com/themes/artemis/
Description: Two-column theme with widget placement in both in a sidebar and at the bottom, with a soft blend of blue, white and sand colors. Widget in the sidebar with tabbed lists of recent comments, popular posts, categories and tags saves a lot of space.
Version: 1.1.4
Author: Frostpress
Author URI: http://frostpress.com
Tags: light, white, blue, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

"It's not how one dies, its how one lives that truly matters."
*/

/* basic */
body { 
    margin:0px; 
    padding:0px; 
    background-color:#364252; 
    font-size:13px; 
    line-height:170%; 
    color:#444444; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
}
a { color:#BE4B29; text-decoration:none; outline:none; }
a:hover { text-decoration:none; color:#E19179; }
blockquote { padding:1px 10px 1px 10px; margin:10px 0px 10px 10px; background-color:#EFEFEF; }
blockquote blockquote { background-color:#E1E1E1; display:inline-block; }
pre { padding:5px 10px 5px 10px; margin:10px 0px 10px 0px; background-color:#F2F2F2; line-height:160%; overflow:auto; }
input, select, textarea { padding:6px; background:#FFFFFF url('images/search-box.gif') left top repeat-x; border:solid 1px #CCCCCC; font:normal 13px/100% Verdana, Arial, Helvetica, sans-serif; color:#666666; }
input:hover, select:hover, textarea:hover { border-color:#B5B5B5; }
textarea { line-height:160%; }
form { margin:0px; padding:0px; }
ul { list-style:square; list-style-image:url('images/dot.gif'); }
p { margin:11px 0px 11px 0px; }
acronym, abbr { cursor:help; border-bottom:1px dashed #999; }
code { font:1.1em 'Courier New', Courier, Fixed; }

/* header */
#header { overflow:hidden; border-bottom:solid 5px #576982; }
#header .innerwrap { padding:10px 0px 10px 0px; }
#header h1 { color:#FFFFFF; font:bold 36px/100% Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px; padding:0px; letter-spacing:-1px; }
#header h1 a { color:#FFFFFF; }
#header h4 { color:#7B8DA8; font:bold 14px/100% Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; padding:0px; }

/* menu */
#menu { overflow:hidden; float:right; margin:0px 0px 0px 0px; font:bold 14px/100% Helvetica, Arial, sans-serif; }
#menu ul { overflow:hidden; list-style:none; margin:0px; padding:0px; }
#menu ul li { padding:0px; margin:0px; display:inline; }
#menu ul li a { display:block; float:left; color:#96A5BA; padding:8px; }
#menu ul li a:hover { text-decoration:none; color:#BFC9D5; }
#menu li.current_page_item a, #menu li.current_page_item a:hover { background:#576982; color:#FFFFFF; }
#menu ul li a.subscribe { color:#FF9900; }
#menu ul li a.subscribe:hover { color:#FFB94F; }

/* layout */
#main { overflow:hidden; background:#F2F0EE; }
.innerwrap { width:958px; margin:0px auto 0px; overflow:hidden; }
#main .innerwrap { background:url('images/bg_c1.gif') left top repeat-y; }
#c1 { width:588px; float:left; overflow:hidden; background:#FFFFFF; border:solid 1px #E7E2DE; border-top:0; border-bottom:0; padding:5px; }
#c2 { width:308px; float:left; overflow:hidden; margin:20px 0px 20px 20px; }

/* post */
.post { overflow:hidden; margin:0px 0px 20px 0px; padding:0px 0px 10px 0px; }

.post-title { overflow:hidden;  margin:10px 0px 10px 0px; }
.post-title h1 { margin:0px 0px 10px 0px; padding:0px; font:bold 28px/120% "Myriad Pro", Helvetica, Arial, sans-serif; }
.post-title h1 a { color:#444444; }
.post-title h1 a:hover { color:#666666; }
.post-title h1 span { color:#BFBFBF; font-size:20px; text-transform:uppercase; }
.post-date { display:inline-block; background-color:#F1EEEB; padding:1px 6px 1px 6px; }
.post-categories { }
.post-author { /*display:none;*/ }

.post-text { overflow:hidden; }
.post-text img { border:solid 4px #E9E4E0; }
.post-foot { overflow:hidden; padding:8px 0px 8px 0px; color:#C9C0B8; }
.post-meta a { color:#A7988B; }
.post-meta a:hover { color:#BFB5AA; }
.comments-link { display:block; background:url('images/comment.gif') left 0px no-repeat; padding:0px 0px 0px 30px; margin:0px 0px 0px 0px; float:right; font:bold 14px/150% Arial, Helvetica, Verdana, sans-serif; height:40px; }

#submenu { float:right; overflow:hidden; margin:0px 0px 5px 5px; padding:10px; background-color:#F2F0EE; }
#submenu ul { margin:0px; padding:0px 0px 0px 15px; }

.sep { background:url('images/sep.gif') center top no-repeat; height:17px; margin:20px 0px 20px 0px; }

/* comments */
.commentlist { padding:0px; margin:0px; overflow:hidden; }
.commentlist ul { margin:0px; padding:0px; list-style:none; list-style-image:none; }
.commentlist li { margin:0px; padding:0px; overflow:hidden; }

ul.children { margin:0px 0px 0px 25px; }
.children .avatar { width:35px; height:35px; }

.comment { overflow:hidden; background-color:#F1EEEB; margin:0px 0px 10px 0px; padding:0px; }
.comment blockquote { background-color:#E2DCD6; }
.comment.bypostauthor { background-color:#EBEDF1; }
.comment-head { background-color:#E3DDD7; padding:3px 10px 3px 10px; }
.comment-avatar { float:left; overflow:hidden; padding:10px; }
.comment-text { overflow:hidden; padding:10px 10px 10px 0px; }
.comment-meta { overflow:hidden; border-bottom:dashed 1px #CCCCCC; padding:0px 0px 5px 0px; }
.comment-writer { display:inline; font-weight:bold; }
.comment-date { display:inline; margin-left:5px; }
.comment-date a, .comment-reply a { color:#999999; }
.comment-date a:hover, .comment-reply a:hover { color:#666666; }
.comment-reply { float:right; }

.trackbacklist { margin:20px 0px 0px 0px; padding:0px; }
.trackbacklist li { margin:0px 0px 10px 0px; padding:10px 10px 10px 10px; overflow:hidden; background-color:#F2F1EE; }

#respond #comment { width:97%; max-width:97%; }

/* widgets */
#widgets { overflow:hidden; list-style:none; list-style-image:none; margin:0px; padding:0px; }
.widget { list-style:none; margin:0px 0px 20px 0px; overflow:hidden; }
.widget ul { margin:0px 0px 0px 20px; padding:0px; }
.widget ul li { padding:5px 0px 0px 0px; }
.widget h2, .submenu h2 { 
    background: url("../images/nav.png") repeat-x; 
    margin:0px 0px 5px 0px; 
    padding:7px 9px; 
    color:#333; 
    text-shadow:1px 1px 1px #fff;
    font:bold 16px/100% Arial, Helvetica, Verdana, sans-serif; 
    border: 1px solid #666;    
}

#widgets-bottom { overflow:hidden; list-style:none; list-style-image:none; margin:0px; padding:0px; }
#widgets-bottom .widget { float:left; width:290px; margin:0px 20px 20px 0px; }
#widgets-bottom .widget h2 { color:#8091AA; }

.recent .tabs { list-style:none; margin:0px; padding:0px; overflow:hidden; }
.recent .tabs li { padding:0px; margin:0px; display:inline; }
.recent .tabs li a { float:left; display:block; padding:2px 6px 2px 6px; background-color:#DEDAD8; color:#333333; margin-right:5px; border-bottom:solid 4px #F2F0EE; }
.recent .tabs li a:hover { background-color:#D5CDCA; }
.recent .tabs li a.active { background-color:#E7E4E2; border-bottom:solid 4px #E7E4E2; }
.recent ul { list-style:none; margin:0px; padding:0px; }
.recent ul li { margin-bottom:4px; background-color:#E7E4E2; width:100%; padding:5px 10px 5px 10px; overflow:hidden; }

#tab-comments { margin:0px; padding:0px; }
.tab-comments-avatar { float:left; overflow:hidden; margin:3px 10px 3px 0px; }
.tab-comments-text { float:left; overflow:hidden; width:230px; }
#tab-comments li { overflow:hidden; }
#tab-categories li a { background:url('images/dot.gif') left 5px no-repeat; padding-left:17px; }

/* post page navigation */
.post-pages { overflow:hidden; margin:20px 0px 20px 0px; line-height:100%; }
.post-pages a span, .post-pages span { display:inline-block; padding:8px 10px 8px 10px; cursor:pointer; background:#F1EFEB; color:#333333; }
.post-pages a:hover span { text-decoration:none; background:#E1DDD5; color:#333333; }

/* navigation + search */
.navigation { overflow:hidden; background-color:#E8E4E1; }
.navigation .innerwrap { background:url('images/bg_navigation.gif') left top repeat-y; padding:20px 0px 20px 0px; }
.Nav { margin:5px 0px 0px 20px; }
.navigation span { display:none; }
.navigation a { padding:6px 10px 6px 10px; background-color:#DCD6CD; color:#333333; }
.navigation a:hover { background-color:#CCC4B7; }
.navigation .on { padding:5px 10px 5px 10px; }

#search { overflow:hidden; float:right; }
#search input { padding:6px; width:290px; }

/* footer */
#footer { color:#95A5B9; margin:0px 0px 0px 0px; border-top:solid 5px #576982; padding:20px 0px 20px 0px; }
#footer h3 { font:bold 15px/100% Arial, Helvetica, Verdana, sans-serif; color:#778AA2; margin:0px 0px 10px 0px; padding:0px; }
#footer i { font-style:normal; color:#C6CFD9; }
#footer ul { margin:0px 0px 0px 20px; padding:0px; }
#footer img { border:solid 4px #4E5F76; }
#footer a { color:#E4B887; text-decoration:none; }
#footer a:hover { text-decoration:none; color:#F0D9BF; }

#footer-info { text-align:center; margin-top:10px; color:#657D9A; }
#footer-info a { color:#899BB1; }

/* Wordpress defaults */
.overflow { overflow:hidden; }
.center { text-align:center; }
.noborder { border:0 !important; }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin:0px 0px 7px 7px; display: inline; }
img.alignleft { margin:0px 7px 7px 0px; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font-weight:bold; text-align: center; }
#wp-calendar th { font-style:normal; font-weight:normal; text-transform: capitalize; }
#wp-calendar { empty-cells: hide; width: 200px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; background-color:#B3AAA2; color:#333333; }
#wp-calendar #today { background-color:#BDC6D5; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { text-align: center; background-color:#E0DBD8; }
#wp-calendar .pad { background-color:#F2F0EE; }
/* End Calendar */

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #E9E4E0; text-align: center; background-color: #E9E4E0; padding-top: 4px; margin: 10px;
              -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

.divPaginator{
    text-align:center;
    font-size:14px;
    text-align:center;
    padding:10px 0 10px 0;
    font-weight:bold;
}

.divPaginator a, .divPaginator a:visited{
    color:#0000FF;
}

.divPaginator2{
    text-align:center;
    font-size:11px;
    text-align:center;
    padding:10px 0 10px 0;
    font-family:tahoma;
    font-weight:bold;
}

.divPaginator2 a, .divPaginator2 a:visited{
    color:#D74441;
}

.all2{
    font-size: 15px;
    color: #ff0000;
    text-decoration: underline;
}

.home_update{
    border: 0px solid red;
}

.home_update h1{
    background: url("../images/nav.png") repeat-x; 
    margin:1px 0px 1px 0px; 
    padding:7px 9px; 
    color:#000; 
    text-shadow:1px 1px 1px #fff;
    font:bold 18px/100% Arial, Helvetica, Verdana, sans-serif; 
    border: 1px solid #666;    
    position: relative;
}

.home_update h1 a:link, .home_update h1 a:visited{
    display: block;
    position: absolute;
    width: 150px;
    border: 0px solid red;
    right: 10px; top: 7px;
    font:bold 13px/100% Arial, Helvetica, Verdana, sans-serif; 
    text-align: right;
}


.overf-home{
    border: 0px solid #00f;
    height: 500px;
    overflow: auto;
}

.serie-list{
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0px 0;
    padding: 5px 0px;
    height:155px; 
    font: normal 12px/130% Arial, Tahoma;
}

.serie-list h2{
    font: bold 14px/100% Arial, Tahoma;
    padding: 0;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 5px;
}
.serie-list h2 a:link,.serie-list h2 a:visited{
    color: #333;
}
.serie-list h2 a:hover{
    color: #777;
}
.cls{
    clear: both;
}

.mv-index{
    display: block;
    border: 0px solid red;
    width: 188px;
    float: left;
    text-align: center;
    padding: 5px 0;
    font-size: 11px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
