/*

Theme Name: Urban Elements

Theme URI: http://www.press75.com/

Description: Need a little help getting started? <a href="http://www.press75.com/v4/documentation-support/urban-elements-setup-usage/">Theme Setup and Usage</a>.

Version: 1.4

Author: Jason Schuller

Author URI: http://www.press75.com/



Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC

Be inspired, but please don't steal...

*/



body {

margin: 0;

padding: 0;

background: #0c0c0c url(images/mainBg.jpg) top center no-repeat fixed;

font: 0.75em Tahoma, Arial, Helvetica, sans-serif; 

color: #47443a; 

line-height: 18px;

}



h1 {

font-family: Georgia, "Times New Roman", Times, serif;

font-weight: normal;

font-size: 36px;

color: #FFFFFF;

}



h1 a:link, h1 a:active, h1 a:visited {

color: #FFFFFF;

}



h1 a:hover {

color: #999999;

}



a:link, a:visited {

color: #1F1E18;

text-decoration: none;

}



a:hover {

color: #A7A195;

}



h2 {

font-family: Tahoma, Geneva, sans-serif;

font-size: 18px;

font-weight: bold;

text-transform: uppercase;

margin: 5px 0 0 5px;

padding: 0;

width: 450px;

}



h2 a:link, h2 a:active, h2 a:visited{

font-size:1em; color:#47443A;

}



h2 a:hover {

font-size:1em; color:#333333;

text-decoration: underline;

}



#wrapper {

margin-left: auto;

margin-right: auto;

width: 980px;

}



img {

border: 0;

}



p {

margin: 0 0 10px 0;

}



ul {

list-style: none;

}



blockquote {

width: 80%;

height: auto;

margin: 0; 

padding: 15px 25px 15px 85px;

display: block;

}



#header {

background: url(images/headerbg.png) top right no-repeat;

height: 210px;

}



#logo {

height: 150px;

width: 540px;

margin: 0 0 0 40px;

float: left;

}



#textlogo {

height: 75px;

width: 540px;

margin: 0 0 0 40px;

padding: 15px 0 0 0;

float: left;

}



* + html #textlogo {

height: 50px;

margin: 0 0 0 40px;

padding: 40px 0 0 0;

}



/** navigation **/

#navigation {

width: 670px;

margin: 0 0 0 40px;

float: left;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 16px;

color: #FFFFFF;

}



#navigation a:link, #navigation a:visited {

color: #FFFFFF;

}



#navigation a:hover {

color: #B1B1B1;

}



li.menu_item {

display: block;

list-style: none;

float: left;

margin: 0 10px 0 10px;

height: 31px;

padding: 8px 20px 0 0;

background: url(images/pagebg.png) top right no-repeat;

}



li.menu_item:hover {

background-position: bottom right;

}



#nav {

bottom: 0;

right: 0;

z-index: 999;

list-style: none;

float: left;

margin: 11px 0 0 23px;

padding: 0;

}



#nav li {

float: left;

}



#nav li a {

float: left;

display: block;

height: 22px;

color: #FFFFFF;

text-decoration: none;

}



#nav li.current a {

color: #FFFFFF;

}



#nav li ul {

clear: left;

position: absolute;

left: -999em;

z-index: 999;

width: 161px;

margin-top: 30px;

margin-left: -21px;

_margin-top: 0; /* IE6 only */

border: 1px solid #525252;

border-top: 1px solid #525252;

border-bottom: 0;

list-style: none;

line-height: 1;

padding-left: 0px;

}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */

* + html #nav li ul {

margin-top: 0;

}



#nav li li {

display: inline;

_display: block;

float: none;

_float: left;

margin: 0;

font-size: 11px;

text-transform: uppercase;

}



#nav li ul ul {

margin: -31px 0 0 161px;

}



#nav li:hover ul ul, #nav li.sfhover ul ul {

left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {

left: auto;

}



#nav li li li {

font-size: 11px;

}



#nav li:hover li a, #nav li.sfhover li a {

float: none;

width: 133px;

height: auto;

padding: 9px 14px;

