/* 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 //////////// 4. Footer //////////// 5. SubFooter //////////// ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- //////////// //////////// i. Setting up the Canvas //////////// ----------------------------------------------------------------------*/ * { margin:0; padding:0; outline:none; } html, body { height: 100%; } body { background-color:#617890; background-image:url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/Anchorage-Layout_BG.jpg); background-repeat:repeat-x; background-position:left top; font-size:1em; } body.logged-in { background-position:left 45px; } #container { position:relative; min-height:100%; background-image:url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/); background-repeat:no-repeat; background-position:left top; font-size:1em; } img { border:0; } a { color:#F23405; } a:hover { color:#F23405; } h1, h1 a { color:#1A1A1A; } h2, h2 a { color:#666666; } h3, h3 a { color:#1A1A1A; } h4, h4 a { color:#1A1A1A; } p, ol, ul { color:#1A1A1A; } blockquote { margin-left: 2em; margin-right: 2em; } /*---------------------------------------------------------------------- //////////// //////////// 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, .hr { clear:both; } .align { padding:2px 25px; } .left, .alignleft { float:left; } .right, .alignright { float:right; } .shrinkwrap { position:relative; width:900px; margin:0 auto;} /*---------------------------------------------------------------------- //////////// //////////// 1. Header //////////// ----------------------------------------------------------------------*/ #header { position:relative; font-family:Arial, Helvetica, Sans-Serif; line-height:2em; background: transparent url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/) repeat-x left top; width:100%;} #header .shrinkwrap { height:126px; background: #FFFFFF url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/Anchorage-Layout_01.jpg) no-repeat center top; overflow:hidden;} #header a { text-decoration:underline; } #header a:hover { text-decoration:none; } #heading { display:block; position:relative; top:30px; padding:0 25px; text-align:center; } #header .title, #header .subtitle { position:relative; height:1em; } #header .title { font-size:36px; font-weight:bold; display:none; } #header .subtitle { font-size:24px; font-weight:normal; display:none; } #header .title, #header .title a { color:#1A1A1A; text-decoration:none; } #header .subtitle, #header .subtitle a { color:#666666; text-decoration:none; } /*---------------------------------------------------------------------- //////////// //////////// 2. Navigation //////////// ----------------------------------------------------------------------*/ #nav { position:relative; background: transparent url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/) repeat-x left top; width:100%; } #nav .shrinkwrap { height:71px; background: #E5E5E5 url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/Anchorage-Layout_02.jpg) no-repeat center top; overflow:visible;} #nav_align { text-align:left; padding:0 25px; } #nav ul { list-style-type:none; } #nav .menu li { display: -moz-inline-stack !important; display:inline-block !important; display:inline; font-size:16px; font-family:Trebuchet MS, Tahoma, Helvetica, Sans-Serif; z-index:10; margin:0 1px 0 -1px; } #nav .menu li a { display: -moz-inline-stack; display:inline-block; color:#617890; text-decoration:none; text-align:center; height:42px; padding: 15px 12px 14px; text-decoration:none; line-height:42px; background:transparent;} #nav .menu li a:hover { color:#7D4C0B; background:transparent; } #nav .menu li.current_page_item a, #nav .menu li.current-menu-item a { color:#7D4C0B; background:transparent; } /*/// Dropdown CSS ///*/ #nav .menu li.current_page_item li a, #nav .menu li.current-menu-item li a { color:#666666 !important; background:#BFBFBF !important; } #nav .menu li.current_page_item li a:hover, #nav .menu li.current-menu-item li a:hover { color:#F5F5F5 !important; background:#666666 !important; } #nav .menu li li.current_page_item a, #nav .menu li li.current-menu-item a { color:#F5F5F5 !important; background:#666666 !important; } #nav .menu li li.current_page_item li a, #nav .menu li li.current-menu-item li a { color:#666666 !important; background:#BFBFBF !important; } #nav .menu li ul { position:absolute; width:225px; left:-999em; z-index:100; text-align:left; margin-left:0; font-size:1em; top:71px; background:#BFBFBF; } #nav .menu ul li { float: left; clear:left; background:#BFBFBF; margin:0 !important; position:relative; } #nav .menu ul li a { height:16px; padding: 6px 12px 5px; line-height:16px; color:#666666 !important; background:#BFBFBF !important; width:201px; text-align:left; } #nav .menu ul li a:hover { background:#666666 !important; color:#F5F5F5 !important; } #nav .menu li ul ul, #nav .menu li ul ul ul { margin-top:0; padding:0; margin-left:225px; top:0; } #nav .menu li:hover ul ul, #nav .menu li:hover ul ul ul, #nav .menu li:hover ul ul ul ul, #nav .menu li.sfhover ul ul, #nav .menu li.sfhover ul ul ul, #nav .menu li.sfhover ul ul ul ul { left: -999em; } #nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li li li:hover ul, #nav .menu li li li li:hover ul, #nav .menu li.sfhover ul, #nav .menu li li.sfhover ul, #nav .menu li li li.sfhover ul, #nav .menu li li li li.sfhover ul { left: auto; } /*---------------------------------------------------------------------- //////////// //////////// 3. Content //////////// ----------------------------------------------------------------------*/ #content { position:relative; background: transparent url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/) repeat-x left top; width:100%;} #content .shrinkwrap { background: #FFFFFF url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/Anchorage-Layout_03.jpg) repeat-y center top; } #main { font-family:Bookman Old Style, Times, Serif; background:; float:left; margin:0px 25px 0 25px; position:relative; width:850px; font-size:16px; height: auto !important; } .main_wrapper { padding:20px 0 25px; float:left; } .post_snippet, .post, .page, #comments_wrapper { float:left; width:850px; position:relative; } #comment { width:850px; } .post_snippet { margin-bottom:1em; } .post_title a { color:#666666; } .post_title a:hover { color:#F23405; } .main_wrapper h1, .main_wrapper h2, .main_wrapper h3, .main_wrapper h4 { padding:0 0 .2em; font-family:Bookman Old Style, Times, Serif; } .main_wrapper h1 { font-size:32px; } .main_wrapper h2 { font-size:24px; } .main_wrapper h3 { font-size:19px; } .main_wrapper h4 { font-size:16px; } .main_wrapper h1 a, .main_wrapper h2 a, .main_wrapper h3 a, .main_wrapper h4 a { text-decoration:none; } .main_wrapper ul, .main_wrapper ol { margin-left:25px; } .main_wrapper p, .main_wrapper ul, .main_wrapper ol { padding-bottom:1em; line-height:1.3em; } .main_wrapper a { text-decoration:underline; } .main_wrapper a:hover { text-decoration:none; } .author, .timeStamp { position:relative; top:-8px; font-size:0.75em; } .author { color:#666666; } .timeStamp { color:#666666; } .readMore { display:block; margin-top:1em; } .textwidget { } #searchform { position:relative; } ol.wp-paginate {padding:1em 0; margin:0; } .wp-paginate li {display:inline; list-style:none;} .wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;} .wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;} .wp-paginate .title {color:#555; margin-right:4px;} .wp-paginate .gap {color:#999; margin-right:4px;} .wp-paginate .current {color:#FFFFFF; background:#F23405; border:1px solid #F23405; margin-right:4px; padding:3px 6px;} .wp-paginate .page_item span { } .wp-paginate .prev, .wp-paginate .next {} .wp-paginate li span, .wp-paginate li a { width:auto; float:none; } /*---------------------------------------------------------------------- //////////// //////////// 4. Footer //////////// ----------------------------------------------------------------------*/ #footer { font-family:Arial, Helvetica, Sans-Serif; position:relative; clear:both; text-align:center; line-height:1.3em; font-size:12px; background: transparent url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/) repeat-x left top; width:100%;} #footer .shrinkwrap { background: #E5E5E5 url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/Anchorage-Layout_04.jpg) no-repeat center top; height:32px; } #footing { display:block; position:relative; top:4px; padding:0 25px; } #footer p, #footer .textwidget { display:block; position:relative; color:#1A1A1A; } #footer a { color:#666666; text-decoration:underline; } #footer a:hover { color:#1A1A1A; text-decoration:none; } #footer ul, #footer p, #footer .textwidget { list-style-type:none; padding-bottom:1em; } #footer ul li { display:inline; padding:0 5px;position:relative; } /*---------------------------------------------------------------------- //////////// //////////// 5. SubFooter //////////// ----------------------------------------------------------------------*/ #subfooter { font-family:Arial, Helvetica, Sans-Serif; position:relative; clear:both; text-align:center; line-height:1.3em; font-size:12px; background: transparent url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/) repeat-x left top; width:100%;} #subfooter .shrinkwrap { background: #D5D5D5 url(http://www.anchoragebb.com/web/wp-content/themes/mosaic-canvas/images/) no-repeat center top; height:32px; } #subfooting { display:block; position:relative; top:4px; padding:0 25px; } #subfooter p, #subfooter .textwidget { display:block; position:relative; color:#1A1A1A; } #subfooter a { color:#666666; text-decoration:underline; } #subfooter a:hover { color:#1A1A1A; text-decoration:none; } #subfooter ul, #subfooter p, #subfooter .textwidget { list-style-type:none; padding-bottom:1em; } #subfooter ul li { display:inline; padding:0 5px;position:relative; }