/* Theme Name: Beigy Wood Theme URI: Description: Nice theme for personal blog with 2 column layout. Supports widget, threaded-comments, page navigation without a plugin. Version: 1.1 Author: Dimox Author URI: http://dimox.net/ Tags: tan, brown, white, light, two-columns, right-sidebar, fixed-width, custom-menu, threaded-comments . License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html . */ * { margin: 0; padding: 0; } header, nav, section, article, aside, footer {display: block} html { min-width: 1000px; background: #F7F6F3 url(i/bg.jpg); } body { font: 15px/20px Arial, Tahoma, Verdana, sans-serif; color: #50443D; width: 100%; background: url(i/header_left.png) 50% 79px no-repeat; } a { color: #3684AD; outline: none; } a:hover { color: #333; } p {margin: 0 0 18px} img {border: none} input {vertical-align: middle} input:focus, textarea:focus {outline: none} blockquote { margin: 0 0 18px 20px; padding: 1px 12px; background: #F6F3F0; border-left: 3px solid #E4DFDA; } blockquote p { padding: 8px 0; margin: 0; } .clear { clear: both; height: 0; overflow: hidden; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft, img.attachment-thumbnail {float: left} img.alignleft, img.attachment-thumbnail {margin: 3px 18px 8px 0} .alignright {float: right} img.alignright {margin: 3px 0 8px 18px} .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 10px; padding-top: 4px; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } code { background: #F6F3F0; border: 1px solid #E4DFDA; border-width: 1px 0; padding: 0 0 2px; } pre { margin: 0 0 18px; } table { width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #E4DFDA; } th { background: #F6F3F0; padding: 5px 8px; border: 1px solid #E4DFDA; } td { padding: 5px 8px; border: 1px solid #E4DFDA; } dd { margin: 0 0 18px 20px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery img { border: 2px solid #CFCFCF; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #F1F1F1; } .gallery br+br { display: none; } .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } .sticky { } #wrapper { width: 1000px; margin: 0 auto; } /* Header -----------------------------------------------------------------------------*/ header { height: 360px; position: relative; background: url(i/header.png) 0 100% no-repeat; } #logo { position: absolute; top: 135px; left: 280px; z-index: 100; font: 40px/1 Georgia, "Times New Roman", Times; text-decoration: none; color: #6D4F3A; text-shadow: 1px 1px 0 #EAE3DF, -1px 1px 0 #EAE3DF, 1px -1px 0 #EAE3DF, -1px -1px 0 #EAE3DF, 2px 2px 8px rgba(109,79,58,0.7); } #logo span { display: block; font: 14px/18px Arial, Tahoma, sans-serif; color: #845F46; text-shadow: 0 0 3px #FFF; margin: 6px 0 0; } #image { position: absolute; bottom: 97px; left: 28px; width: 942px; height: 200px; overflow: hidden; } #imageAbove { position: absolute; bottom: 101px; left: 32px; width: 967px; height: 227px; background: url(i/header_image.png) no-repeat; } * html #imageAbove {display: none} #nav { position: absolute; top: 273px; left: 58px; width: 637px; font-size: 13px; } #nav li { float: left; list-style: none; padding: 0 1px 0 0; margin: 0 0 60px; position: relative; } #nav a { float: left; background: #E7E1DA; color: #6D4F3A; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0px #F2EFEC; } #nav a:hover, #nav li:hover a, #nav li:hover li:hover a, #nav ul:hover a:hover, #nav li:hover ul:hover a:hover, #nav li.current_page_item a, #nav li.current-menu-item a { color: #FFF; background: #A59A8D; text-shadow: none; } #nav ul { display: none; position: absolute; top: 26px; left: -1px; z-index: 100; background: #E7E1DA; -moz-box-shadow: 2px 2px 7px rgba(165,154,141,0.5); -webkit-box-shadow: 2px 2px 7px rgba(165,154,141,0.5); box-shadow: 2px 2px 7px rgba(165,154,141,0.5); border: 1px solid #FFF; border-width: 0 1px 1px; } #nav li:hover ul, #nav li:hover li:hover ul { display: block; } #nav ul li { white-space: nowrap; float: none; border-top: 1px solid #FFF; margin: 0; padding: 0; } #nav ul a, #nav li:hover ul a, #nav li:hover li:hover ul a { float: none; display: block; background: #E7E1DA; color: #6D4F3A; } #nav li:hover li ul, #nav ul ul { display: none; position: absolute; top: -1px; left: 100%; z-index: 100; border-left: 1px solid #FFF; } #search { position: absolute; top: 273px; right: 29px; } #search input { font: 11px Arial, Tahoma; float: left; color: #6D4F3A; border: 1px solid #D7CFC8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 0 #F2EFEF; -moz-box-shadow: 2px 2px 0 #F2EFEF; box-shadow: 2px 2px 0 #F2EFEF; } .search { width: 186px; padding: 4px 7px; } #search input.go { cursor: pointer; width: 56px; height: 24px; margin: 0 0 0 5px; font-weight: bold; background: #FFF; } #search input.go::-moz-focus-inner{border:0} #search input:hover { background: #F8F7F4; } #search input:focus { background: #FFF; border: 1px solid #C6BBAE; } /* Middle -----------------------------------------------------------------------------*/ #middle { width: 100%; background: url(i/middle_bottom.png) 0 100% no-repeat; padding: 0 0 88px; } #mid { background: url(i/shadow.png) repeat-y; height: 1%; } #mid:after { content: ' '; clear: both; display: block; height: 0; visibility: hidden; } #container { width: 100%; float: left; overflow: hidden; margin: -12px 0 -40px; position: relative; } *+html #container { position: static; margin: 0 0 -40px; } #content { margin: 0 334px 0 42px; background: #FFF; } .post { margin: 0 0 45px; padding: 0 0 1px; } #content h2 { font: 32px/1 Cambria, Georgia, "Times New Roman", Times; margin: 0 0 18px; letter-spacing: -1px; text-shadow: 1px 1px 0 #FFF, 2px 2px 4px #D0C4C4; } #content h2 a { text-decoration: none; } #content h2 a:hover { color: #444; text-decoration: underline; } .entry { text-align: justify; width: 100%; overflow: hidden; } #content .page h2, #content .entry h1, #content .entry h2, #content .entry h3, #content .entry h4, #content .entry h5, #content .entry h6 { font: 32px/1 Cambria, Georgia, "Times New Roman", Times; margin: 30px 0 20px; padding: 0 0 7px; text-shadow: 1px 1px 0 #FFF, 2px 2px 4px #D0C4C4; border-bottom: 1px solid #EEEAE9; } #content .page h2 { margin: 0 0 18px; } #content .entry h2 {font-size: 30px} #content .entry h3 {font-size: 27px} #content .entry h4 {font-size: 25px} #content .entry h5 {font-size: 23px} #content .entry h6 {font-size: 20px} .pmeta { font-size: 11px; font-weight: bold; color: #777; margin: 0px 0 18px; padding: 3px 7px; background: #F6F3F0; -webkit-box-shadow: 1px 1px 3px #E1DBD2; -moz-box-shadow: 1px 1px 3px #E1DBD2; box-shadow: 1px 1px 3px #E1DBD2; } .pmeta a, .pmeta2 a { color: #777; } .pmeta a:hover, .pmeta2 a:hover { color: #333; } .pmeta2 { border-top: 1px solid #E3DAD1; font-size: 11px; padding: 7px 0 0; text-align: right; font-weight: bold; color: #777; } .ptags { float: left; } .post ul, .post ol { margin: 0 0 18px 30px; } .post li { padding: 2px 0; } .post li ul, .post li ol { margin: 0; } .post li li { margin-left: 18px; } #content h3 { font: 24px/1 Cambria, Georgia, "Times New Roman", Times; text-shadow: 1px 1px 0 #FFF, 2px 2px 4px #D0C4C4; margin: 0 0 10px; letter-spacing: -1px; } div.pagetitle { margin: 0 0 22px; padding: 0 0 5px; font: bold italic 17px/22px Cambria, Georgia, "Times New Roman", Times; border-bottom: 1px solid #EEEAE9; text-shadow: 1px 1px 1px #DBD5CE; } .commentlist {margin: 25px 0 5px;} .commentlist li { list-style: none; border-top: 1px solid #EEEAE9; } .commentlist .comment { padding: 20px 0 1px; } .commentlist ul.children li { padding: 0 0 0 20px; } .commentlist .bypostauthor { background: #F8F7F4; padding: 18px 18px 1px; border: 1px solid #EEEAE9; margin: -1px 0; } .avatar { float: left; display: inline; border: 1px solid #E3DAD1; padding: 2px; margin: -3px 7px 0 0; background: #FFF; } .fn { font-style: normal; font-weight: bold; } .commentmetadata { font-size: 11px; color: #A59A8D; margin: 0 0 18px; } .commentmetadata a { text-decoration: none; color: #A59A8D; } .commentmetadata a:hover { text-decoration: underline; } .reply { margin: 0 0 10px; font-size: 13px; } #respond h3 { margin: 30px 0 16px; } #cancel-comment-reply { margin: 0 0 13px; } #cancel-comment-reply a { color: #F00; } #commentform p { margin: 0 0 12px; } #author, #email, #url, #comment, #submit { font: 14px Arial, Tahoma; padding: 5px 8px; width: 190px; color: #6D4F3A; border: 1px solid #D7CFC8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 0 #F2EFEF; -moz-box-shadow: 2px 2px 0 #F2EFEF; box-shadow: 2px 2px 0 #F2EFEF; } #author, #email, #url { margin-right: 5px; } #author:hover, #email:hover, #url:hover, #comment:hover, #submit:hover { background: #F8F7F4; } #author:focus, #email:focus, #url:focus, #comment:focus, #submit:focus { background: #FFF; border: 1px solid #C6BBAE; } #comment { width: 96%; height: 150px; } #submit { width: auto; height: 30px; padding: 0 10px; background: #ECE7E3; cursor: pointer; font-size: 13px; font-weight: bold; overflow: visible; } #submit::-moz-focus-inner{border:0} .navigation { width: 100%; overflow: hidden; padding: 5px 0; font-size: 14px; } .navigation a, .navigation span { padding: 2px 7px; margin: 0 3px 0 0; } .navigation a { border: 1px solid #E4DFDA; color: #7C634F; text-decoration: none; } .navigation a:hover { color: #333; background: #F3EFEB; border: 1px solid #DCD6D0; } .navigation span.current { font-weight: bold; background: #E4DFDA; border: 1px solid #DCD6D0; } .navigation.comm { margin: 30px 0 10px; } .navigation.comm a, .navigation.comm span { margin: 0; } .posts_nav_link { display: none; } /* Sidebar -----------------------------------------------------------------------------*/ aside { float: left; width: 260px; margin-left: -290px; margin-top: -23px; position: relative; font-size: 12px; line-height: 14px; } aside a { text-decoration: none; color: #7C634F; } aside a:hover { text-decoration: underline; } .advs { width: 270px; margin-right: -10px; overflow: hidden; padding: 0 0 5px; } .advs .adv125 { float: left; padding: 0 10px 10px 0; } .advs img { display: block; } section { background: #F6F3F0; margin: 0 0 20px 0; padding: 7px 0 10px; -webkit-box-shadow: 3px 3px 7px #E8E2DD; -moz-box-shadow: 3px 3px 7px #E8E2DD; box-shadow: 3px 3px 7px #E8E2DD; } section h3 { font: bold italic 17px/22px Cambria, Georgia, "Times New Roman", Times; padding: 0 0 7px 15px; margin: 0 0 10px; border-bottom: 2px solid #E4DFDA; color: #444; -webkit-box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF; text-shadow: 1px 1px 0 #DBD5CE; } section ul { overflow: hidden; } section li { list-style: none; border-top: 1px solid #DCD6D0; border-bottom: 1px solid #FFF; margin: -1px 0 -2px; padding: 4px 15px 7px 32px; background: url(i/bullet.gif) 15px 7px no-repeat; } section li ul { margin: 2px -15px -5px 0; } #tagCloud, .widget_tag_cloud .inner { padding: 0 15px; text-align: center; } #tagCloud a, .widget_tag_cloud a { line-height: 24px; margin: 0 4px; } /* Footer -----------------------------------------------------------------------------*/ footer { padding: 15px 30px 18px; text-align: right; font-size: 10px; } footer a { color: #5F5249; }