border-bottom: 1px solid #525252;

color: #47443A;

background: #FFFFFF;

}



#nav li:hover li a:hover, #nav li.sfhover li a:hover {

background: #F0F0F0;

}



/** main content **/

#sitesearch {

float: left;

margin: 18px 0 0 0;

display: none;

}



#searchwrap {

margin: 0 0 0 25px;

}



#searchwrap input{

vertical-align: middle;

background: none;

color: #FFFFFF;

font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

font-size: 12px;

}



#searchwrap #s{

border: none;

padding: 6px 0 5px 0;

margin: 0;

width: 188px;

}



#content {

float: left;

background: url(images/shadow.png) top left repeat-y;

}



#main {

width: 605px;

float: left;

}



#main h3 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 16px;

font-weight: normal;

margin: 0 0 5px 0;

padding: 0;

}



.themonth {

color: #000000;

text-transform: uppercase;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 16px;

margin: 60px 0 0 13px;

float: left;

}



.postbox {

width: 605px;

float: left;

padding: 0 0 10px 0;

margin: 0 0 10px 0;

background: url(images/postbreak.gif) bottom left no-repeat;

}



.postbox ul {

list-style: disc;

}



.pagebox {

width: 605px;

float: left;

padding: 0 0 10px 12px;

margin: 0 0 10px 43px;

background: url(images/pagebreak.gif) bottom left no-repeat;

}



.thepost {

width: 525px;

float: left;

margin: 0 0 0 6px;

}



* + html .thepost {

width: auto;

}



img.postimage {

margin: 4px 0 0 0;

}



* + html img.postimage {

margin: -8px 0 0 0;

}



.postcomments {

width: 60px;

height: 38px;

float: right;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 18px;

text-align: center;

color: #FFFFFF;

padding: 9px 0 0 0;

background: url(images/postcomments.png) no-repeat 0 0;

cursor: pointer;

}



* + html .postcomments {

margin: 0 17px 0 0;

padding: 10px 0 0 0;

}



.postcomments:hover {

background: url(images/postcomments.png) no-repeat 0 -48px;

}



.postcomments a:link, .postcomments a:visited {

color: #FFFFFF;

}



.postdets {

font: .92em Georgia, "Times New Roman", Times, serif; 

line-height: 1.2em;

text-transform: uppercase;

margin: 4px 0 5px 5px;

color: #404040;

}



.postdets a:link,.postdets a:visited {

color: #404040;

}



.postdets a:hover {

color: #A3A09A;

}



.postcontent {

margin: 10px 0 5px 5px;

width: 515px;

}



#inlinead {

margin: 20px 0 20px -1px;

width: 515px;

height: 82px;

background: #EBEBEB;

border: 1px solid #BDBDBD;

text-align: center;

}



#inlinead img {

margin: 11px 0 0 0;

}



.postcontent a:link, .postcontent a:visited {

text-decoration: underline;

}



/** comment styles **/

#comments {

margin: 0 0 0 0;

}



#comments h3 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 16px;

font-weight: normal;

color: #181512;

margin: 5px 0 0 0;

padding: 0;

}



#comments p {

margin: 5px 0 5px 0;

}



.comment-author {

font-family: "Times New Roman", Times, serif;

font-size: 14px;

font-weight: normal;

}



.comment-meta {

font-size: 10px;

font-weight: normal;

margin: 0 0 10px 0;

}



.avatar {

float: right;

display: inline;

padding: 8px;

margin: 0 2px 4px 4px;

background: url(images/avatarbg.png) top left no-repeat;

}



#comment {

width: 510px;

font: 12px arial,helvetica,verdana,sans-serif;

}



h2.commh2 {

font-size: 1.4em !important;

padding: 0 0 5px;

color: #333 !important;

}



ol.commentlist {

margin: 10px 0 20px;

padding: 0;

list-style: none;

font-size: 12px;

}



ol.commentlist p {

margin-bottom: 10px;

width: 515px;

}



ol.commentlist cite {

font-style: normal;

font-weight: bold;

margin: 0;

padding: 0;

}



