/* PHP Variable-Driven CSS Template Created by Michael Niles at blindmikey.com */ /*---------------------------------------------------------------------- //////////// //////////// TOC //////////// -------- //////////// //////////// i. Setting up the Canvas //////////// ii. Core styling conventions //////////// //////////// 1. Header //////////// 2. Navigation //////////// 3. Content //////////// 3.a. Right Sidebar //////////// 4. Footer //////////// ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- //////////// //////////// i. Setting up the Canvas //////////// ----------------------------------------------------------------------*/ * { margin:0; padding:0; outline:none; } body { background-color:#C4E5EE; background-image:url(custom/custom_body_bg.png); background-repeat:repeat-x; background-position:top left; font-family:Trebuchet MS, arial, sans-serif; font-size:1em; } img { border:0; } a { color:#13819F; text-decoration:none; } a:hover { color:#13819F; } h1, h1 a { color:#8D8053 !important; font-size:38px; } h2, h2 a { color:#333333; } h3, h3 a { color:#8D8053; } h4, h4 a { color:#333333; } p { color:#333333; } span { } /*---------------------------------------------------------------------- //////////// //////////// ii. Core styling conventions //////////// ----------------------------------------------------------------------*/ .hide { display:none; } .off { opacity:0.6; filter:alpha(opacity=60); } img.alignleft { margin:0px 10px 10px 0px; } img.alignright { margin:0px 0px 10px 10px; } .clear { clear:both; } .align { padding:2px 25px; } .left, .alignleft { float:left; } .right, .alignright { float:right; } .admin { background:#D2C597; border:1px dashed #9C5146; display:block; font-size:0.6em; font-weight:bold; height:17px; margin-left:-12.5px; padding:3px 10px; text-transform:uppercase; width:660px; } .admin:before { color:#9C5146; content: "You are logged in - "; } a:hover .admin { background:#FCFAEB; } #sidebar .admin { width:187px; } #container { position:relative; margin:0 auto; background:#FCFAEB; width:960px; } /*---------------------------------------------------------------------- //////////// //////////// 1. Header //////////// ----------------------------------------------------------------------*/ #header { background: #FCFAEB url(custom/custom_header_bg.png) no-repeat 0 0; width:960px; position:relative; height:133px; overflow:hidden; } #heading { display:block; position:relative; top:32px; padding:0 25px; } #header h1, #header h2 { display:block; position:relative; } #header h1 a { line-height:.7em; color:#333333 !important; } #header h2 a { color:#8D8053 !important; } #topbar { display:block; position:absolute; top:0px; width:960px; background:#E5E5E5; height:17px; overflow:hidden; z-index:1; } #topbar span { font-size:.7em; text-transform:uppercase; font-weight:bold; padding-top:3px; color:top_bar_color; } /*---------------------------------------------------------------------- //////////// //////////// 2. Navigation //////////// ----------------------------------------------------------------------*/ #nav { width:960px; height:37px; background: #FCFAEB url(custom/custom_nav_bg.png) no-repeat 0 0; } #nav_align { text-align:center; padding:0 25px; } #nav .sf ul { list-style-type:none; } #nav .sf li { display: -moz-inline-stack !important; display:inline-block !important; display:inline; padding:0 2px; font-size:.9em; font-weight:bold; font-family:sans-serif; position:relative; z-index:10; } #nav .sf li a { display: -moz-inline-stack; display:inline-block; color:#8D8053; text-decoration:none; height:28.12px; padding: 8.88px 7px 0px; text-decoration:none; } #nav .sf li a:hover { color:#8D8053; background:#F6F3DF; } #nav .sf li.current_page_item { background:#F6F3DF; } #nav .sf > li.current_page_item { margin:0 2px; padding:0; } #nav .sf li.current_page_item > a { color:#8D8053 !important; background:#F6F3DF; } /*/// Dropdown CSS ///*/ .sf li ul { position: absolute; width: auto; left: -999em; z-index:100; text-align:left; padding: 0 25px 25px; margin-left:-25px; font-size:1em; } .sf ul li { float: left; clear:left; background:#FCFAEB; padding:0 !important; } .sf ul li a { color:#8D8053 !important; width:120px; height:auto !important; padding-bottom:.45em !important; } .sf ul li a:hover { background:#F6F3DF !important; color:#8D8053 !important; } .sf li ul ul, .sf li ul ul ul { margin-top:-25px; padding:25px 25px 25px 0; margin-left:134px !important; margin-left:120px; top:0; font-size:1.1em; } .sf li:hover ul ul, .sf li:hover ul ul ul, .sf li:hover ul ul ul ul, .sf li.sfhover ul ul, .sf li.sfhover ul ul ul, .sf li.sfhover ul ul ul ul { left: -999em; } .sf li:hover ul, .sf li li:hover ul, .sf li li li:hover ul, .sf li li li li:hover ul, .sf li.sfhover ul, .sf li li.sfhover ul, .sf li li li.sfhover ul, .sf li li li li.sfhover ul { left: auto; } /*---------------------------------------------------------------------- //////////// //////////// 3. Content //////////// ----------------------------------------------------------------------*/ #content { background:#FCFAEB url() repeat-y right top; position:relative; top:0; margin:0 auto; padding:10px 0 20px; width:960px; } #main { background:none; float:left; margin:10px 25px !important; -margin:10px 12.5px; position:relative; width:660px; } html #main { } .post_snippet, .post, .page { margin-bottom:25px; float:left; line-height:1.1em; width:660px; } .post_snippet.hideImages img { display:none; } .post_snippet img { float:left; padding-right:20px; } .post_snippet.single, .page { } .post_snippet h3 a, .single h3 a { } .post_snippet h3 a:hover, .post_snippet h3 a:hover { } .page p { padding-top:20px; } .author, .timeStamp { padding-top:5px; font-size:0.75em; font-weight:bold; text-transform:uppercase; display: -moz-inline-stack !important; display:inline-block !important; display:inline; padding-bottom:20px; } .author { display:block; color:#756A42; padding-right:0.5em; } .timeStamp { display:block; color:#756A42; } .readMore a { display:block; font-style:italic; margin-top:1.2em; width:7em; } .readMore a:hover { } .readMore a:after { content: "..." ; } .textwidget { } /*---------------------------------------------------------------------- //////////// //////////// 3.a. Right Sidebar //////////// ----------------------------------------------------------------------*/ #right_sidebar { background:none; float:right; position:relative; width:200px; padding:0 25px 0 0; -padding:0 18.75px; } #right_sidebar ul { list-style-type:none; } #right_sidebar h4, #right_sidebar form, #right_sidebar .textwidget { padding:10px 0px; } #right_sidebar h4 { font-size:.95em; font-weight:bold; } #right_sidebar p { color:#8D8053; } #right_sidebar ul ul li, #right_sidebar .textwidget { padding:0 10px 2px; font-weight:normal; font-size:.8em; } #right_sidebar ul ul li a { display:block; color:#8D8053; } #right_sidebar ul ul li a:hover { color:#333333; } #right_sidebar .rss { background:none; display:block; height:1.2em; padding-left:21px; padding-top:5px; } #left_sidebar { display:none; } /*---------------------------------------------------------------------- //////////// //////////// 4. Footer //////////// ----------------------------------------------------------------------*/ #footer { width:auto !important; width:960px; background: #D2C597 url() no-repeat 0 0; position:relative; height:50px; clear:both; text-align:center; padding:10px 25px; } #footer p { display:block; position:relative; font-size:0.75em; font-weight:bold; color:#756A42; } #footer a { color:#756A42; } #footer a:hover { color:#FCFAEB; } #footer ul, #footer p { list-style-type:none; padding:2px 0 0 0; } #footer ul li { display:inline; padding:0 5px;position:relative; font-size:0.75em; } #footer ul ul { display:none; } /*----------------------------------------*/ #admin-bar_edit-home { display:block; } #admin-bar_edit-page { display:block; } #admin-bar_edit-post { display:block; } #admin-bar_add-page { display:block; } #admin-bar_add-post { display:block; }