/* 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:#98D1FF; background-image:url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/); background-repeat:no-repeat; background-position:center center; font-size:1em; } #container { position:relative; min-height:100%; background-image:url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/); background-repeat:no-repeat; background-position:left top; font-size:1em; } img { border:0; } a { color:#031B91; } a:hover { color:#031B91; } h1, h1 a { color:#1A1A1A; } h2, h2 a { color:#000080; } 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:960px; margin:0 auto;} #main.onecol {width:910px; margin:0 25px;} #main.onecol .page {width:910px;} #main.twocol_l {width:710px; margin:0 25px 0 15px;} #main.twocol_l .page {width:710px;} #main.twocol_r {width:690px; margin:0 15px 0 25px;} #main.twocol_r .page {width:690px;} #main.threecol {width:490px; margin:0 15px;} #main.threecol .page {width:490px;} #main.threecol_l {width:480px; margin:0 25px 0 15px;} #main.threecol_l .page {width:480px;} #main.threecol_r {width:480px; margin:0 15px 0 25px;} #main.threecol_r .page {width:480px;} /*---------------------------------------------------------------------- //////////// //////////// 1. Header //////////// ----------------------------------------------------------------------*/ #header { position:relative; font-family:Arial, Helvetica, Sans-Serif; line-height:2em; background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/header.jpg) repeat-x center top; width:100%;} #header .shrinkwrap { height:175px; background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/) no-repeat left top; overflow:hidden;} #header a { text-decoration:none; } #header a:hover { text-decoration:none; } #heading { display:block; position:relative; top:5px; padding:0 25px; text-align:left; } #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: #00B0F0 url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/) repeat-x left top; width:100%; } #nav .shrinkwrap { height:27px; background: #00B0F0 url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/) no-repeat left top; overflow:visible;} #nav_align { text-align:center; 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:12px; font-family:Arial, Helvetica, Sans-Serif; z-index:10; margin:0 -1px; } #nav .menu li a { display: -moz-inline-stack; display:inline-block; color:#E5EFF6; text-decoration:none; text-align:center; height:16px; padding: 6px 9px 5px; text-decoration:none; line-height:16px; min-width:10px; background:#00B0F0;} #nav .menu li a:hover ,#nav .menu li.sfhover a, #nav .menu li:hover a { color:#F5F5F5; background:#00B0F0; } #nav .menu li.current_page_item a, #nav .menu li.current-menu-item a { color:#1A1A1A; background:#00B0F0; } /*/// Dropdown CSS ///*/ #nav .menu li.current_page_item li a, #nav .menu li.current-menu-item li a { color:#FFFFFF !important; background:#00B0F0 !important; } #nav .menu li.current_page_item li a:hover, #nav .menu li.current-menu-item li a:hover { color:#FFFFFF !important; background:#252AC2 !important; } #nav .menu li li.current_page_item a, #nav .menu li li.current-menu-item a { color:#FFFFFF !important; background:#252AC2 !important; } #nav .menu li li.current_page_item li a, #nav .menu li li.current-menu-item li a { color:#FFFFFF !important; background:#00B0F0 !important; } #nav .menu li ul { position:absolute; width:220px; left:-999em; z-index:100; text-align:left; margin-left:0; font-size:1em; top:27px; background:#00B0F0; } #nav .menu ul li { float: left; clear:left; background:#00B0F0; margin:0 !important; position:relative; } #nav .menu ul li a { min-height:16px; height:auto !important; height:16px; padding: 6px 9px 5px; line-height:16px; color:#FFFFFF !important; background:#00B0F0 !important; width:202px; text-align:left; } #nav .menu ul li a:hover { background:#252AC2 !important; color:#FFFFFF !important; } #nav .menu li ul ul, #nav .menu li ul ul ul { margin-top:0; padding:0; margin-left:220px; 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.coastalprint.com/wp-content/themes/k9-canvas/images/coastal.jpg) repeat-x center top; width:100%;} #content .shrinkwrap { background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/contentt.png) repeat-y center top; } #main { font-family:Arial, Helvetica, Sans-Serif; background:; float:left; margin:0px 15px 0 25px; position:relative; width:690px; font-size:16px; height: auto !important; } .main_wrapper { padding:20px 0 25px; float:left; } .post_snippet, .post, .page, #comments_wrapper { float:left; width:690px; position:relative; } #comment { width:690px; } .post_snippet { margin-bottom:1em; } .post_title a { color:#1A1A1A; } .post_title a:hover { color:#031B91; } .main_wrapper h1, .main_wrapper h2, .main_wrapper h3, .main_wrapper h4 { padding:0 0 .2em; font-family:Arial, Helvetica, Sans-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:none; } .main_wrapper a:hover { text-decoration:underline; } .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:#fff; background:#031B91; border:1px solid #031B91; 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:Book Antica, Times, Serif; position:relative; } .sidebar_wrapper { margin:20px 25px 10px 15px ; } .sidebar ul { list-style-type:none; } .sidebar form, .sidebar .textwidget, .sideitem { padding:0 0 0.5em 0; } .sidetitle { font-size:15px; color:#5816BA; font-weight:bold; padding:0 0 0.5em 0; display:block; } .sidebar p { color:#5816BA; font-size:13px; margin-bottom:1em; } .sidebar p a { color:#0744ED; text-decoration:underline; } .sidebar p a:hover { color:#7145FF; text-decoration:none; } .sidebar ul li { line-height:1em; color:#5816BA; } .sidebar ul ul li, .sidebar .textwidget { padding:0 10px .5em; font-weight:normal; font-size:13px; margin-bottom:0; } .sidebar ul ul li a { display:block; color:#0744ED; text-decoration:underline;} .sidebar ul ul li a:hover { color:#7145FF; text-decoration:none;} .sidebar ul ul ul { padding-top:1em; } .sidebar.left { background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/) repeat-y right top; float:left; width:210px; } .sidebar.right { background: #E0EDF3 url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/) no-repeat left center; float:left; width:230px; } /*---------------------------------------------------------------------- //////////// //////////// 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://www.coastalprint.com/wp-content/themes/k9-canvas/images/) repeat-x center top; width:100%;} #footer .shrinkwrap { background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/footer_t.png) no-repeat center top; height:75px; } #footing { display:block; position:relative; top:4px; padding:0 25px; } #footer p, #footer .textwidget { display:block; position:relative; color:#FFFFFF; } #footer a { color:#FFFFFF; text-decoration:none; } #footer a:hover { color:#FFFFFF; text-decoration:underline; } #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:13px; background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/Middle_texture.png) repeat-x center center; width:100%;} #subfooter .shrinkwrap { background: transparent url(http://www.coastalprint.com/wp-content/themes/k9-canvas/images/Middle_texture.png) repeat-x right center; height:30px; } #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:underline; } #subfooter ul, #subfooter p, #subfooter .textwidget { list-style-type:none; padding-bottom:1em; } #subfooter ul li { display:inline; padding:0 5px;position:relative; }