/*
Theme Name: Blue Cube
Theme URL: http://www.newdirt.org
Description: Plug and blog. A 3-column, true blue and widget ready theme. Designed by Fabrizio Montero at newdirt.org.
Tags: blue, three-columns, fixed-width
Author: Fabrizio Montero
Author URI: http://www.fabriziomontero.com
Version: 1.0
*/
/************************************************
* Body, Wrap *
************************************************/
body {
background: #FFFFFF url(images/bg.gif) repeat-x;
color: #333333;
font-size: 12px;
font-family: Tahoma, Verdana, Arial;
margin: 0px auto 0px;
padding: 0px;
}
#wrap {
background: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}
/************************************************
* Hyperlinks *
************************************************/
a, a:visited {
color: #274F79;
text-decoration: none;
font-family: Georgia, Tahoma, Verdana, Arial;
}
a:hover {
color: #274F79;
text-decoration: underline;
font-family: Georgia, Tahoma, Verdana, Arial;
}
/************************************************
* Header *
************************************************/
#header {
width: 960px;
height: 80px;
color: #444444;
font-size: 12px;
font-weight: normal;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}
#header p {
padding: 0px 0px 5px 0px;
margin: 0px;
line-height: 20px;
}
#header h1 {
color: #CCCCCC;
font-size: 35px;
font-family: Georgia, Arial, Times New Roman;
font-weight: normal;
letter-spacing: -2px;
margin: 0px;
padding: 20px 0px 0px 0px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
color: #CCCCCC;
font-size: 35px;
font-family: Georgia, Arial, Times New Roman;
font-weight: normal;
letter-spacing: -2px;
margin: 0px;
padding: 20px 0px 0px 0px;
text-decoration: none;
}
#header h1 a:hover {
color: #CCCCCC;
text-decoration: none;
}
.headerleft {
width: 750px;
float: left;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.headerright {
width: 200px;
float: right;
margin: 0px;
padding: 10px 0px 0px 0px;
text-align: right;
}
.headerright a, .headerright a:visited {
color: #CCCCCC;
font-size: 13px;
text-decoration: none;
padding: 0px 0px 0px 3px;
}
.headerright a:hover {
color: #CCCCCC;
text-decoration: underline;
}
.headerright a img {
border: none;
margin: 0px 0px 3px 0px;
padding: 0px;
}
/************************************************
* Navbar *
************************************************/
#navbar {
background: #FFFFFF url(images/navbar.gif) repeat-x;
width: 960px;
height: 31px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}
#navbarleft {
width: 650px;
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#navbarright {
width: 300px;
float: right;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav a {
background: #85B100;
color: #CCCCCC;
border: 1px solid #CCCCCC;
display: block;
font-size: 13px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
}
#nav a:hover {
background: #FFFFFF;
color: #888888;
border:1px solid #CCCCCC;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
}
#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 140px;
}
#nav li li a, #nav li li a:link, #nav li li a:active, #nav li li a:visited {
background: #0077AA;
color: #FFFFFF;
width: 140px;
font-size: 10px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
float: none;
margin: 0px;
padding: 8px 10px 8px 10px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
text-decoration: none;
}
#nav li li a:hover {
background: #FFFFFF;
color: #666666;
padding: 8px 10px 8px 10px;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/************************************************
* Content *
************************************************/
#content {
width: 960px;
margin: 0px auto 0px;
padding: 20px 0px 0px 0px;
}
#content p {
padding: 0px 0px 5px 0px;
margin: 0px;
line-height: 20px;
}
#content h1 {
color: #85B100;
font-size: 30px;
letter-spacing: -2px;
font-family: Georgia, Arial, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 0px 0px 5px 0px;
}
#content h1 a {
color: #85B100;
font-size: 30px;
letter-spacing: -2px;
text-decoration: none;
margin: 0px;
padding: 0px 0px 5px 0px;
}
#content h1 a:hover {
color: #85B100;
font-size: 30px;
text-decoration: none;
}
#content h3 {
color: #AAAAAA;
font-size: 24px;
letter-spacing: -2px;
font-family: Arial, Times New Roman, Georgia, Trebuchet MS;
font-weight: normal;
margin: 20px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
#content p img {
border: 2px solid #CCCCCC;
margin: 5px 10px 3px 0px;
padding: 0px;
}
#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#contentleft {
float: left;
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 20px 0px;
}
#contentleft ol {
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
#contentleft ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
#contentleft ul {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
#contentleft ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
.date {
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.postmeta {
width: 500px;
font-size: 11px;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
blockquote{
font-style: italic;
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
border-left: 2px solid #AAAAAA;
}
#content blockquote p{
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
/************************************************
* Left Sidebar *
************************************************/
#l_sidebar {
float: left;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
line-height: 20px;
}
#l_sidebar h2 {
background: #EEEEEE;
color: #888888;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 3px 20px;
}
#l_sidebar p {
padding: 0px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}
#l_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#l_sidebar ul li {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#l_sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#l_sidebar ul li li {
padding: 0px 0px 0px 15px;
margin: 0px;
}
#l_sidebar ul li ul li {
padding: 0px 0px 0px 15px;
margin: 0px;
}
/************************************************
* Right Sidebar *
************************************************/
#r_sidebar {
float: right;
width: 250px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
line-height: 20px;
}
#r_sidebar h2 {
background: #EEEEEE;
color: #888888;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 3px 20px;
}
#r_sidebar p {
padding: 0px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}
#r_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#r_sidebar ul li {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#r_sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#r_sidebar ul li li {
padding: 0px 0px 0px 15px;
margin: 0px;
}
#r_sidebar ul li ul li {
padding: 0px 0px 0px 15px;
margin: 0px;
}
/************************************************
* Footer *
************************************************/
#footerbg {
background: #0077AA url(images/footer.gif) repeat-x;
}
#footer {
width: 960px;
height: 60px;
color: #333333;
margin: 0px auto 0px;
padding: 0px;
}
#footer p {
color: #444444;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
#footer a {
color: #444444;
text-decoration: none;
}
#footer a img {
border: none;
margin: 0px;
padding: 0px;
}
#footer a:hover {
color: #444444;
text-decoration: underline;
}
.footerleft {
width: 700px;
float: left;
margin: 0px;
padding: 8px 0px 8px 0px;
}
.footerright {
width: 250px;
float: right;
margin: 0px;
padding: 8px 0px 8px 0px;
text-align: right;
}
/************************************************
* Search Form *
************************************************/
#searchdiv {
margin: 0px;
padding: 0px;
}
#searchform {
margin: 0px;
padding: 4px 0px 0px 0px;
}
#s {
background: #FFFFFF;
width: 240px;
height: 15px;
color: #888888;
font-size: 13px;
font-weight: normal;
font-family: Georgia, Arial, Tahoma, Verdana;
padding: 6px;
margin: 0px 0px 0px 0px;
border-top: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
}
/************************************************
* Comments *
************************************************/
#commentblock {
width: 460px;
background: #FFFFFF;
float: left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}
#commentblock h4 {
background: #EEEEEE;
color: #888888;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px 0px 3px 20px;
}
#commentblock a, #commentblock a:visited {
color: #274F79;
font-size: 12px;
text-decoration: none;
font-family: Georgia, Arial, Times New Roman;
}
#commentblock a:hover {
color: #274F79;
font-size: 12px;
text-decoration: none;
font-family: Georgia, Arial, Times New Roman;
}
#commentblock ol {
list-style-type: decimal;
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
#commentblock ol li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.commentdate {
font-size: 12px;
padding-left: 0px;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}
.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}
.commentinfo{
clear: both;
}
.commenttitle {
color: #AAAAAA;
font-size: 12px;
font-family: Times New Roman, Arial, Georgia;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
border-bottom: 1px solid #DDDDDD;
}
.commenttext {
color: #555555;
font-size: 11px;
font-family: Tahoma, Arial, Times New Roman;
clear: both;
margin: 3px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 420px;
background: #FFFFFF;
}
.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 420px;
background: #FFFFFF;
}
/************************************************
* Comment Form *
************************************************/
#author, #email, #url {
background-color: #EEEEEE;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #222222;
border: 1px solid #AAAAAA;
padding: 5px;
width: 210px;
}
#author: focus, #email: focus, #url: focus {
background-color: #FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px solid #777777;
color: #222222;
padding: 5px;
width: 210px;
}
#comment {
background-color: #EEEEEE;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #222222;
border: 1px solid #AAAAAA;
padding: 5px;
width: 440px;
}
#comment: focus {
background-color: #FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px solid #777777;
color: #222222;
padding: 5px;
width: 440px;
}
#submit {
background-color: #0077AA;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px solid #AAAAAA;
color: #FFFFFF;
padding: 3px;
}
#submit: focus, #submit: hover {
background-color: #0077AA;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px solid #CCCCCC;
color: #AAAAAA;
padding: 3px;
}
/************************************************
* Alignment & Image Caption Classes *
************************************************/
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.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-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}