/* Theme Name: Think Zig Theme URI: http://www.thinkzig.com Description: ThinkZig.com Site Theme. Version: 1.0 Author: Jamie Gaines Author URI: http://www.thinkzig.com/ */ /* ********************************************************************************** Thinkzig CSS v1.0 Created by: Nord 7 www.nord7.com ********************************************************************************** */ /* Import Stylesheets --------------------------------------------------------------------------------------- */ @import url("navigation.css"); /* Basic Elements --------------------------------------------------------------------------------------- */ html,body {margin:0;padding:0;height:100%;background:#fff;font-family:"Lucida Grande", Arial, Verdana; line-height:14px;} .clear {clear:both;margin:0;padding:0;} #clearfoot {background:#fff;height:65px;} /* Layout --------------------------------------------------------------------------------------- */ #container {position:relative;margin:0 auto;width:100%;height:auto!important;height:100%;min-height:100%;} #header {height:286px;} #header_sec {height:111px;} #content_home {padding:1em 1em 5em;} #footer {position:absolute;width:100%;bottom:0;background:url(./images/footer_bg.jpg);height:68px;} /* Typography & Formatting --------------------------------------------------------------------------------------- */ a:link {color:#b01106;text-decoration:underline;font-weight:700} a:visited {color:#b01106;text-decoration:underline;font-weight:700} a:active {color:#b01106;text-decoration:underline;font-weight:700} a:hover {text-decoration:none;color:#b01106;font-weight:700} a.red12:link, .pagecontent a:link {color:#b01106;font-size:12px;text-decoration:underline;font-weight:normal} a.red12:visited, .pagecontent a:visited {color:#b01106;font-size:12px;text-decoration:underline;font-weight:normal} a.red12:active, .pagecontent a:active {color:#b01106;font-size:12px;text-decoration:underline;font-weight:normal} a.red12:hover, .pagecontent a:hover {color:#b01106;font-size:12px;text-decoration:none;font-weight:normal} a.red10:link, .comment_count a:link {color:#b01106;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;text-decoration:underline;font-weight:normal} a.red10:visited, .comment_count a:visited {color:#b01106;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;text-decoration:underline;font-weight:normal} a.red10:active, .comment_count a:active {color:#b01106;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;text-decoration:underline;font-weight:normal} a.red10:hover, .comment_count a:hover {color:#b01106;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;text-decoration:none;font-weight:normal} a.red13:link {color:#b01106;font-size:13px;text-decoration:underline;font-weight:normal} a.red13:visited {color:#b01106;font-size:13px;text-decoration:underline;font-weight:normal} a.red13:active {color:#b01106;font-size:13px;text-decoration:underline;font-weight:normal} a.red13:hover {color:#b01106;font-size:13px;text-decoration:none;font-weight:normal} #sidebarnav a:link {text-decoration:none;color:#5d7e85;padding:2px;font-weight:normal} #sidebarnav a:visited {text-decoration:none;color:#5d7e85;padding:2px;font-weight:normal} #sidebarnav a:active {text-decoration:none;color:#5d7e85;padding:2px;font-weight:normal} #sidebarnav a:hover {color:#fff;background:#5d7e85;font-weight:normal} a.blogtitle:link {color:#b01106;text-decoration:underline;} a.blogtitle:visited {color:#b01106;text-decoration:underline;} a.blogtitle:active {color:#b01106;text-decoration:underline;} a.blogtitle:hover {color:#b01106;text-decoration:underline;font-weight:700} img {border:0;} .lucida_10px_white {color:#fff;font-size:10px;line-height:20px;} .lucida_10px_brown {color:#48403d;font-size:10px;line-height:10px;} .lucida_12px_brown, .insidecontent p, .pagecontent p {color:#48403d;font-size:12px;line-height:20px;} .lucida_10px_blue {color:#5d7e85;font-size:10px;line-height:10px;font-style:italic} .lucida_12px_blue {color:#376069;font-size:12px;line-height:20px;} .lucida_15px_blue {color:#376069;font-size:15px;line-height:20px;} .lucida_12px_red {color:#b01106;font-size:12px;line-height:20px;} .lucida_15px_red {color:#b01106;font-size:15px;line-height:20px;} .trebuchet_11px_red {color:#b01106;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;line-height:20px;} h1 {font:bold 22px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0 0 8px 0;color:#1a1511;} h1.category_title {font:bold 26px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;margin:0 0 15px 0;padding:0 0 8px 0;color:#1a1511;} h1.blogtitle {font:bold 22px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0 0 8px 0;color:#b01106;} h2 {font:bold 18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;} h3 {font:bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin-top:-2px; color:#b01106;} h3.blogpostedinfo {font:bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin-top:-2px; color:#1a1511;} h4 {font:bold 15px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;color:#b01106;} .title_line_blue {background:url(./images/title_line_blue.jpg) no-repeat; height:1px; width:auto} .title_line_red {background:url(./images/title_line_red.jpg) no-repeat; height:1px; width:auto} .title_line_brown {background:url(./images/title_line_brown.jpg) no-repeat; height:1px; width:auto} p.rightbox {width:200px;float:right} p.leftbox {width:200px;float:left} p {padding:0 0 12px 0;line-height: 16px;font:12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;color:#222;} /* Header --------------------------------------------------------------------------------------- */ #header_top {height:95px; background:#250a07 url(./images/header_top_bg.jpg) no-repeat} #header_whiteline {background-color:#fff;height:3px;} #header_brownline {background-color:#443A2E;height:13px;} #header_bottom {height:188px; background:#18140f url(./images/header_bottom_bg.jpg) no-repeat 60% 10%} #header_bottom_title {position:relative;left:60px; top:80px;height:31px; width:636px; margin:0 auto;background: url(./images/header_title.png)} #logo {position:absolute;height:116px;width:235px;left:70px;cursor:pointer;background:url(./images/thinkzig_logo.png)} #slogan {position:absolute;height:19px;width:217px;left:320px;top:50px;background:url(./images/slogan.png)} #navigation {position:absolute;height:73px;width:363px;right:30px;top:15px;} /* Content --------------------------------------------------------------------------------------- */ /* home */ #content_home #content_container {position:relative;margin:0 auto;width:820px;height:300px;margin-top:40px;} #latestblogposts_container {float:right;width:200px;height:252px;margin-left:67px;} #latestblogposts_title {float:left;width:146px;height:27px; margin:0 0 5px 5px;background:url(./images/latestblogpost_title.jpg) no-repeat} #latestblogposts_rss {float:left;width:25px;height:27px; margin:0 0 5px 15px; cursor:pointer;background:url(./images/latestblogpost_title.jpg) no-repeat 99% 0} #latestblogposts {float:right;width:200px;height:252px; background:url(./images/latestblogposts_bg.jpg)} #latestblogposts_content {float:right;width:187px;height:239px; padding:13px 0 0 13px;} #right_block {float:right;width:258px;height:245px;margin-left:30px;} #right_block_title {float:left;width:258px;height:45px; background:url(./images/column_title.jpg) } #right_block_content {float:left;width:258px;height:200px;padding:3px 0 0 3px; } #left_block {float:left;width:258px;height:245px;} #left_block_title {float:left;width:258px;height:45px; background:url(./images/column_title.jpg) } #left_block_content {float:left;width:258px;height:200px; padding:3px 0 0 3px; } #home_content_title {width:197px;height:27px;background:url(./images/proud_creators_of.jpg);} #licketytrip {width:200px;height:91px;background:url(./images/licketytrip.jpg);} #photocannon {width:200px;height:89px;background:url(./images/photocannon.jpg);} .home-desc {margin-left:5px;} /* secondary page */ #content_home {width:850px;margin:0 auto;padding:0px 10px 5px 15px;} #maincontent {float:right;width:435px;margin-right:25px} #sidebarnav {width:180px;float:left;} #sidebarnav h3 {text-transform:uppercase;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;color:#48403d;background:#fff;border-top:4px solid #b01106;padding:3px 0;margin:30px 0 10px 0;} /* blog pages */ #content {width:850px;margin:0 auto;text-align:left;padding:35px 10px 5px 15px;} #sidebar {width:200px;float:right;padding:0 0 0 30px;} .insidecontent {width:620px;float:left;margin-bottom:40px;} #content ul.sidebarnav, .widget ul {margin:0 0 20px 0px;} #content ul.sidebarnav li, .widget ul li {font-size:11px;margin:0 0 3px 0;padding:3px 0 1px 0px;display:block;list-style-type:none;} ul.sidebarnav li a, .widget ul li a {text-decoration:none;color:#376069;padding:2px;} ul.sidebarnav li.active a, ul.sidebarnav li a:hover, .widget ul li a:hover {color:#376069;background:#dae3e5;} #sidebar p {font-size:11px;color:#555;} #sidebar h3 {text-transform:uppercase;font:bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;color:#48403d;background:#fff;border-top:4px solid #b01106;padding:3px 0;margin:30px 0 10px 0;} #sidebar p.productsSide {padding:10px 0 5px 0;margin:0;} #sidebar p.blogDesc {padding-top:18px;font-size:12px;line-height:18px;font-style:italic;} #sidebar-list {list-style-type:none;margin:0px;padding:0px;} .single-post h1 {color:#b01106;} #blogcomment {background:#fff;padding:28px;} #blogpost {background:#E5EAED;padding:28px;} #blogcomment p.italic {font-style:italic} /* Footer --------------------------------------------------------------------------------------- */ #footer_text {position:relative;margin:0 auto;padding-top:27px; width:320px;} /* Forms --------------------------------------------------------------------------------------- */ input {padding:2px;font:11px Verdana, Arial, Helvetica, sans-serif;} select {font:11px Verdana, Arial, Helvetica, sans-serif;} textarea {font:11px verdana, arial, helvetica, sans-serif;padding:2px;width:550px;} .button {width:100px; font-weight:700;height:21px;color:#fff;background-color:#5d7e85; border:#fff 1px solid; margin:5px; float:right}