/* 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. Sidebars //////////// 5. Footer //////////// 6. SubFooter //////////// ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- //////////// //////////// i. Setting up the Canvas //////////// ----------------------------------------------------------------------*/ * { margin:0; padding:0; outline:none; } html, body { height: 100%; } body { background-color:#FFFFFF; background-image:url(http://msmarymack.com/wp-content/themes/mary-mack/images/); background-repeat:no-repeat; background-position:left top; font-size:1em; } body.logged-in { background-position:left 45px; } #container { position:relative; min-height:100%; background-image:url(http://msmarymack.com/wp-content/themes/mary-mack/images/); background-repeat:no-repeat; background-position:left top; font-size:1em; } img { border:0; } a { color:#F86D1A; } a:hover { color:#F86D1A; } h1, h1 a { color:#1A1A1A; } h2, h2 a { color:#666666; } h3, h3 a { color:#1A1A1A; } h4, h4 a { color:#1A1A1A; } p, ol, ul { color:#666666; } 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 0px; } .left, .alignleft { float:left; } .right, .alignright { float:right; } .shrinkwrap { position:relative; width:850px; margin:0 auto;} #main.onecol {width:850px; margin:0 0px;} #main.onecol .page {width:850px;} #main.twocol_l {width:850px; margin:0 0px 0 0px;} #main.twocol_l .page {width:850px;} #main.twocol_r {width:665px; margin:0 0px 0 0px;} #main.twocol_r .page {width:665px;} #main.threecol {width:665px; margin:0 0px;} #main.threecol .page {width:665px;} #main.threecol_l {width:665px; margin:0 0px 0 0px;} #main.threecol_l .page {width:665px;} #main.threecol_r {width:665px; margin:0 0px 0 0px;} #main.threecol_r .page {width:665px;} /*---------------------------------------------------------------------- //////////// //////////// 1. Header //////////// ----------------------------------------------------------------------*/ #header { position:relative; font-family:Times New Roman, Times, Serif; line-height:2em; background: transparent url(http://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-x left top; width:100%;} #header .shrinkwrap { height:100px; background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/mmm-header.png) no-repeat left top; overflow:hidden;} #header a { text-decoration:underline; } #header a:hover { text-decoration:none; } #heading { display:block; position:relative; top:0px; padding:0 0px; 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://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-x left top; width:100%; } #nav .shrinkwrap { height:27px; background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/) no-repeat left top; overflow:visible;} #nav_align { text-align:center; padding:0 0px; } #nav ul { list-style-type:none; } #nav .menu li { display: -moz-inline-stack !important; display:inline-block !important; display:inline; font-size:14px; font-family:Arial, Helvetica, Sans-Serif; z-index:10; margin:0 0px; } #nav .menu li a { display: -moz-inline-stack; display:inline-block; color:#666666; text-decoration:none; text-align:center; height:16px; padding: 6px 10px 5px; text-decoration:none; line-height:16px; background:#E5E5E5;} #nav .menu li a:hover ,#nav .menu li.sfhover a, #nav .menu li:hover a { color:#1A1A1A; background:#F5F5F5; } #nav .menu li.current_page_item a, #nav .menu li.current-menu-item a { color:#1A1A1A; background:#F5F5F5; } /*/// 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:120px; left:-999em; z-index:100; text-align:left; margin-left:0; font-size:1em; top:27px; background:#BFBFBF; } #nav .menu ul li { float: left; clear:left; background:#BFBFBF; margin:0 !important; position:relative; } #nav .menu ul li a { min-height:16px; height:auto !important; height:16px; padding: 6px 10px 5px; line-height:16px; color:#666666 !important; background:#BFBFBF !important; width:100px; 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:120px; 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://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-x left top; width:100%;} #content .shrinkwrap { background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-y left top; } #main { font-family:Verdana, Helvetica, Sans-Serif; background:; float:left; margin:0px 0px 0 0px; position:relative; width:665px; font-size:12px; height: auto !important; } .main_wrapper { padding:20px 0 25px; float:left; } .post_snippet, .post, .page, #comments_wrapper { float:left; width:665px; position:relative; } #comment { width:665px; } .post_snippet { margin-bottom:1em; } .post_title a { color:#666666; } .post_title a:hover { color:#F86D1A; } .main_wrapper h1, .main_wrapper h2, .main_wrapper h3, .main_wrapper h4 { padding:0 0 .2em; font-family:Verdana, Helvetica, Sans-Serif; } .main_wrapper h1 { font-size:22px; } .main_wrapper h2 { font-size:18px; } .main_wrapper h3 { font-size:14px; } .main_wrapper h4 { font-size:12px; } .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:22em; } .main_wrapper a { text-decoration:none; } .main_wrapper a:hover { text-decoration:none; } .author, .timeStamp { position:relative; top:-8px; font-size:0.75em; } .author { color:#666666; } .timeStamp { color:#858585; } .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:#F86D1A; border:1px solid #F86D1A; 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. Right Sidebar //////////// ----------------------------------------------------------------------*/ .sidebar { font-family:Verdana, Helvetica, Sans-Serif; position:relative; } .sidebar_wrapper { margin:20px 0px 10px 0px ; } .sidebar ul { list-style-type:none; } .sidebar form, .sidebar .textwidget, .sideitem { padding:0 0 11em 0; } .sidetitle { font-size:11px; color:#666666; font-weight:bold; padding:0 0 11em 0; display:block; } .sidebar p { color:#666666; font-size:11px; margin-bottom:1em; } .sidebar p a { color:#F86D1A; text-decoration:none; } .sidebar p a:hover { color:#F86D1A; text-decoration:underline; } .sidebar ul li { line-height:22pxem; color:#666666; } .sidebar ul ul li, .sidebar .textwidget { padding:0 10px .5em; font-weight:normal; font-size:11px; margin-bottom:0; } .sidebar ul ul li a { display:block; color:#F86D1A; text-decoration:none;} .sidebar ul ul li a:hover { color:#F86D1A; text-decoration:underline;} .sidebar ul ul ul { padding-top:22pxem; } .sidebar.left { background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-y right top; float:left; width:0px; } .sidebar.right { background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-y left top; float:left; width:185px; } /*---------------------------------------------------------------------- //////////// //////////// 5. 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://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-x left top; width:100%;} #footer .shrinkwrap { background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/) no-repeat left top; height:60px; } #footing { display:block; position:relative; top:4px; padding:0 0px; } #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; } /*---------------------------------------------------------------------- //////////// //////////// 6. 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://msmarymack.com/wp-content/themes/mary-mack/images/) repeat-x left top; width:100%;} #subfooter .shrinkwrap { background: #FFFFFF url(http://msmarymack.com/wp-content/themes/mary-mack/images/) no-repeat left top; height:30px; } #subfooting { display:block; position:relative; top:4px; padding:0 0px; } #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; }