/* 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:20px; } #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 { margin:0px 0px 5px 0px; padding:0px; color:#AC9F95; font:bold 16px/100% Arial, Helvetica, Verdana, sans-serif; } #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:40px; 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 */