/* Theme Name:MyGardenOnline Theme Theme URI:http://mygardenonline/ Description:This MyGardenOnline.com theme based on the famous Kubrick; but way cleaned up! Version:1.0 Author:Chuck Reynolds Author URI:http://webmediarx.com Tags:custom, fixed width, two columns, widgets MyGardenOnlone v1.0 http://webmediarx.com This theme was designed and built by Chuck Reynolds, whose blog you will find at http://rynoweb.com/ */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline} body {line-height:1.5} /* Begin Typography & Colors */ body {font-size:62.5%; /* Resets 1em to 10px */ font-family:Verdana, Arial, Sans-Serif; background:#d4e5e8 url('images/bg_blog_main.jpg') top center no-repeat; color:#555; margin:0 0 20px 0; padding:0} .containr {margin:0 auto; padding:0; width:784px; } .containr:after {content:"."; display:block; height:0; clear:both; visibility:hidden} * html .containr {height:1%} #header {height:200px} #mainnav {height:60px} #page {background:url('images/bg_mid.repeatr.jpg') repeat-y} #content {font-size:1.2em; float:left; padding:0 0 0 75px; margin:0; width:456px} #sidebar {padding:20px 0 90px 0; margin-left:560px; width:185px; background:url('images/bg_sidebar.repeatr.jpg') top no-repeat} #footer {height:80px; background:url('images/bg_footer.jpg') top no-repeat} h1, h2, h3 {font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold} h1, h1 a, h1 a:hover, h1 a:visited {text-decoration:none} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#9f5d00} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {text-decoration:none} h1 {font-size:3em; text-align:center} h2 {font-size:1.8em} h2.pagetitle {font-size:1.6em} #sidebar h2 {font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em} h3 {font-size:1.3em} #header h1 {float:left; margin:0;padding:0} #header h1 a {display:block; margin-left:42px; width:271px; height:60px; overflow:auto; background:transparent url('images/bg_header_logo.gif') top left no-repeat; text-indent:-6969px} #header h1 span {display:none} #header .description {text-indent:-6969px} #header #login{width:165px; height:194px; display:inline; padding:0 10px 0 0} #sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif} .commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif} .commentlist li {font-weight:bold} .commentlist li .avatar {float:right; border:1px solid #eee; padding:2px; background:#fff} .commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em} .commentlist p {font-weight:normal; line-height:1.5em; text-transform:none} #commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif} .commentmetadata {font-weight:normal} small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777} code {font:1.1em 'Courier New', Courier, Fixed} acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em} a {color:#3d3520; text-decoration:none} h2 a:hover, h3 a:hover {color:#9f5d00; text-decoration:none} a:hover {color:#147; text-decoration:underline; background-color:#fae3c1} /* Navigation */ #nav{width:631px; border-top:1px dotted #333; border-bottom:1px dotted #333; margin:5px auto} #nav a{color:#3d3520; display:block; padding:3px 4px} #nav a:hover{background-color:#fad0b7; color:#ff1b24} #nav a.current{color:#ff1b24} #nav li{display:inline; float:left; font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center} /* Begin Structure */ #content {float:left; padding:0 0 0 75px; margin:0; width:456px} #content:after {clear:both} #content .entry {line-height:1.4em} .post {margin:0 0 40px; text-align:justify} .post hr {display:block} #content .postmetadata {padding:5px 0 0 20px; font-size:0.9em} .postmetadata {clear:left} .clear {clear:both} #footer p {margin:0; padding:48px 0 0 0; text-align:center} /* Begin Headers */ h1 {padding-top:70px; margin:0} h2 {margin:30px 0 0} h2.pagetitle {margin-top:30px; text-align:center} #sidebar h2 {margin:5px 0 0; padding:5px 0 0 5px} h3 {padding:0; margin:30px 0 0} h3.comments {padding:0; margin:40px auto 20px } /* Begin Images */ p img {padding:0; max-width:100%} img.centered {display:block; margin-left:auto; margin-right:auto} img.alignright {padding:4px; margin:0 0 2px 7px; display:inline} img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline} .alignright {float:right} .alignleft {float:left} /* Begin Lists */ html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px} html>body .entry li {margin:7px 0 8px 10px} .entry ul li:before, #sidebar ul ul li:before {content:"\00BB \0020"} .entry ol {padding:0 0 0 35px; margin:0} .entry ol li {margin:0; padding:0} .postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none} #sidebar ul, #sidebar ul ol {margin:0 0 0 4px; padding:0} #sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px} #sidebar ul p, #sidebar ul select {margin:5px 4px 8px} #sidebar ul ul, #sidebar ul ol {margin:5px 0 0 5px} #sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 5px} ol li, #sidebar ul ol li {list-style:decimal outside} #sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0} /* Begin Form Elements */ #searchform {margin:10px auto; padding:5px 3px; text-align:center} #sidebar #searchform #s {width:108px; padding:2px} #sidebar #searchsubmit {padding:1px} #sidebar form {margin:0} .entry form {/* This is mainly for password protected posts, makes them look better. */ text-align:center} select {width:130px} #commentform input {width:170px; padding:2px; margin:5px 5px 1px 0} #commentform textarea {width:100%; padding:2px} #commentform #submit {margin:0; float:right} /* Begin Comments*/ .alt {margin:0; padding:10px; background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd} .commentlist {padding:0; text-align:justify} .commentlist li {margin:15px 0 3px; padding:5px 10px 3px; list-style:none} .commentlist p {margin:10px 5px 10px 0} #commentform p {margin:5px 0} .nocomments {text-align:center; margin:0; padding:0} .commentmetadata {margin:0; display:block} /* Begin Various Tags & Classes */ .entry p a:visited {color:#b85b5a} .entry p {margin:0 0 1.2em 0} acronym, abbr, span.caps {cursor:help} acronym, abbr {border-bottom:1px dashed #999} blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd} blockquote cite {margin:5px 0 0; display:block} .center {text-align:center} hr {display:none} a img {border:none} .navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px}