ol.commentlist li.alt {

padding: 0 15px 15px 66px;

margin: 10px 0 5px 0;

background: url(images/postbreak.gif) bottom left no-repeat;

}



ol.commentlist li {

padding: 0 15px 15px 66px;

margin: 10px 0 5px 0;

background: url(images/postbreak.gif) bottom left no-repeat;

}



ol.commentlist li div.reply {

border: 1px solid #999999;

border-radius: 2px;

-moz-border-radius: 2px;

-webkit-border-radius :2px;

color: #666666;

font: bold 9px/1 helvetica,arial,sans-serif;

padding: 5px 10px;

text-align: center;

width: 36px;

}



ol.commentlist li div.reply:hover {

background: #999999;

border: 1px solid #666666;

}



ol.commentlist li div.reply a {

color: #666;

text-decoration: none;

text-transform: uppercase;

}



ol.commentlist li ul.children { 

list-style: none; 

margin: 0;

padding: 0;

text-indent: 0; 

}



ol.commentlist li ul.children li {

background: none;

margin: 0;

padding: 10px 0 10px 0;

}



ol.commentlist li ul.children li.alt {

background: none;

margin: 0;

padding: 10px 0 10px 0;

}



ol.commentlist li ul.children li.depth-2 { margin:0; }

ol.commentlist li ul.children li.depth-3 { margin:0; }

ol.commentlist li ul.children li.depth-4 { margin:0; }

ol.commentlist li ul.children li.depth-5 { margin:0; }



input#submit {

background: url(images/submit.png);

cursor: pointer;

margin: 0 0 0 -5px;

}



input#submit:hover {

background: url(images/submit.alt.png);

}





#comment,#author,#email,#url {

background: url(images/fields.jpg) top left repeat-x;

border: 1px solid #E5E3D8;

padding: 2px;

margin: 3px 0 2px 0;

color: #404040;

}



#respond {

padding: 0 15px 10px 66px;

}



/** sidebar styles **/

#sidewrap {

width: 375px;

float: left;

background: url(images/sidefooterbg.png) bottom left no-repeat;

}



* + html #sidewrap {

padding: 0 0 49px 0;

}



#sidebar {

width: 360px;

float: left;

background: url(images/sidebg.png) top left repeat-y;

color: #CCCCCC;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.2em;

margin: 0 0 49px 0;

padding: 0 0 0 15px;

}



#sidebar p {

margin: 5px 0 5px 0;

}



#sidebar h3 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 18px;

color: #FFFFFF;

font-weight: normal;

margin: 2px 0 4px 0;

padding: 0 0 8px 0;

background:url(images/sidebreak.png) bottom left no-repeat;

}



#sidebar a:link, #sidebar a:visited {

color: #FFFFFF;

}



#sidebar a:hover {

color: #CCCCCC;

text-decoration: underline;

}



#sidebar .widget_simplesidebarads {

width: 320px;

margin: 0 0 25px 15px;

float: left;

}



#sidebar .widget_simplesidebarads img {

width: 125px;

height: 125px;

float: left;

margin: 10px;

}



.widgetblock {

width: 320px;

margin: 0 0 25px 0;

float: left;

}



.widgetblock ul {

list-style:none;

margin:0;

padding:0;

}



.widgetblock li {

padding:5px 0 8px 0;

background:url(images/sidebreak.png) bottom left no-repeat;

}



#tag_cloud {

font-family: Georgia, "Times New Roman", Times, serif;

margin: 10px 0 25px 0;

float: left;

}



#contactblock {

width: 320px;

float: left;

}



ul.follow {

list-style:none;

margin:10px 0 0 0;

padding:0;

}



li.rss {

background:url(images/social/subscribe.png) left no-repeat;

padding:2px 0 2px 22px;

}



li.feedburner {

background:url(images/social/subscribe.png) left no-repeat;

padding:2px 0 2px 22px;

}



li.facebook {

background:url(images/social/facebook.png) left no-repeat;

padding:2px 0 2px 22px;

}



li.twitter {

background:url(images/social/twitt.png) left no-repeat;

padding:2px 0 2px 22px;

}



