/* Theme Name: Apricot Theme URI: http://www.ardamis.com/2007/06/03/apricot/ Description: A minimalist, text-based layout with support for widgets and avatars. Apricot is tested and proven SEO friendly. All pages validate as XHTML 1.0 Strict. Version: 1.2 Author: Oliver Baty Author URI: http://www.ardamis.com/ Tags: fixed-width, left-sidebar, two-columns, black, orange, white, light */ /* Body and Major Structural Elements */ * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #fff; color: #202020; font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif; /* Resets 1em to 10px */ } #page { margin: 0 auto 0; padding: 0; width: 800px; } #header { margin: 40px 0 0; } #header p.blogtitle { text-indent: 180px; font: 3em Georgia, "Times New Roman", Times, serif; } #header p.description { text-indent: 180px; font-size: 1.4em; } #content { } .narrowcolumn { width: 540px; margin: 0; padding: 0; float: right; } .post { } .multipost { padding: 0 0 80px; } .entry { margin: 0; padding: 0; font: 1.3em/1.6 "Lucida Grande", Verdana, Arial, sans-serif; } .navigation { padding: 10px 0 60px; line-height: 1.5em; } img.centered { margin: 0 auto 0; display: block; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { margin: 0 10px 0 0; padding: 4px 0 0 0; float: left; display: inline; } .alignright { margin: 0 0 0 10px; padding: 4px 0 0 0; float: right; display: inline; } #footer { width: 800px; margin: 0 auto 0; padding: 20px 0 25px 9px; clear: both; } /* End Body and Major Structure */ .center { text-align: center; } .clear { clear: both; } .inline { display: inline; } .hidden { display: none; } /* Begin Sidebar */ #sidebar { width: 220px; padding: 60px 0 40px; list-style-type: none; text-align: right; } #sidebar a { padding: 0.3em 0 0.3em 0.3em; border: none; color: #202020; text-decoration: none; } #sidebar a:hover { border: none; color: #202020; text-decoration: none; } #sidebar h2 { margin: 30px 0 10px; padding: 2px 0 2px 50px; border-bottom: 1px solid #cacaca; font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif; text-align: left; } #sidebar li { margin: 0 0 15px 0; /* each main section, i.e., Pages, Categories, Archives, etc. */ } #sidebar ol li { list-style: decimal outside; } #sidebar p, #sidebar select { margin: 5px 0 8px; } #sidebar ul, #sidebar ol { margin: 8px 0 0 0; text-transform: uppercase; letter-spacing: 0.3em; /* the block of links for all the Pages, Categories, Monthly Archives, etc. */ } #sidebar ul li, #sidebar ol li { margin: 3px 0; padding: 0.2em 0; list-style-type: none; /* each individual link, i.e., each page, each category, each month, etc. */ } #sidebar ul li:hover { /* border-left: 1px solid #ff8900; */ } #sidebar ul ul, #sidebar ol { margin: 0 0 0 10px; } #sidebar form { margin: 0; } #searchform { padding: 40px 0 0; } #sidebar #searchform #s { width: 220px; height: 22px; padding: 3px 0 3px 30px; border: none; color: #404040; font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif; background: #fff url(images/bg_search_full.png) no-repeat; } #sidebar #searchsubmit { padding: 1px; } /* End Sidebar */ /* Begin Paragraphs and Fonts */ acronym, abbr { border-bottom: 1px dashed #cacaca; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; } h1, h2, h3 { margin: 30px 0 14px; color: #202020; /* color for post titles is in links section */ text-decoration: none; font: normal 2.0em Georgia, "Times New Roman", Times, serif; /* font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, Arial, sans-serif; */ } #footer h1 { margin: 0; display: inline; font: normal 1em "Lucida Grande", Verdana, Arial, sans-serif; } h3, .entry h2 { font: normal 1.6em Georgia, "Times New Roman", Times, serif; } h4 { margin: 0; display: inline; font-size: 1em; font-weight: normal; /* used in footer on non-single pages */ } h6 { margin: 9px 0 14px; font: normal 0.9em "Lucida Grande", Verdana, Arial, sans-serif; /* little sub-heading line, to be used on pages in place of a post's date line */ } p.postdate { margin: 0 0 14px 0; font: 1.1em "Lucida Grande", Verdana, Arial, sans-serif; color: #606060; } .entry p { margin: 0 0 10px 0; } .bookmarks { margin: 40px 0 0 0; padding: 4px 0; font: 1.2em Arial, Helvetica, sans-serif; text-align: center; /* social bookmarking */ } .bookmarks a { border: none; /* social bookmarking */ } .postmetadata { margin: 40px 0 30px; padding: 10px 10px 12px; font: 1.1em/1.4 Arial, Helvetica, sans-serif; text-align: center; } small { font: 1.0em/1.4 Arial, Helvetica, sans-serif; } .alt { border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; } .entry blockquote { margin: 15px 40px 15px 20px; padding: 0 0 0 20px; border-left: 1px dotted #ff8900; text-align: justify; } .entry blockquote p { line-height: 1.2em; } blockquote cite { margin: 4px 0 0 0; display: block; } pre { width: 95%; margin: 1em 0; padding: 1em 3em 1em 1em; font: 1.1em "Courier New", Courier, monospace; overflow: scroll; border: 1px solid #cacaca; } code { color: #668800; font: 110% "Courier New", Courier, monospace; } #commentform p { margin: 5px 0; font-family: "Lucida Grande", Verdana, Arial, sans-serif; } .isolate { margin: 6px auto 12px; padding: 0; text-align: center; } .recentdate { padding: 0 20px 0 10px; } #footer p { margin: 0; padding: 4px 0 0; } /* End Paragraphs and Fonts */ /* Begin Comments */ .commentlist { padding: 0; border-bottom: 1px solid #cacaca; /* border-bottom styles the end of the list of comments */ font: 1.1em/1.3 "Lucida Grande", Verdana, Arial, sans-serif; /* keep font the same as .entry p */ } .commentlist li { margin: 0; padding: 10px 18px;; list-style: none; border-top: 1px solid #cacaca; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist a { } .commentlist p { margin: 10px 5px 10px 0; } .commentmetadata { margin: 0; display: block; } .commentlist cite { font-weight: bold; } .commentlist li pre { /* controls text within brackets within comments (pre is added automatically by codeautoescape plugin) */ width: 90%; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentlist cite a { border: none; text-decoration: none; } .commentlist cite a:hover { border: none; text-decoration: underline; } .commentmetadata { font-weight: normal; } .comment { background: #fff url(images/com_bubble_white.png) 0 12px no-repeat; } .oddcomment { background: #fff url(images/com_bubble_white.png) 0 12px no-repeat; } .authority { /* li.authority controls behavior of comment if comment author = post author */ background: #fff url(images/com_bubble_auth_white.png) 0 12px no-repeat; } .commentnumber { } /* End Comments */ /* Links */ a { border-bottom: 1px solid #6c6882; color: #202020; text-decoration: none; } h2 a, h2 a:visited, h3 a, h3 a:visited { margin: 0 0 0 -1px; padding: 0 1px; color: #202020; /* colot for post titles on index, archive, and search pages */ font-weight: normal; text-decoration: none; border-bottom: 1px solid #fff; } a:hover, h2 a:hover, h3 a:hover { border-bottom: 1px solid #ff8900; color: #202020; text-decoration: none; } .entry a:hover { } .postmetadata a { border: none; text-decoration: underline; } .postmetadata a:hover { border: none; text-decoration: none; } small a { border: none; } .download { background: #fff url(images/down_white.png) 0 50% no-repeat; padding: 0 0 0 18px; } .download a { padding: 0 2px; border-bottom: 1px solid #779900; } .download a:hover { border-bottom: 1px solid #779900; color: #fff; background: #779900; } .hidelink, a.hidelink:hover, a img { border: none; } li.tagcloudtags a { letter-spacing: 0; text-transform: none; } .more-link a { /* .more-link added by the_excerpt_reloaded plugin http://guff.szub.net/2005/02/26/the-excerpt-reloaded/ */ border: none; color: #cacaca; } .more-link a:hover { border: none; color: #404040; } /* End Links */ /* Begin Lists */ .entry ol, .entry ul { margin: 0 0 0 4px; padding: 0 0 8px 0; /* keep the same as .entry p */ } .entry ol { list-style: decimal outside; } .entry ul { list-style: circle outside; } .entry ol li, .entry ul li { margin: 0 0 0 1.5em; padding: 2px 0 4px 0; } .nocomments { margin: 0 0 20px 0; text-align: center; padding: 0; } .postmetadata ul, .postmetadata li { clear: both; display: inline; list-style-type: none; } /* End Lists */ /* Begin Forms */ /* Give forms a class of clearfix to make them contain the floated submit button */ .entry form { /* text-align: center; */ /* This is mainly for password protected posts, makes them look better. */ } #commentform { } select { width: 130px; } #commentform input, #contact input { width: 170px; margin: 5px 5px 1px 0; padding: 2px; } #commentform textarea { width: 99%; padding: 2px; } #commentform #submit { margin: 0; float: right; } #contact input, #contact textarea { font: 0.9em "Lucida Grande", Verdana, Arial, sans-serif; } #contact p { margin: 5px 0; } #contact textarea { width: 100%; margin: 6px 0 0 0; padding: 2px; overflow: hidden; } #contact #submit { width: 100px; margin: 0; float: right; } /* End Forms */ /* Begin Calendar */ #wp-calendar { margin: 10px auto 0; width: 140px; empty-cells: show; } #wp-calendar a { display: block; text-decoration: underline; } #wp-calendar #next a { font-size: 9pt; text-align: right; } #wp-calendar #prev a { font-size: 9pt; text-align: left; } #wp-calendar caption { width: 100%; font: bold 1.3em "Lucida Grande", Verdana, Arial, sans-serif; text-align: center; text-decoration: none; } #wp-calendar th { font-style: normal; text-transform: capitalize; text-align: center; } #wp-calendar td { width: 20px; padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { background: #FFFFFF; } /* End Calendar */ /* Captions */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; 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, .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Begin .clearfix http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* End .clearfix */