/* Theme Name: INK Inc. PR Description: The INK Inc PR Blog Design to match the site. Version: 1 Author: Aaron West */ /********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/ /********************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-family:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-weight: normal;text-align:left;} :focus{outline: 0;} ul, ol{list-style:none;} caption{text-align:left;font-weight:normal;} em{font-style:italic;} strong{font-weight:bold;} sup{font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{ font-size:1.2em; font-weight:bold; font-style:italic; line-height:1.5em; color:#666666;} /* remove borders from linked images */ a img{border:none;} /* tables still need cellspacing to match in the markup */ table{border-collapse:separate;} th, td{text-align:left;font-weight:normal;vertical-align:top;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/ /********************************************************************************************************************/ body{font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#300 url(images/page_bg.gif) top left repeat-x;} /* DEFAULT LINK STYLES ***********************************************************************************************************************/ a, a:visited, a:focus {color:#b5121b;text-decoration:underline;} /* DEFAULT HEADER STYLES *********************************************************************************************************************/ h1{font-size: 0em;} h2{font-size: 20px; line-height:1.5em; font-weight:bold; color:#900;} h3{font-size: 14px; line-height:1.5em; font-weight:bold; color:#666;} h3 a:link, h3 a:visited, h3 a:active {font-weight:bold; color:#900; text-decoration:none;} h3 a:hover{text-decoration:underline;} body.home h3{font-size: 14px; line-height:1.5em; font-weight:bold; color:#900;} h4{font-size: 14px; line-height:1.4em; font-weight:bold; color:#500; text-transform:capitalize; font-style:italic;} h5, h6 {font-size: 1em;} h3 span.date{font-size:12px; font-style:italic; font-weight:bold;} /* DEFAULT TEXT STYLES ***********************************************************************************************************************/ p {margin:8px 0; line-height:1.5em;} .caption{font-size: 1.2em;line-height:1.3em;font-family:Trebuchet MS, Tahoma, sans-serif;color:#666;} .note{font-size: .9em;color:#666;} .small{font-size:.8em;} .big{font-size:1.3em;} .disc{margin-left:15px; list-style:outside disc;} .disc li{margin-bottom:4px;} .thank_you{font-weight:bold; color:#00FF00; font-size:1.3em;} .error{font-weight:bold; color:#FF0000; font-size:1.3em;} .address{color:#FFFFFF; font-weight:bold; margin:15px 0 0 20px;} /* DEFAULT IMAGE STYLES ***********************************************************************************************************************/ img.right {float:right; margin-left:15px;margin-bottom:10px;} img.left {float:left; margin-left:15px;margin-bottom:10px;} .right {float:right;} .left {float:left;} .required{color:#C00;} .award{margin:0 auto 10px auto; display:block;} .post ul{margin-left:20px; list-style:disc;} .post ul li{margin:4px 0;line-height:1.5em;font-size:12px; color:black; font-style:normal;} .post ol{margin:8px 0 15px 20px; list-style:decimal;} .post ol li{margin:4px 0;line-height:1.5em;font-size:12px; color:black; font-style:normal;} /********************************************************************************************************************/ /***************************************** GLOBAL LAYOUT ELEMENTS ***************************************************/ /********************************************************************************************************************/ #wrapper{width:931px; overflow:auto; margin:30px auto 20px auto; background:url(images/content_bg.gif) top left repeat-y;padding:1px;} #header, #content, #footer{float:left; display:inline; width:929px;} #header{background:url(images/header_bg.jpg); height:138px; position:relative;} #header h1 a{float:left; display:inline; height:125px; width:185px; text-indent:-1000000px; background:url(images/logo.jpg); margin:10px 0 0 28px;} #main_nav{float:left; display:inline; margin:95px 0 0 5px;} #main_nav li{float:left; display:inline; margin-right:3px; position:relative; z-index:1;} #main_nav li a{display:block; height:28px; text-indent:-1000000px;} #main_nav li.services a{width:114px; background-image:url(images/nav_services_off.gif);} #main_nav li.services a:hover, #main_nav li.services a.active, #main_nav li.services a.over{background-image:url(images/nav_services_on.gif);} #main_nav li.results a{width:114px; background-image:url(images/nav_results_off.gif);} #main_nav li.results a:hover, #main_nav li.results a.active, #main_nav li.results a.over{background-image:url(images/nav_results_on.gif);} #main_nav li.about a{width:114px; background-image:url(images/nav_about_off.gif);} #main_nav li.about a:hover, #main_nav li.about a.active, #main_nav li.about a.over{background-image:url(images/nav_about_on.gif);} #main_nav li.news a{width:115px; background-image:url(images/nav_news_off.gif);} #main_nav li.news a:hover, #main_nav li.news a.active, #main_nav li.news a.over{background-image:url(images/nav_news_on.gif);} #main_nav li.blog a{width:115px; background-image:url(images/nav_blog_off.gif);} #main_nav li.blog a:hover, #main_nav li.blog a.active, #main_nav li.blog a.over{background-image:url(images/nav_blog_on.gif);} #main_nav li.contact a{width:115px; background-image:url(images/nav_contact_off.gif);} #main_nav li.contact a:hover, #main_nav li.contact a.active, #main_nav li.contact a.over{background-image:url(images/nav_contact_on.gif);} #main_nav li ul{display:none; position:absolute; z-index:2 !important; top:24px; background:#c2bdaa; padding:1px; width:150px; margin-left:-18px;} #main_nav li ul li{margin-bottom:1px; margin-right:0;} #main_nav li ul li a{width:150px !important; position:relative; text-indent:0px; text-align:center; color:#FFFFFF; background-image:none !important; background-color:#333; !important; height:16px; padding:4px 0; text-decoration:none;} #main_nav li ul li a:hover{background-color:#666 !important;} #content{background:url(images/content_cols_bg.gif) top left repeat-y;} #content_left{float:left; display:inline; width:536px; padding:50px 30px 30px 30px; background:url(images/content_left_top.gif) top left no-repeat;} #sidebar, #content_right{float:left; display:inline; width:273px; padding:50px 30px 30px 30px; background:url(images/content_right_top.gif) top left no-repeat;} #sidebar h2, #content_right h2{color:#333; padding-bottom:5px; font-size:1.2em;} #sidebar h2 a, #content_right h2 a{color:#333; padding-bottom:5px; text-decoration:none; font-weight:bold;} #footer{background:url(images/footer_bg.gif); height:56px;} #footer ul{float:left; display:inline; margin:13px 0 0 41px;} #footer ul li{float:left; display:inline; margin-right:3px;} #footer ul li a{display:block; height:33px; text-indent:-1000000px;} #footer ul li.linkedin a{width:88px; background:url(images/footer_linkedin.jpg);} #footer ul li.facebook a{width:98px; background:url(images/footer_facebook.jpg);} #footer ul li.twitter a{width:97px; background:url(images/footer_twitter.jpg);} #footer ul li.youtube a{width:98px; background:url(images/footer_youtube.jpg);} #copywrite{clear:left;text-align:center; color:#FFF; width:931px; margin:0 auto; font-size:10px; padding-bottom:20px;} /********************************************************************************************************************/ /****************************************** CHANGING CONTENT FORMATTING *********************************************/ /********************************************************************************************************************/ #sidebar ul li{margin-bottom:15px;} #twitter-3 ul li{margin:7px 0; border-bottom:1px dotted #999; padding-bottom:4px; margin-right:10px;} #twitter-3 .entry-meta{display:block; margin-top:6px; font-size:0.9em; font-style:italic;} .DaikosYouTube{width:100%; clear:both; float:left; display:inline; margin-bottom:15px;} #text-3 a{text-decoration:none; font-style:italic;} #text-3 img{vertical-align:middle;} #blog_top{ position:absolute; top: 10px; left:300px; background:url(images/tagline_bg.png) top right no-repeat; width:550px; height:61px;} #blog_top h2{position:absolute; top:15px; left:0px; color:#000000; font-size:2.9em;} #blog_top p{position:absolute; top:15px; right:10px; width:400px; font-size:.9em; line-height:1.05em;} .post{float:left; width:100%;padding-bottom:35px; margin-bottom:35px; background:url(images/post_bg.gif) bottom center no-repeat;} .post_left{float:left; width:150px; padding-right:10px; padding-bottom:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin: 0 10px 10px 0;} .post_left p{text-align:right; margin:0;} .post_left img{width:140px; margin:10px 0 0 5px;} .post_right{ } .lastpost{ background:none;} .post img{margin:10px;} .navigation{float:left; display:inline; width:100%; margin-bottom:15px; padding-bottom:5px;} .alignleft{float:left; display:inline; width:49%;} .alignright{float:right; display:inline; width:49%; text-align:right;} #comments{font-style:italic; color:#900;} .even{background-color:#ede7ce;} .comment{padding:10px 10px 10px 10px;}