/* Theme Name: Monotype - Portfolio Theme URI: http:// Description: Monotype - Portfolio Version: 0.1 Author: Lymorn Author URI: http://lymorn.com/ */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} /* GLOBAL */ body {background: #191716 url("gfx/bg.gif") no-repeat 0 0; color: #989999; font: 0.75em/1.6666em Arial, Helvatica, Tahoma, Verdana, Geneva, "DejaVu Sans", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", sans-serif;} h2,h3 ,h4 ,h5, h6 {color: #B2166C; font-weight: bold; font-family: Tahoma, Verdana; letter-spacing: 0.0618em;} h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6:hover, h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus, h6:focus, h2 a,h3 a,h4 a,h5 a, h6 a {color: #B2166C; border-bottom: none;} h2 {font-size: 2em; line-height: 0.8em; font-weight: normal; padding: 0 0 0.4166em; margin: 0 0 1.0146em; border-bottom: 1px solid #383330;} h3 {font-size: 1.5em; font-weight: normal; line-height: 1.1111em; padding: 1.1111em 0;} h4 {font-size: 1.3333em; line-height: 1.25em; padding: 1.25em 0;} h5 {font-size: 1.1666em; line-height: 1.4285em; padding: 1.4285em 0;} h6 {font-size: 1em; line-height: 1.6666em; padding: 1.6666em 0;} p {line-height: 1.6666em; margin: 0 0 1.6666em;} a {text-decoration: none; color: #B2166C;} a[class*=more] {font-weight: bold; font-size: 0.9166em;} blockquote {background: #383330; padding: 19px 20px 0; margin: 0 0 1.5833em; border-top: 1px solid #989999; border-bottom: 1px solid #989999;} cite, q {color: #C7CCCF; font-style: italic;} .wp-caption {margin: 0 0 1.6666em;} .wp-caption img {clear: both; display: block; margin: 0 auto;} .wp-caption a {border-bottom: 0; background: none;} .wp-caption p {padding: 0.618em; margin: 0; text-align: center; font-size: 1.1em; line-height: 1.118em; color: #383330;} .wp-caption.alignleft {margin-right: 1.6666em;} .wp-caption.alignright {margin-left: 1.6666em;} .wp-caption.aligncenter {margin-left: auto; margin-right: auto;} .wp-caption.alignleft p {margin: 0;} .wp-caption.alignright p {margin: 0;} .alignleft {float: left;} .alignright {float: right;} .aligncenter {clear: both;} #whole {width: 740px; margin: 0 auto; padding: 40px 80px;} #top_area {clear: both; height: 100px; border-bottom: 1px solid #383330; margin: 0 0 20px;} #middle_area {clear: both; overflow: hidden; height: 100%;} #bottom_area {clear: both; border-top: 1px solid #383330;} /* --- TOP --- */ #header {width: 200px; float: left;} #header h1 {} #header a {display: block; width: 69px; height: 87px; background: url("gfx/logo_monotype.gif") no-repeat 0 0;} #header h1 a span, #header p {display: none;} #top-boxes {width: 540px; float: right;} #top-boxes div.box {width: 360px; float: right;} #top-boxes div.box:first-child {width: 140px; padding: 0 0 0 40px;} #top-boxes h6 {padding: 0; margin: 0;} #top-boxes p {display: inline; margin: 0;} #top-boxes a:hover, #top-boxes a:focus {color: #eee; background: #383330;} /* --- middle --- */ #content div.post, #sidebar div.box, #comments {margin-bottom: 20px;} #content div.post {padding: 20px 0 25px;} #sidebar div.box {padding: 20px 0 5px;} #sidebar {width: 160px; float: left;} #sidebar ul {list-style: square;} #sidebar ol {list-style: decimal;} #sidebar li {margin: 0 0 0 20px; color: #383330;} #sidebar h6 {font-size: 1.1666em; line-height: 1.4285em; padding: 0 0 0.6428em; margin: 0 0 0.3571em; border-bottom: 1px solid #383330;} #sidebar a {color: #989999;} #sidebar a:hover {border-bottom: 1px solid #B2166C;} #sidebar a:focus {border-bottom: 1px solid #B2166C;} #sidebar a:active {color: #C7CCCF;} #navigation ul {} #navigation li {font-size: 1.1666em; font-weight: bold; line-height: 1.4285em; margin: 0; list-style: none;} #navigation [class*=current] a {color: #B2166C;} #navigation ul ul a {color: #555555;} #navigation ul ul a:hover {border-bottom: 1px solid #989999;} #navigation ul ul a:focus {border-bottom: 1px solid #989999;} #navigation ul ul a:active {color: #989999;} #navigation ul [class*=current] ul a {color: #555555;} #navigation ul ul [class*=current] a {color: #B2166C;} #navigation ul ul {display: none;} #navigation ul [class*=current] ul {display: block;} #categories ul {} #categories li {margin: 0 0 0 20px; list-style: none;} #categories [class*=current] a {color: #B2166C;} #categories ul ul a {color: #555555;} #categories ul ul a:hover {border-bottom: 1px solid #989999;} #categories ul ul a:focus {border-bottom: 1px solid #989999;} #categories ul ul a:active {color: #989999;} #categories ul [class*=current] ul a {color: #555555;} #categories ul ul [class*=current] a {color: #B2166C;} #categories ul ul {display: none;} #categories ul [class*=current] ul {display: block;} #content {width: 540px; float: right;} #content h2 a:hover, #content h2 a:focus {border-bottom: none;} #content p {text-align: justify;} #content img {border: 1px solid #383330; vertical-align: bottom;} #content a:hover, #content a:focus {color: #eee; background: #383330; border: none;} #content a[class*=more] {color: #B2166C; border:none;} #content a[class*=more]:hover, #content a[class*=more]:focus {color: #eee;} #content .wp-caption p {text-align: center; margin: 0;} #content ul {list-style: disc; margin: 0 0 1.6666em;} #content ol {list-style: decimal; margin: 0 0 1.6666em;} #content li {display: list-item; margin: 0 0 0 1.6666em;} p a, div.post li a {color: #989999; border-bottom: 1px solid #B2166C; margin-bottom: -1px;} div.pagenavi {clear: both; margin: 0 0 1.6666em; text-align: center;} div.pagenavi a {margin: 0 1em; color: #989999; border-bottom: 1px solid #B2166C;} /* --- bottom --- */ #footer {padding: 0.8333em 0 0;} #footer p {display: inline; float: left;} #footer p.rights {color: ;} #footer p.issn {color: ;} #footer p.lymorn {float: right;} #footer p a {color: #989999;} #footer p a:hover, #footer p a:focus {color: #C7CCCF;}