/* Theme Name: FiveCore Media Theme URI: http://www.fivecoremedia.com Description: A custom theme developed for FiveCore Media. Version: 1.0 Author: Ryan Miller Author URI: http://www.ryanmillerdesign.com */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, div, dl, dt, dd, ul, ol, li, pre, form, label, fieldset, input, blockquote, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; } ol { list-style: disc; list-style-position: outside; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; } caption, th { text-align: left; } body { background-color: #CCC; margin: 0; padding: 0; } a:link { text-decoration: none; color: #999; } a:visited { text-decoration: none; color: #999; } a:hover { text-decoration: none; color: #7d1316; } a:active { text-decoration: none; } @font-face { font-family: 'HelveticaCon'; src: url('fonts/HelveticaCondensed.otf') format('opentype'); } /* Website Layout -------------------- */ #page-wrap { width: 100%; margin: 0px auto; padding-top: 70px; padding-bottom: 60px; min-height: 100%; height: auto !importaqnt; height: 100%; background: url(images/back.jpg) no-repeat center top; } #wrap { width: 970px; background: url(images/.png) no-repeat; margin-left: auto; margin-right: auto; } #topshadow { width: 970px; height: 50px; background: url(images/topshadow.png) no-repeat; padding: 0px; } #main { width: 930px; padding: 0 20px 0 20px; overflow: hidden; background: url(images/mainback.png) repeat-y; } #maingradient { width: 930px; overflow: hidden; background: url(images/maingradient.jpg) no-repeat top; } #mainredbar { width: 930px; overflow: hidden; background: url(images/redbar.jpg) no-repeat bottom; } #mainleft { width: 210px; height: 470px; float: left; } #logo { width: 210px; height: 170px; background: url(images/logo.png) no-repeat; text-indent: -9999px; } #logo a { display: block; height: 170px; } #subnav { width: 185px; height: 300px; text-align: right; padding-right: 35px; } #archives { width: 185px; height: 300px; text-align: right; padding-right: 35px; } #mainright { width: 720px; float: left; position: relative; } #mainnav { width: 685px; height: 20px; padding-left: 35px; } #maincontent { width: 470px; float: left; } #maincontentblog { width: 600px; float: left; } #content { width: 420px; min-height: 225px; padding: 70px 15px 30px 35px; } #portfoliocontent { width: 670px; min-height: 225px; padding: 70px 15px 30px 35px; } #featured { width: 435px; height: 60px; padding: 15px 0px 15px 35px; color: #FFF; } #featured p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #FFF; } .featuredproject { padding-left: 10px; } #twitterfeed { width: 470px; height: 35px; } #twitterbird { width: 50px; height: 35px; background: url(images/twitterbird.png) no-repeat; float: left; } #feed { width: 420px; height: 35px; padding-top: 0px; float: left; } #image { width: 250px; height: 450px; float: left; position: absolute; bottom: 0; right: 0; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } /* Navigation -------------------- */ #nav, #nav ul { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; list-style-type: none; list-style-position: outside; position: relative; float: left; } #nav li { float: left; position: relative; } #nav li a { display: block; padding-right: 30px; text-decoration: none; color: #666; } #nav li a:hover { color: #7d1316; } #subnavlinks, #subnavlinks ul { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; list-style-type: none; list-style-position: outside; } #subnavlinks li { position: relative; } #subnavlinks li a { display: block; text-decoration: none; color: #666; padding-bottom: 15px; } #subnavlinks li a:hover { color: #7d1316; } #archives, #archives ul { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; list-style-type: none; list-style-position: outside; } #archives li { position: relative; } #archives li a { display: block; text-decoration: none; color: #666; padding-bottom: 5px; } #archives li a:hover { color: #7d1316; } #nav li.current_page_item a { color: #7d1316; text-decoration: none; } #nav li.current_page_ancestor a { color: #7d1316; text-decoration: none; } /* Text -------------------- */ h1 { font-family: 'HelveticaCon', sans-serif; font-weight: normal; font-size: 28px; line-height: 20px; color: #333; margin-bottom: 15px; } h2 { font-family: 'HelveticaCon', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #FFF; margin-bottom: 5px; } h3 { font-family: 'HelveticaCon', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #333; margin-bottom: 7px; } h4 { font-family: 'HelveticaCon', sans-serif; font-weight: normal; font-size: 22px; line-height: 20px; color: #333; margin-top: 10px; } p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 15px; color: #333; margin-bottom: 20px; } /* Footer -------------------- */ #footer { width: 970px; height: 80px; background: url(images/footerback.png) no-repeat; font-family: Verdana, Geneva, sans-serif; font-size: 8px; line-height: 10px; color: #CCC; clear: both; } #socialmedia { width: 445px; height: 38px; padding: 22px 0 0 40px; float: left; text-align: left; } #facebook { display: block; width: 21px; height: 20px; float: left; } #facebook a { display: block; width: 21px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: 0px 0px; } #facebook a:hover { display: block; width: 21px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: 0px -22px; } #twitter { display: block; width: 24px; height: 20px; float: left; } #twitter a { display: block; width: 24px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: -21px 0px; } #twitter a:hover { display: block; width: 24px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: -21px -22px; } #youtube { display: block; width: 24px; height: 20px; float: left; } #youtube a { display: block; width: 24px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: -45px 0px; } #youtube a:hover { display: block; width: 24px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: -45px -22px; } #rss { display: block; width: 23px; height: 20px; float: left; } #rss a { display: block; width: 23px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: -69px 0px; } #rss a:hover { display: block; width: 23px; height: 20px; background: url(images/socialmedia.png) no-repeat; background-position: -69px -22px; } #copyright { width: 445px; height: 38px; padding: 22px 40px 0 0; float: right; text-align: right; } /* Twitter Feed -------------------- */ .twtr-ft { display: none; } .twtr-hd { display: none; } .twtr-tweet-text p { font-size: 11px; } a.twtr { display: none; } #twitter_update_list { width: 420px; padding-top: 10px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #FFF; line-height: 16px; font-weight: normal; } #twitter_update_list li { width: 420px; list-style: none; } #twitter_update_list li a { color:#999; text-decoration: none; } #twitter_update_list li a:hover { color: #7d1316; } /* Posting -------------------- */ .post_title { float: left; width: 395px; margin: 5px 0 0 0; display: inline; } .post_title_alt { width: 470px; margin: 20px 0 0 20px; } .post_title h4 { font-size: 20px; } .post_title h4 a { text-decoration: none; color: #666; } .post_title h4 a:hover { color: #7d1316; } .postdata { padding: 0 0 20px 0; line-height: 14px; font-family: Arial, Helvetica, Georgia, Sans-serif; color: #999; } .entry { padding: 15px 0px; line-height: 24px; clear: both; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin: 0; padding: 10px 0 5px; background-color: transparent; background-image: none; font-weight: bold; } .entry h1 { font-size: 24px; line-height: 30px; font-weight: normal; } .entry h2 { font-weight: normal; } .entry h3 { font-size: 16px; } .entry h4 { font-size: 14px; } .entry h5 { font-size: 12px; } .entry h6 { font-size: 11px; } .navigation { padding: 0 20px; line-height: 24px; } /* Email Forms -------------------- */ #emailform { padding-top: 2px; width: 400px; } #emailform input, #emailform textarea { padding: 6px; width: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 6px 0px; border: 1px solid #CCC; } #emailform textarea { height: 70px; } #emailform textarea:focus, #emailform input:focus { border: 1px solid #999; } #emailform input.submit { width: 60px; float: left; background-color: #990000; border-width: 0px; border-color: #CCC; color: #FFF; }