/* Theme Name: CodeNameMama Theme URI: http://CodeNameMama.com Description: Theme Development Version: 0.4 Author: CodeNameMama.com Tags: testing */ @import "style/css/reset.css"; @import "style/css/typography.css"; /* Basics for CNM Headers: Text: #261E16 Link - Hover - Visited: #406999 Datebox: Site Background color: #f6f2e2 - alt f6f4eb

DAY

: some sort of blue Footer Area: Background: Text: Link: */ img#wpstats{width:0px;height:0px;overflow:hidden} html,body { height: 100%; } html { overflow-y: scroll; } body { font-size: 62.5%; font-family: Arial, Times, "Times New Roman", serif; color: #261E16; background: #f6f2e2;} ul { list-style: disc inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; color:#406999;} a:hover { } a img { border: none; } img { vertical-align: middle; padding: 5px; overflow: hidden} table { border-collapse: collapse; } #test1 {width:300px; background:white; float:left} #test2 {width:300px; background:tan; float:right} /* Utility */ .button { border: 1px solid tan; background: white; font-size: 95%; margin: 2px; padding: 2px 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .button:hover { background: #406999; color: white;} .button2 { border: 1px solid tan; background: white; font-size: 16px; margin: 1px; padding: 1px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Cambria, Utopia, Times, Georgia, Arial, "Hoefler Text";} .button2:hover { background: #406999; color: white;} .clear { clear: both; } .dayofweek { margin-left: 20px; color: ; border-bottom; 1px solid #ccc; } .br3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .br5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .bs1 { margin: 6px; box-shadow: 2px 3px 7px tan; padding: 5px; -webkit-box-shadow:2px 3px 7px tan; -moz-box-shadow:2px 3px 7px tan;} .bs2 { box-shadow: 2px 3px 10px tan; -webkit-box-shadow:2px 3px 10px tan; -moz-box-shadow:2px 3px 10px tan;} .aligncenter { display:block; margin:0 auto } .alignleft { float:left; display:block;} .alignright { float:right; display:block;} blockquote { border: 1px solid tan; background: #f6f4f6; width: 75%; display:block; margin:5px auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} blockquote p { font-size: 14px; font-family:Cambria, "Hoefler Text", Utopia, Times, Georgia; margin: 4px; padding:10px; } /* Special Bits */ ::selection { background: #ffb7b7; /* Safari */ } ::-moz-selection { background: #ffb7b7; /* Firefox */} .wp-caption { border:1px solid tan; text-align:center; background:#f6f0dc; padding:7px; margin:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 13px; padding: 0 4px 5px; margin: 0;} /* Archive Page */ #cat-col-1, #cat-col-2, #cat-col-3, #cat-col-4 { width:auto; float:left; margin-right:22px;} #archivecol { width: 680px; float: left; padding: 10px 2px 10px 2px; } .archivecat h2 { color: #261E16; letter-spacing: -0.03em; border-bottom: 1px solid tan; margin-bottom:5px} .archivecat ul { margin: 0 0 50px; padding: 0; font-size: 1.3em} .archivecat ul a { display: inline; color: #406999; } .archivecat li { display: block; position:relative; padding: 3px 0 3px 0; font-size: 11px} .archivecat li a { font-size: 13px; word-spacing: -.08em} h3.arch a {font-size:16px; color:#261E16;} /* Page Structure */ #page-wrap { width: 1124px; margin: 0px auto -310px; min-height: 100%; height: auto !important; height: 100%; } #push { height: 310px; } #main-col { width: 670px; float: left; margin: 0 10px 0 0; border: 0px solid green} #sidebar-inner { width: 220px; float: left; margin: 26px 10px 0 0; } #sidebar { width: 200px; float: right; margin: 26px 0 0 0; } /* Header */ #header-left { height:200px; width:800px; float:left; position:relative; } #header-left img { padding: 0} #header-right { height:200px; width:324px; float:right; background:#406999; } h1.site-name { text-indent: -9999px; display:inline; position:absolute; top:0; left:0} #searchbox {display:block; margin: 6px 0 0 50px; padding-top:5px; background:#406999;} /* Menu */ #nav-bar { width: 1124px;} #main-nav { width: 1124px; height: 3.5em; line-height: 3.4em; float: left; margin: 0 0 10px; background: #261E16 /*#A07F52*/; display: inline; } #main-nav ul { padding-left: 15px; font-family:Cambria, "Hoefler Text", Utopia, Times, Georgia;} #main-nav li { display: inline; } #main-nav li a { font-weight:normal; color: #f6f4f6; font-size: 2.0em; word-spacing: -.02em; padding: 2px 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #main-nav li a:hover { background: #406999; color: #f6f4f6; } /* Blog Entries */ .post { padding: 10px 10px 10px 2px; margin-bottom:15px;} .post p {line-height: 18px;} .post h2, .post h2 a { color: #261E16; border-bottom: 0px solid #ccc; letter-spacing: -0.03em; text-shadow: 2px 2px 2px #d9cb9e; } .post li {list-style-type:disc; list-style-position:inside; font-size:13px; padding:3px 2px; line-height: 18px;} .post ol li {list-style: decimal inside; padding:3px 2px;} .post img {display: block;} /*.post img { margin:10px; background:white; box-shadow: 2px 3px 7px tan; padding: 10px; -webkit-box-shadow:2px 3px 7px tan; -moz-box-shadow:2px 3px 7px tan; border:1px solid #e6e6e6} */ #pagenum {margin: 5px 5px 8px 55px} .footnotes {font-size: 11px; line-height: 1.5em; padding: 10px 0 10px 0;} .footnotes .footnotedivider {width: 120px; border-bottom: 1px solid tan;} .footnotes li {font-size:12px; margin: 2px 5px;} sup.footnote a {text-decoration:none; font-size: 95%; padding-left:2px;} sup.footnote {line-height: 0em;} .footnotereverse a {padding: 0 0 0 5px; text-decoration: none;} .indexshare {width:352px; height:100px; float:left; padding:0px; position:relative;} .indexshare .retweet {position:absolute; top:15px; left:0px} .indexshare .facebook {position:absolute; top:21px; left:63px} .indexshare .stumble {position:absolute; top:21px; left:130px} .indexshare .buzz {position:absolute; top:20px; left:188px} .indexshare .emailshare {position:absolute; top:7px; left:246px} .indexshare .emailshare a {font-size:10px;} .indexsummary {width:300px; float:right; margin:16px 0 5px; padding:0px;} .indexsummary a {font-size:12px; color: #406999;} #share {width:360px; height:100px; margin:15px auto; padding:0px; position:relative;} #share .retweet {position:absolute; top:28px; left:0px} #share .facebook {position:absolute; top:33px; left:70px} #share .stumble {position:absolute; top:34px; left:145px} #share .buzz {position:absolute; top:30px; left:212px} #share .emailshare {position:absolute; top:20px; left:280px} #share h3 {font-size:2.0em; margin:7px auto; border-bottom:1px solid tan} #postsummary {width:340px; height:auto; float:right; margin:10px 0 5px; padding:0px;} #postsummary h3 {font-size:1.6em; margin:0; border-bottom:1px solid tan} #postsummary a {font-size:12px; color: #406999;} #relpost {width:300px; height:auto; float:left; margin:10px 0 5px; padding:0px; } #relpost h3 {font-size:1.6em; margin:0; border-bottom:1px solid tan} #relpost li {list-style-type:none;} #relpost a {font-size:12px; color: #406999;} /* CNMWidgets */ .widget { background:#f6f2e2; padding: 0 0 3px 0; margin-bottom:15px;} .textwidget { padding: 0 0 5px 0; margin-bottom:10px;} .textwidget a, .textwidget p { font-size: 13px} .textwidget ul { padding: 0 0 5px 0; margin-bottom:10px;} .widget h3 { border-bottom: 1px solid tan;} .widget p { font-size: 13px;} .widget ul { margin: 0; padding: 0; font-size: 1.3em} .widget ul a { display: inline; color: #406999; } .widget li { display: block; position:relative; padding: 3px 0 3px 0; } .widget ul li a:hover { color: #406999; } .popular { margin:0 0 3px} .popular h3 { border-bottom: 1px solid tan;} .popular ul { margin-bottom: 10px} .popular li { padding: 2px 0; font-size: 1.2em} h3.guest { font-size: 13px; display:block; margin:7px auto} .guestpic img { margin:10px auto 2px; background:white; box-shadow: 2px 3px 7px tan; padding: 10px; -webkit-box-shadow:2px 3px 7px tan; -moz-box-shadow:2px 3px 7px tan; border:1px solid #e6e6e6} #twit {width: 100%; position:relative; margin-bottom:25px;} #twit p {padding-left: 10px; margin-top:-5px; font-size: 16px; font-family:Cambria, "Hoefler Text", Utopia, Times, Georgia;} #twit img {position:absolute; bottom:2px; right:18px;} h3.twitter { border-bottom: 1px solid tan;} ul#twitter_update_list { list-style: none; font-size: 1.3em; margin-bottom: 10px} ul#twitter_update_list li { padding: 3px 0 1px 0; color: #261E16;} ul#twitter_update_list li a {color: #406999;} /* Post-1st-Post widget area */ .fancybox {background-color:white; padding:10px; border: 1px #eee; width: 448px; margin-bottom:25px;} .fancybox h3 {font-size:18px; margin-bottom:5px;} #sub { width: 410px; height:75px; margin: 0 auto; padding:15px; background-color: #F6E3BF;} #sub a { display: block; font-family: Cambria, "Hoefler Text", Utopia, Georgia, Arial; font-size: 15px; background-color: #F6E3BF; width:160px; padding: 5px; } h3.subhead { font-size: 2.0em; border-bottom: 1px solid tan; margin-bottom: 3px} #sub ul { margin:0 0 10px; padding:0; list-style: none} #sub li {list-style: none; padding: 0px 0px 0px 32px} #sub ul li.rss { } #sub ul li.email { } #sub ul li.twit { } #sub ul li.face { } #sub .left-rss { width: 205px; float: left; } #sub .right-rss { width: 205px; float: right; } /* Footer */ #footer { height: 310px; background: #f6f2e2; border-top: 1px solid #f6f2e2; padding-top: 5px; margin-top: 5px; background-image: -moz-linear-gradient(100% 100% 90deg, #d9cb9e, #f6f2e2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f2e2), to(#d9cb9e)); } #footer p { color: #261E16; font-size: 1.3em;} #footer-inside { width: 1124px; margin: 0 auto; } #footer-bottom { margin: 3px; text-align: center; font-size: 13px; line-height: 16px; } #fc1 { width: 355px; margin: 2px; padding:3px; float:left;} #fc2 { width: 260px; margin: 2px 2px 2px 20px; padding:3px; float:left;} #fc3 { width: 450px; margin: 2px; padding:3px; float:right;} #fc3 img { margin:4px 7px 4px 0; background:white; box-shadow: 2px 3px 7px tan; padding: 10px; -webkit-box-shadow:2px 3px 7px tan; -moz-box-shadow:2px 3px 7px tan; border:1px solid #e6e6e6} #fc4 { width: 260px; margin: 2px; padding:3px; float:right;} #fc5 { width: 205px; margin: 2px; padding:3px; float:right;} .fw { padding: 0 5px 5px 0;} .fw ul { margin-bottom: 7px; } .fw p { color: #261E16; font-size:13px;} .fw a, .fw a:hover { color: #406999; font-size:13px;} .fw h3 { color: #261E16; font-size: 2.0em; border-bottom:1px solid tan; padding: 3px 5px 0 0; margin-bottom:2px} .fw li { color: #261E16; list-style-type:disc; list-style-position:inside;} .fw li a, .fw li a:hover { color: #406999;} /* RSS BOX */ #rssbox { width: 312px; height: 144px; background: url(style/images/rssboxblue.png); margin: 4px auto; padding: 0; position: relative;} #rssbox li { margin: 0; padding: 0; list-style: none; position: absolute; } #rssbox li, #rssbox a { height: 48px; display: block;} #pos1 {left: 0; width: 156px;} #pos2 {left: 156px; width: 156px;} #pos3 {left: 0px; top: 48px; width: 156px;} #pos4 {left: 156px; top: 48px; width: 156px;} #pos5 {left: 0px; top: 96px; width: 156px;} #pos6 {left: 156px; top: 96px; width: 156px;} #pos3 a:hover { background: transparent url(style/images/rssboxblue.png) 0 -144px no-repeat;} #pos4 a:hover { background: transparent url(style/images/rssboxblue.png) -156px -144px no-repeat;} #pos5 a:hover { background: transparent url(style/images/rssboxblue.png) 0 -192px no-repeat;} #pos6 a:hover { background: transparent url(style/images/rssboxblue.png) -156px -192px no-repeat;} /* Comment Threading 2 from v0.16 */ .prevnext {float:right; margin: 10px 20px 10px;} .prevnext a { font-size:13px; margin:15px 10px;} h3#comments { font-size:2.2em; margin:10px 0 10px 10px;} ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist a {font-size: 12px} ol.commentlist li { border:1px solid tan; margin:0 5px 10px 0; padding:5px 1px 20px 68px; position:relative; border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;} ol.commentlist li.bypostauthor { background: white !important; border-left:1px solid #ffb7b7; border-top:1px solid #ffb7b7;border-bottom:1px solid #ffb7b7;} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: Cambria,"Hoefler Text",Utopia, Times,Georgia,arial,sans-serif; } ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 14px; } ol.commentlist li div.vcard cite.fn img { margin:1px; padding:0px } ol.commentlist li div.vcard cite.fn a.url { font-size:14px; color:#406999; text-decoration:none;} ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #406999; padding: 5px; left:8px; position:absolute; top:8px; } ol.commentlist li div.comment-meta { font-weight:normal; font-size: 12px; line-height: 16px; font-family: arial,sans-serif; position:absolute; right:10px; text-align:right; top:7px; } ol.commentlist li div.comment-meta a { color:#406999; text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: arial,sans-serif; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply { } ol.commentlist li div.reply a { font-weight:normal; } ol.commentlist li div.reply :hover { } ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { border-left:1px solid tan; border-bottom:1px solid tan; margin:0 -2px 2px -40px; } ol.commentlist li ul.children li.depth-3 { border-left:1px solid tan; border-bottom:1px solid tan; margin:0 -2px 2px -40px; } ol.commentlist li ul.children li.depth-4 { border-left:1px solid tan; border-bottom:1px solid tan; margin:0 -2px 2px -40px; } ol.commentlist li ul.children li.depth-5 { border-left:1px solid tan; border-bottom:1px solid tan; margin:0 -2px 2px -40px; } ol.commentlist li.even { background:#f6f2e2;} ol.commentlist li.odd { background:#f6f0dc;} ol.commentlist li.parent { border-left:1px solid tan; border-bottom:1px solid tan;} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }