/* Theme Name: metapolis Theme URI: http://www.metapolis.net.gr/ Description: The metapolis WordPress theme based on the famous default theme Kubrick. A two column theme. Light and simple with greens and whites. Version: 1.0 Author: grammi® design for visual communication Author URI: http://www.grammi77.gr/ Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Basics and Typography */ body {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:62.5%; /* Resets 1em to 10px */ color:#333333; background:#FFFFFF; text-align:center; margin:0 0 20px 0; padding:0;} p {font-size:1em; line-height:1.5em; margin:1.2em 0;} ol, ul {font-size:1em; line-height:1.5em; margin:1.2em 0 1.2em 2em; padding:0;} h1, h2, h3, h4, h5, h6 {margin:1.2em 0 0 0; font-family:"Lucida Grande", Tahoma, Arial, sans-serif; color:#006600;} h1, h2 {font-size:1.4em;} h3 {font-size:1.3em;} h4 {font-size:1.2em;} h5 {font-size:1.1em;} h6 {font-size:1em;} a {text-decoration: none;} a:link {color:#006633;} a:visited, a:active {color:#006600;} a:hover {color:#669933;} input, textarea, select {border:1px solid #999999; background:#FFFFFF; color:#333333; font-size:1em; font-family:"Lucida Sans Unicode", Tahoma, Arial, sans-serif;} blockquote {margin:1.2em 20px; padding: 0.1em 20px; border-top: 1px solid #006600; border-bottom:1px solid #006600; background:#FFFFFF;} small {font-size:0.9em;} code {font-size:1.1em; font-family:"Courier New", Courier, monospace; background:#FFFFFF; color:#666666;} form {margin:0; padding:0; border:0;} a img {border:0;} /* Layout */ #page {margin:20px auto; width:790px; background-color:#FFF; text-align:left;} #header {background-color:#FFFFFF; margin:0; padding:0; height:210px; width:790px; position:relative;} /* Header Styles */ #header h1 {margin:0; font-size:1.8em;} #header h1 a {text-decoration:none; color:#006600;} #header h2 {display:block; width:170px; height:30px; line-height:30px; margin:0; padding:0 10px 0 10px; background:#99CC00 url("images/navigation_bg_up.gif") repeat-x left top; color:#FFFFFF; font-weight:bold; font-size:1em; position:absolute; right:0; bottom:0;} #header .sitelogo {width:220px; height:130px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url("images/metapolis_logo.gif");} #content {float:left; margin:0 20px 0 0; width:580px; overflow:hidden; display:inline; /* IE double margin bug fix */} #sidebar {float:left; margin:20px 0 10px 0; padding:0; width:190px; font-size:0.9em; overflow:hidden; display:inline; /* IE double margin bug fix */} #footer {clear:both; font-size: 0.9em; text-align:left;} /* Footer Styles */ #footer p {margin:0; padding:20px 0; font-size:0.9em; text-align:left;} #footer p span {font-weight:bold; color:#CC0033;} /* Begin Sidebar Styles */ #sidebar h2 {display:block; height:30px; line-height:30px; margin:0; padding:0 10px 0 10px; background:#99CC00 url("images/navigation_bg_up.gif") repeat-x left top; color:#FFFFFF; font-weight:bold; font-size:1.2em;} #sidebar h2 a {} #sidebar h2 a:hover {} #sidebar ul, #sidebar ul ol {margin: 0; padding: 0; list-style-type:none;} #sidebar ul li {} #sidebar ul ul, #sidebar ul ol {margin:0 0 1.2em 0; padding:10px; background-color:#EBFFEB;} #sidebar ul ol li, #sidebar ul ul li {list-style-type:square; margin:0 0 0 20px; padding:0;} #sidebar ul ol li {list-style:decimal outside; color:#006633;} #sidebar ul ol li a, #sidebar ul ul li a {} html>body #sidebar ul ol li a, #sidebar ul ul li a {width:170px;} #sidebar ul ol li, #sidebar ul ul li a:hover {} /* Nested lists? */ #sidebar ul ul ul {margin:0;} #sidebar ul ul ul li, #sidebar ul ul ol li {margin:0 0 0 3px; padding:0 0 0 3px;} #sidebar ul ul ul li a, #sidebar ul ul ol li a {margin:0 0 0 -3px; padding:0 10px 0 3px; width:190px; voice-family:"\"}\""; voice-family:inherit; width:155px;} html>body #sidebar ul ul ul li a, #sidebar ul ul ol li a {width:155px;} /* End Sidebar Styles */ /* Begin Calendar */ #wp-calendar {margin:0 0 1.2em 0; width:190px; background:#EBFFEB; line-height:1.2em; text-align:center; voice-family: "\"}\""; voice-family:inherit; width:188px;} html>body #wp-calendar {width:188px;} #wp-calendar caption {margin:1.2em 0 0 0; padding:0.5em 0 0.5em 10px; background:#669933; color:#FFFFFF; font-weight:bold; text-decoration:none;} #wp-calendar td {border:0; border-collapse:collapse; background:#FFFFFF;} #wp-calendar td a {display:block; width:100%; text-decoration:none;} #wp-calendar td.pad {background:transparent;} #wp-calendar td#next, #wp-calendar td#prev {padding:0.1em 2px; background:transparent;} #wp-calendar td#next a, #wp-calendar td#prev a {display:inline;} #wp-calendar td#next {text-align:right;} #wp-calendar td#prev {text-align:left;} /* End Calendar */ /* Begin Blog */ h2.pagetitle {font-size:1.6em; margin-top:20px; text-align:center;} .post {margin:20px 0 20px 0; text-align:justify; background-color:#EBFFEB; padding:20px 45px 20px 45px;} .post hr {display:block;} .postmetadata ul, .postmetadata li {display:inline; list-style-type:square; list-style-image:none;} .postmetadata {clear:left; text-align:center; color:#006633; padding-top:5px;} .navigation {width:100%; padding:1.2em 0; overflow:auto;} .alignright {float:right;} .alignleft {float:left} /* End Blog */ /* Begin Comments*/ .alt {background-color:#FFFFFF !important; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin:0; padding:10px;} .commentlist {padding:0; text-align:justify;} .commentlist li {font-weight:bold; margin:15px 0 3px; padding:5px 10px 3px; list-style:none;} .commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .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; margin:10px 5px 10px 0;} #commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; margin:5px 0;} .nocomments {text-align:center; margin:0; padding:0;} .commentmetadata {font-weight:normal; margin:0; display:block;} h3.comments {padding:0; margin:40px auto 20px auto;} /* End Comments */ /* Begin Images */ p img {padding:0; max-width:100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ 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} /* End Images */ /* Begin Form Elements */ #searchform {margin:10px auto; padding:5px 3px; text-align:center;} #sidebar #searchform #s {width:100px; padding:2px;} #sidebar #searchsubmit {padding:2px;} .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:99%; padding:2px;} #commentform #submit {margin:0; float:right;} /* End Form Elements */ /* Begin Widgets and Etc */ .widget_calendar h2 {display:none !important;} .widget_search div {margin:1.2em 0;} /* End Widgets and Etc */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {font-size:0.9em; letter-spacing:0.7em; cursor:help;} acronym, abbr {border-bottom:1px dashed #999999;} blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #CCCCCC;} blockquote cite {margin:5px 0 0 0; display:block;} .center {text-align:center;} hr {display:none;} a img {border:none;} /* End Various Tags & Classes*/ /* Begin Entry Lists */ .entry {line-height:1.4em;} /* Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ 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 ol {padding:0 0 0 35px; margin:0;} .entry ul li {list-style-type: square; list-style-position:inside !important /*Non-IE6*/; list-style-position:outside /*IE-6*/;} /* Modyfied */ .entry ol li {margin:0; padding:0;} /* End Entry Lists */ /* Begin Header Calendar */ #header #calendar {width:190px; position:absolute; z-index:2; margin:0; margin-left:600px; background-color:#EBFFEB;} #header #calendar #wp-calendar {empty-cells:show; margin:5px auto 0 auto; width:155px; color:#006633; border:none;} #header #calendar #wp-calendar caption {font-weight:normal; text-align:left; width:100%; background:none; color:#006633; margin:0; padding:0;} #header #calendar #wp-calendar td {border-right:solid 1px #006633; padding:1px 0; text-align:center; background:none;} #header #calendar #wp-calendar th {font-weight:bold; text-align:center; background:none; padding:1px 0 1px 0;} #header #calendar #wp-calendar td.pad:hover {/* Doesn't work in IE */ background-color:#EBFFEB;} #header #calendar #wp-calendar tfoot td, #header #calendar #wp-calendar td.pad {border:none;} #header #calendar #wp-calendar td a {display: block; background-color:#CCFF00;} #header #calendar #wp-calendar td#today, #header #calendar #wp-calendar td#today a {background-color:#99CC00; font-weight:bold;} #header #calendar #wp-calendar td#next a {padding-right:10px; text-align:right; background:none;} #header #calendar #wp-calendar td#prev a {padding-left:10px; text-align:left; background:none;} /* End Header Calendar */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .suckertreemenu {float:left; width:580px; border:none; background:#99CC00 url("images/navigation_bg_up.gif") repeat-x left top; color:#FFFFFF; font-size:1em; position:absolute; bottom:0;} /*Color navigation bar normal mode*/ .suckertreemenu ul {margin:0; padding:0; list-style-type:none;} /*Top level list items*/ .suckertreemenu ul li {position:relative; display:inline; float:left; /*background-color:#990000; overall menu background color*/ border-right:solid 1px #FFFFFF;} /*Top level menu link items style*/ .suckertreemenu ul li a {display:block !important /*Non-IE6*/; display:inline /*IE-6*/; width:auto; /*Width of top level menu link items*/ height:30px; line-height:30px; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#FFFFFF;} /*1st sub level menu*/ .suckertreemenu ul li ul {left:0; position:absolute; top:1em; /* no need to change, as true value set by script */ display:block; visibility:hidden;} /*Sub level menu list items (undo style from Top level List Items)*/ .suckertreemenu ul li ul li{display:list-item; float:none;} /*All subsequent sub menu levels offset after 1st level sub menu */ .suckertreemenu ul li ul li ul {left:159px; /* no need to change, as true value set by script */ top:0;} /* Sub level menu links style */ .suckertreemenu ul li ul li a {display:block; width:8.0em; /*width of sub menu levels*/ height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; background-color:#669933; font-weight:normal; color:#FFFFFF;} /*Background image for top level menu list links */ .suckertreemenu ul li a:hover {background:#99CC00 url("images/navigation_bg_over.gif") repeat-x left top; color:#FFFF33; text-decoration:none;} .suckertreemenu ul li ul a:hover {background:none #99CC00; color:#FFFFFF;} /*Background image for top level menu list links */ .suckertreemenu .mainfoldericon {/*background:#006600 url("") no-repeat center right;*/} /*Background image for subsequent level menu list links */ .suckertreemenu .subfoldericon {/*background:#006600 url("") no-repeat center right;*/} * html p#iepara {/*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em;} /* Holly Hack for IE \*/ * html .suckertreemenu ul li {float:left; height:1%;} * html .suckertreemenu ul li a {height:1%;} /* End */