styles - this doesn't have a class defined in blueprint/screens.css */
#header { height: 110px; }
#header h1 { color: #006699; font-size: 40px; margin: 22px 0 12px 0}
#header a:hover { color: #000; }
/* Set #navigation styles */
#navigation { background: #333; border: #666 1px solid; height: 3.1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#navigation ul { float: left; line-height: 3.1em; list-style-type: none; margin-left: 0; }
#navigation li, #navigation a { display: block; float: left; }
#navigation a { border-right: #444 1px solid; color: #f2f2f2; font-size: 1.25em; font-family: Verdana, Arial, Helvtica, sans-serif; padding: 0 15px; text-decoration: none; }
#navigation a:hover { color: #fff; text-decoration: underline; }
/* Add some padding to create a space between these
s and the footer. */
/* Set #footer navigation styles */
#footer { background: #333; clear: both; height: 3em; text-align: center; margin-bottom: 12px;
}
#footer ul { line-height: 3em; list-style-type: none; }
#footer li { display: inline; margin-right: 50px; }
#footer a { color: #f2f2f2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25em; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
.left {
float:left;
}
.alignleft {
text-align: left;
}
.right {
float:right;
}
.alignright {
text-align:right;
}
.banner { margin-top: 28px; text-align: right;}
.box {padding:10px;margin-bottom: 10px;background: #fff url(images/sidebar.png) top repeat-x ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #dedede;
}
.top {padding-top: 10px;}
a:link, a:visited {
color: #006699;
text-decoration:none
}
a:hover, a:active {
color: #006699;
text-decoration:underline;
}
#main-content a img, #featured a img {
border:1px solid #ccc;
margin-top:5px;
margin-right:10px;
padding:2px;
}
.post h3 {
font:1em Arial;
margin-bottom:3px;
color:#111;
font-weight:bold;
}
#sidebar h3 {
font:1.1em Arial;
font-weight:bold;
background:#333;
color:#fff;
margin: 5px 0px;
padding:3px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.category span.cat_title, #main-top-left h3, , #main-top-top right, #main-bottom-left h3, #front-list .cat_title, #archive .cat_title {
text-transform:lowercase;
margin:0;
font-weight:bold;
font-size:1em;
letter-spacing:-0.05em;
}
.title {
font-weight:bold;
font:2.4em Georgia;
letter-spacing:-0.05em;
display:block;
padding-bottom:5px;
}
#synopsis h2.title {
font:1.6em Georgia;
}
#main-bottom-left .title {
font:2em Georgia;
}
#archive h2.title {
font:2.2em Georgia;
font-weight:bold;
letter-spacing:-0.05em;
border-bottom:1px solid #ddd;
border-top:2px solid #ccc;
padding:5px 0px;
}
.post h2.title {
font:2.2em Georgia;
font-weight:bold;
letter-spacing:-0.05em;
padding:7px 0 6px 0;
}
.meta {
display:block;
margin-top: 1em;
padding-bottom:1em;
font:.9em Georgia;
}
.info { text-align: left }
.box a img {
border:1px solid #ccc;
margin: 5px 10px 5px 0;
padding:2px;
}
.content .clearfloat, #archive .clearfloat {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
#main-top-right .info {
margin-top:5px;
padding-top:5px;
float:right;
width:238px;
}
#main-top-right .clearfloat {
margin-top:7px;
margin-bottom:8px;
}
/* Float Properties*/
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
/************************************************
* Navbar *
************************************************/
#navbar {background:#333;border:#666 1px solid;height:35px;}
#navbarleft {width:640px;float:left;margin-left:10px;padding:0;}
#navbarright {width: 280px;float: right;margin: 0px;padding: 3px 0px 0px 0px;}
#nav {margin:0px;padding: 0px;}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav ul li {
list-style: none;
margin: 0px 0px 0px -1px;
padding: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #CCC;
display: block;
font-size: 14px; font-family: Verdana, Arial, Helvtica, sans-serif;
text-transform: uppercase;
margin: 0;
padding: 7px 21px;
border-right: 1px solid #333;
}
#nav li a:hover, #nav li a:active {
background-color: #444;
color: #FFF;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 7px 21px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
opacity: .90;
filter: alpha(opacity=90);
background: #1A1A1A;
width: 170px;
color: #CCCCCC;
float: none;
margin: 0px;
padding: 11px 20px;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}
#nav li li a:hover, #nav li li a:active {
background: #373737;
color: #FFFFFF;
padding: 11px 20px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 190px;
margin: 0px;
padding: 0;
}
#nav li li {
}
#nav li ul a {
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
margin: -44px 0 0 212px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
.radius5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.radius10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #fff url(images/sidebar.png) repeat-x top center; }
.radius10top {
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
}
.radius10bottom {
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.radius5bottom {
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#sidebar li {
list-style:none;
border-bottom:1px dotted #ccc;
display:block;
padding:2px 0px 2px 13px;
background:url(images/.png) no-repeat 0 0px;
}
#sidebar li ul li:last-child{
list-style:none;
border-bottom:0px dotted #ccc;
display:block;
padding:2px 0px 0px 13px;
background:url(images/.png) no-repeat 0 0px;
}