/*----------------------------------------------------------------------------- Theme Name: Get Real Blog! Theme URI: http://www.mimoymima.com/ Description: A theme based on the mimoYmima.com Wordpress Shell Version: 1.0 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ -----------------------------------------------------------------------------*/ /* Wordpress Specific Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* HeaderArea - For sites with masthead and navigation side by side */ #HeaderArea { background: #E9FFF9; } /* PageWrapper */ #PageWrapper { background: #FFF; } /* Masthead*/ #Masthead h2 { position: absolute; left: -999em; } /* Content */ #Content { float: left; padding-bottom: 5em; margin-top: 10px; } /* Forms */ #CommentsFormWrapper {} #CommentsForm {} dl.InputForm { margin-top: 1.5em; } dl.InputForm dd { margin-bottom: 1em; } #author {} #email {} #url {} #comment {} #Submit { margin-left: 2em; } /* Posts */ .Post, .ErrorMsg { width: 400px; float: left; margin: 20px; padding-left: 50px; clear: both; } .Post h2 a { font-size: 1.4em; } .PostDate { color: #999; font-size: .9em; margin-bottom: .5em; } .Entry { margin-top: 2em; } .Entry p {} .PostMetaData {} .utw {} .Navigation {} .Post_nav {} /* Single */ .Single { width: 400px; float: left; margin: 20px; padding-left: 50px; position: relative; } /* Comments */ .AddComment { padding: 0 0 0 1.6154em; margin-right: 1em; background: url('images/icon_comment.png') 0 50% no-repeat; font-weight: bold; } #AllowedTags { color: #666; float: left; font-size: .7em; width: 200px; } #PostMetaComments, #TrackbackLink { font-size: .9em; clear: both; } #comments-locked {} #respond {} ol#trackbacks {} ol#trackbacks li {} .comments-header {} ol#comments {} .highlight {}/*class for author highlight */ .comment-meta {} .comment-author {} .comment-date {} .comment-text {} .gravatar {} .odd {} .even {} /* Sidebar*/ #Sidebar { margin-top: 100px; padding-bottom: 5em; padding-right: 40px; float: right; width: 200px; font-family: 'lucida sans', 'Neue Helvetica', 'Bitstream Vera Sans', 'myriad web', trebuchet, 'trebuchet ms', helvetica, arial, verdana, sans-serif; } #Sidebar ul { list-style-type: none; } #Sidebar h4, #Sidebar h2 { font-size: 1.4em; margin-top: 2em; } /* Search */ #SearchForm { } #SearchForm label { font-size: 1.4em; } #SearchForm #s { width: 166px; } #SearchForm #SearchSubmit { float: right; margin-right: 30px; } #Sidebar ul li { margin-top: .5em; } #Sidebar ul li ul { } #Sidebar ul li ul li { } /* Footer */ #Footer { background: #E9FFF9; padding-top: .5em; } /* ## BrooklynReal ## based on the mYm screensheet 4.161 ## Updated: Feb 27, 2008 ## www.mimoymima.com - - - Color References - - - navigation link green: #099; page links (green): #3CC; bkg green site: #E9FFF9; body text: #333; copyright: #9CC; light grey section headers: #E0E0E0; */ /* - - - Tags on this site - - - */ /*remove the font family from here for a sans serif site*/ html, body { background: #E9FFF9 !important; color: #333; font-family: "courier new", courier, monospace !important; } /* Links */ a { color: #099; } a:link { color: #099; } a:visited { color: #099; } a:hover, a:focus { color: #333; text-decoration: none; } a:active { color: #000; text-decoration: none; } /* Content Headings */ #Content h1 { font-size: 1.8em; margin: 1.5em 0 .3em 0; } #Content h2 { font-size: 1.2em; margin: 1.5em 0 .3em 0; } #Content h3 { font-size: 1.4em; margin: 1.5em 0 .3em 0; } #Content h4 { font-size: 1.2em; margin: 1.5em 0 .3em 0; } #Content h5 { font-size: 1.0em; margin: 1.5em 0 .3em 0; } #Content h6 { font-size: 0.8em; margin: 1.5em 0 .3em 0; } #Content h1+h2, #Content h2+h3, #Content h3+h4, #Content h4+h5, #Content h5+h6 { padding-top: 0 !important; } /* Forms */ .Button { border: 2px outset #3CF; cursor: pointer; text-transform: uppercase; padding: .2em .5em; background: #6CF; color: #FFF; font-weight: bold; } .Button:hover, .Button:focus { background: #FC3; border: 2px outset #F90; } label { color: #333; font-weight: normal; display: block; } label:hover { color: #F93; } .InputList li { padding: 5px; float: left; clear: none; } .TextInput, textarea, select { padding: 3px; border: none; font-size: 1.2em; color: #360; background: #E0F2FC; } input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover { background: #FFC; } fieldset { margin-bottom: 1.5em; } /* specific fields */ form .TextInput { width: 180px; } form #ItemName { float: none; } form #ItemHomePhone, form #ItemEmail { clear: left; } form #City { width: 120px; } form #State { width: 40px; } form #Zip { width: 100px; } /* Tables */ .DataTable td, .DataTable th { padding: 1em 10px; } .DataTable thead th { background: #87E6F0 url(/images/bg_datatable_thead_th.png) no-repeat top left; font-size: 1.4em; text-align: center; } .DataTable tbody th { background: #C2EC7C url(/images/bg_datatable_tbody_th.png) no-repeat top left; text-align: right; vertical-align: top; color: #333; } .DataTable tbody td { border: 2px solid #FFF; background-color: #EEE; } /* Other */ .Rounded { -moz-border-radius: 15px; -webkit-border-radius: 15px; } /* Lists */ /*.LinkList li a { padding-left: 12px; margin-left: -12px; } put this in if you want the bullets for link lists to be links - only works if you don't want to mix linklists with regular text */ .NoBullet li { margin-bottom: .5em; } /* Text */ #Content p { line-height: 1.7em; } .Heavy { font-family: "Agency FB", "Abadi MT Condensed Extra Bold", impact, helvetica, sans-serif; } .Serif { font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; } /* - - - Page Divisions on this site - - - */ /* PageWrapper */ #PageWrapper { width: 820px; position: relative; margin: 20px auto; } /* Accessibility Links ~ hidden by placement off screen */ #Accessibility { position: absolute; left: -999em; } /* Masthead */ #Masthead { float: left; margin-top: .4em; } #Masthead h1 { font-weight: normal; font-size: 2.3em; } #Masthead a { letter-spacing: .7pt; } #Masthead a:link, #Masthead a:visited { color: #333; text-decoration: none; } #Masthead a:hover, #Masthead a:active { color: #3CC; text-decoration: underline; } /* MainNav */ #MainNav { float: right; margin-left: 20px; font: 1.4em 'lucida sans', 'Neue Helvetica', 'Bitstream Vera Sans', 'myriad web', trebuchet, 'trebuchet ms', helvetica, arial, verdana, sans-serif; overflow: hidden; } /* don't remove overflow hidden */ #MainNav ul { width: 100%; } #MainNav ul li { background: url(/images/bullet_white-dot.png) 0 16px no-repeat; } #MainNav ul li.First { background: none; } #MainNav a { padding: 0px .5em 0px 1em; line-height: 2.5em; font-weight: bold; text-decoration: none; letter-spacing: .08em; } #MainNav .Active a { color: #333; text-decoration: underline; } /* Content*/ #Content { font-family: 'lucida sans', 'Neue Helvetica', 'Bitstream Vera Sans', 'myriad web', trebuchet, 'trebuchet ms', helvetica, arial, verdana, sans-serif; background: #FFF; font-size: 1.3em; } #Content #PhotoWrapper { padding-top: 4px; } #Content #PhotoWrapper a { margin-left: 4px; } /* Page Nav */ .PageNav { margin-bottom: 2em; float: left; width: 100%; } .PageNav a { font-weight: bold; color: #36F; text-decoration: none; background: #DFF2F6; display: block; float: left; width: auto; margin: 0 1px; padding: .3em 1em !important; } .PageNav a:hover { font-weight: bold; color: #FFF; background: #36F; } .PageNav .PageNavHead { margin-left: .8em; background: none; font-weight: bold; } .PageNav .PageNavHead:hover { color: #FC0; background: none; } /* Footer with a left and right message */ #Footer { position: relative; height: auto; clear: both; margin-top: .5em; } #Footer #Copyright { font-size: 1.2em; position: absolute; left: 0; margin-left: 10px; color: #9CC; } #Footer .vcard { float: right; margin-right: 10px; } /* vCard in footer*/ #Footer .tel { font-size: 1.5em; } #Footer .street-address, #Footer .org, #Footer .locality, #Footer .region, #Footer .postal-code, #Footer .email , #Footer .fax { display: none; } #Footer .Credits { margin: 3em 0 5em 0; float: right; margin-right: 10px; } #Footer #OtherView { float: right; margin-right: -125px; margin-top: 20px; font-size: 1.3em; } #Footer #OtherView a { text-decoration: none } /* - - - Classes - - - */ /* Credits */ #Credits { text-align: right; font-size: 90%; margin-top: 50px; } /* Tiny mYm Credit */ #CreditsMYM { position: absolute; right: 50px; padding: 20px 0; } #CreditsMYM h2 { position: absolute; left: 0; z-index: 4; font-size: 1em; font-weight: normal; width: 38px; height: 39px; overflow: hidden; } #CreditsMYM h2 a { position: absolute; left: 0; z-index: 5; margin-bottom: -48px; display: block; width: 38px; height: 39px; background: url(/images/logo_mym-credit.png) no-repeat; } #CreditsMYM h2 a:hover { background-position: 0 -39px; cursor: pointer; } /* Javascript Indicator */ #JSIndicator { position: absolute; top: 9em; right: 0px; } #JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; } #JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; } /* - - - Specific Pages on this site - - - */ /* Home */ /* About */ #About #PhotoWrapper { width: 200px; position: absolute; left: 4px; top: 0px; padding-right: 60px; } #About #Content { padding-top: 20px; background: #FFF url(/images/header_about.png) 210px 5px no-repeat; } #About #MainContentWrapper { min-height: 400px; position: relative; left: 240px; margin-top: 20px; width: 500px; padding-right: 55px; background: url(/images/bkg_content-dots.png) right repeat-y; } /* Links */ #Links #PhotoWrapper { width: 200px; position: absolute; left: 208px; top: 0px; padding-right: 60px; } #Links #Content { padding-top: 20px; background: #FFF url(/images/header_links.png) 20px 5px no-repeat; } #Links #MainContentWrapper { min-height: 400px; position: relative; left: 25px; margin-top: 20px; padding-left: 430px; padding-right: 70px; background: url(/images/bkg_content-dots.png) left repeat-y; } #Links #MainContentWrapper dt { font-size: 1.3em; } #Links #MainContentWrapper dd { margin-bottom: 1.5em; } /* Contact */ #Contact #PhotoWrapper { width: 200px; position: absolute; left: 412px; top: 0px; padding-right: 60px; } #Contact #Content { padding-top: 20px; background: #FFF url(/images/header_contact.png) 645px 5px no-repeat; } #Contact #MainContentWrapper { min-height: 400px; position: relative; left: 100px; margin-top: 20px; width: 640px; padding-right: 55px; background: url(/images/bkg_content-dots.png) right repeat-y; } #Contact #MainContentWrapper .vcard { padding-top: 50px; line-height: 150%; } #Contact #MainContentWrapper .vcard dd { margin-bottom: .5em; } #Contact #MainContentWrapper .vcard .fn { font-size: 1.3em; font-family: "courier new", courier, monospace; } #Contact #MainContentWrapper .vcard .street-address { display: block; } #Contact #MainContentWrapper .vcard .email { margin-top: 2em; } #Contact #MainContentWrapper .vcard .adr { margin-bottom: 2em !important; } /* Neighborhoods */ #Neighborhoods #PhotoWrapper { width: 200px; position: absolute; left: 616px; top: 0px; padding-right: 60px; } #Neighborhoods #Content { padding-top: 20px; background: #FFF url(/images/header_neighborhoods.png) 20px 5px no-repeat; } #Neighborhoods #MainContentWrapper { min-height: 400px; position: relative; left: 25px; margin-top: 20px; padding-left: 15px; padding-right: 270px; background: url(/images/bkg_content-dots.png) left repeat-y; } #Neighborhoods .PageNav { margin-top: 10px; } #cm_map { margin-right: 10px; }