li.technorati {

background:url(images/social/technorati.png) left no-repeat;

padding:2px 0 2px 22px;

}



li.delicious {

background:url(images/social/delic.png) left no-repeat;

padding:2px 0 2px 22px;

}



/** footer **/

#footer {

width: 980px;

height: 105px;

float: left;

font-size: 11px;

background: url(images/footerbg.png) top left no-repeat;

line-height: 1.2em;

}



#footer a:link, #footer a:visited {

color: #404040;

}



#footer a:hover {

text-decoration: underline;

}



#footer p {

margin: 0 0 0 70px;

padding: 0;

}



.copyright {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

line-height: 1.5em;

color: #181512;

}



#footertext {

float: left;

width: 400px;

margin: 20px 0 0 0;

}



#pagenav {

float: right;

margin: 0 395px 0 0;

}



* + html #pagenav {

margin: 3px 395px 0 0;

}



span.navback {

width:24px;

height:24px;

display:block;

float:right;

background:url(images/back.png) no-repeat 0 0;

cursor:pointer;

}



span.navback:hover {

background:url(images/back.png) no-repeat 0 -24px;

}



span.navforward{

width:24px;

height:24px;

display:block;

float:right;

background:url(images/forward.png) no-repeat 0 0;

cursor:pointer;

}



span.navforward:hover {

background:url(images/forward.png) no-repeat 0 -24px;

}



/** days **/

.day-01 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-01.png) top left no-repeat;

}



.day-02 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-02.png) top left no-repeat;

}



.day-03 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-03.png) top left no-repeat;

}



.day-04 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-04.png) top left no-repeat;

}



.day-05 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-05.png) top left no-repeat;

}



.day-06 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-06.png) top left no-repeat;

}



.day-07 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-07.png) top left no-repeat;

}



.day-08 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-08.png) top left no-repeat;

}



.day-09 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-09.png) top left no-repeat;

}



.day-10 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-10.png) top left no-repeat;

}



.day-11 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-11.png) top left no-repeat;

}



.day-12 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-12.png) top left no-repeat;

}



.day-13 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-13.png) top left no-repeat;

}



.day-14 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-14.png) top left no-repeat;

}



.day-15 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-15.png) top left no-repeat;

}



.day-16 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-16.png) top left no-repeat;

}



.day-17 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-17.png) top left no-repeat;

}



.day-18 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-18.png) top left no-repeat;

}



.day-19 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-19.png) top left no-repeat;

}



.day-20 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-20.png) top left no-repeat;

}



.day-21 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-21.png) top left no-repeat;

}



.day-22 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-22.png) top left no-repeat;

}



.day-23 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-23.png) top left no-repeat;

}



.day-24 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-24.png) top left no-repeat;

}



.day-25 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-25.png) top left no-repeat;

}



.day-26 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-26.png) top left no-repeat;

}



.day-27 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-27.png) top left no-repeat;

}



.day-28 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-28.png) top left no-repeat;

}



.day-29 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-29.png) top left no-repeat;

}



.day-30 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-30.png) top left no-repeat;

}



.day-31 {

width: 55px;

height: 102px;

float: left;

background: url(images/days/day-31.png) top left no-repeat;

}



/** wordpress basics **/

.wp-caption img {

margin-bottom: 5px;

padding:4px;

border: 1px solid #ddd;

background-color:#FFFFFF;

}



.wp-caption-text {

color:#FFFFFF;

text-align:center;

background-color:#6096cd;

padding-top: 5px;

padding-bottom: 5px;

width: auto;

background-image: url(images/wp-caption.gif);

background-repeat: repeat-x;

background-position: left bottom;

font-weight: bold;

text-transform: uppercase;

}



code {

font: 1.1em 'Courier New', Courier, Fixed;

}



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

}



#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

display: block;

}



#wp-calendar caption {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

background-color: #fff;

}



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;

}



.hidden {

display: none;

}



hr {

display: none;

}



a img {

border: none;

}



.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.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 p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 4px 4px 5px;

margin: 0;

background: none;

color: #333;

}