/* Theme Name:MarketArt Default Theme URI:http://marketart.com/ Description:The default MarketArt theme based on the famous MarketArt.com. Version:0.9.6 Author:Chad Calhoun Author URI:http://chadcalhoun.me/ Tags:blue, custom header, fixed width, two columns, widgets This theme was designed by Ed Baker and coded by Chad Calhoun. */ 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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} :focus {outline:0;} ins {text-decoration:none} del {text-decoration:line-through;} table { border-collapse:collapse; border-spacing:0;} html {overflow-y:scroll;} body {background:#050A10; text-align:center; line-height:1; color:#ccc; font:69% Tahoma,Geneva,Kalimati,sans-serif;} a {color:#fff;} /* /////////////////// */ /* CONTAINERS */ /* /////////////////// */ #container {background:#fff url(images/content-repeat-bg.gif) repeat-y top center;} #inner-container {background:transparent url(images/footer-repeat-bg.jpg) repeat-x bottom center;} #pagecontent-wrapper {background:transparent url(images/header-center.jpg) no-repeat top center;} #midwrapper {width:960px; margin:0 auto; background:transparent url(images/footer-center-bg.jpg) no-repeat bottom center; text-align:left;} /* /////////////////// */ /* CONTENT */ /* /////////////////// */ #content {background:transparent url(images/header-repeat-bg.jpg) repeat-x top center;} #content a {color:#be5e01;} #content a:hover {color:#333;} /* /////////////////// */ /* PREHEADER */ /* /////////////////// */ #preheader {background:#09131D url(images/topbar-repeat-bg.jpg) repeat-x bottom center; padding:30px;} #preheader dl {display:-moz-inline-stack; display:inline-block; width:150px; text-align:left; margin-right:10px; vertical-align:top;} #preheader dl#popular {width:500px;} #preheader dl dt {margin-bottom:0.3em;} #preheader dd li {margin-bottom:0.2em;} #preheader a {color:#fff;} /* /////////////////// */ /* HEADER */ /* /////////////////// */ #header {height:57px; margin-bottom:20px; text-align:right; padding-top:2px;} #header h2 {float:left;} #header h2 a {display:block; width:198px; height:31px; background:transparent url(images/you-are-here.gif) no-repeat top center; text-indent:-999px; overflow:hidden; text-align:left; margin-top:15px;} #header form {text-align:left; display:-moz-inline-stack; display:inline-block; background:transparent url(images/search-bg.jpg) no-repeat 0 14px; width:160px; height:37px; padding-top:18px;} #header form div {display:inline; margin:0;} #header form label {display:none;} #header form #s {margin-left:4px; width:110px; background:transparent; border:0; vertical-align:top; padding-top:5px;} #header form #searchsubmit {background:transparent; width:35px; padding:0; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; margin-left:3px; height:32px; vertical-align:middle;} #header #browseby {display:-moz-inline-stack; display:inline-block; text-align:left; overflow:hidden; text-indent:-999px; white-space:pre; width:151px; height:68px; background:transparent url(images/browse-by.jpg) no-repeat top center; vertical-align:middle;} /* /////////////////// */ /* PAGECONTENT */ /* /////////////////// */ #pagecontent {width:617px; padding:20px 30px 50px; min-height:500px; color:#666; float:left; line-height:1.6em; font-size:1.3em;} #pagecontent h1 {font-size:2.0em; line-height:1.2em; margin-bottom:0.6em; color:#be5e01;} #pagecontent h1 small {font-size:0.5em; line-height:0.9em;} #pagecontent h2 {font-size:1.4em; line-height:1.2em; margin-bottom:0.6em;} #pagecontent h3 {font-size:1.1em; line-height:1.2em; margin-bottom:0.6em;} #pagecontent h3 {font-size:1.2em; text-align:left; background:#dbdcd9; color:#29557d; padding:5px; margin:1em 0;} #pagecontent h4 {font-size:1.1em; line-height:1.2em; margin-bottom:0.6em;} #pagecontent h5 {font-size:1.1em; line-height:1.2em; margin-bottom:0.6em;} #pagecontent h6 {font-size:1.1em; line-height:1.2em; margin-bottom:0.6em;} #pagecontent p {margin-bottom:1.2em;} /* /////////////////// */ /* HOME */ /* /////////////////// */ #pagecontent .fparticle h2:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #pagecontent .fparticle h2 {font-size:2.0em; padding-bottom:0; margin-bottom:0; display:inline-block;} #pagecontent .fparticle a {text-decoration:none;} #pagecontent .fparticle {padding-bottom:2em;} #recentarticles-fp li {width:27%; margin:0 2%; padding-right:2%; float:left; border-right:1px solid #ccc;} #recentarticles-fp li:last-child {border-right:none;} #recentarticles-fp:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #recentarticles-fp {display:-moz-inline-stack; display:inline-block; width:100%;} .article-footer-fp {text-align:right; font-size:1.0em;} #pagecontent .article-footer-fp a {color:#29559c; font-weight:bold; border-bottom:1px solid #ccc;} #pagecontent .article-footer-fp a:hover {border-bottom:1px solid #666;} .article-footer-fp #sharethis {display:block; float:left;} .datebox {display:block; margin:3px 20px 0 0; float:left; width:62px; height:58px; background:transparent url(images/date-bg.png) no-repeat top center; color:#fff; font-size:30px; line-height:0.8em; text-align:center; padding-top:4px;} .datebox span {display:block; font-size:16px; text-transform:uppercase;} input.labelHighlight { color:#999; } /* /////////////////// */ /* SIDEBAR */ /* /////////////////// */ #sidebar {width:274px; min-height:500px; color:#666; margin-left:684px; text-align:center; padding:10px 0;} #sidebar #sidetxt {background:#fefefe; border:1px solid #fff; padding:3px 6px; margin:6px;} #sidebar div {text-align:left; padding:0 8px; margin-bottom:3em;} #sidebar h3 {font-size:1.2em; text-align:left; background:#dbdcd9; color:#29557d; padding:5px; margin:1em 0;} #sidebar #twitter {width:231px; height:133px; padding:30px 10px; background:transparent url(images/tweet-tweet-bg.png) no-repeat top center; margin:0 auto;} #sidebar #twusername {display:block; text-align:right; padding-top:0.3em;} #sidebar p {margin-bottom:0.4em;} /* /////////////////// */ /* FOOTER */ /* /////////////////// */ #footer {height:280px; clear:both; color:#aed4d8;} #footer a {color:#aed4d8;} #footer a:hover {color:#fff;} #footer #tvlink a {display:block; width:267px; height:233px; overflow:hidden; text-indent:-999px; margin:10px 0 0 60px;} #footer h3 {margin-bottom:0.8em;} #upcomingevents li {float:left; margin-right:6px; margin-bottom:6px;} #upcomingevents li img {width:91px; height:49px;} #recentarticles ul {list-style-type:disc; padding-left:13px;} #recentarticles li {margin-bottom:0.6em;} #tvlink {display:block; float:left; width:405px; height:275px;} #footer div {float:left; width:276px; padding-top:42px;} /* //////////////////////// */ /* //////////////////////// */ /* //////////////////////// */ /* //////////////////////// */ .narrowcolumn .postmetadata{text-align:center;} .thread-alt{background-color:#f8f8f8;} .thread-even{background-color:white;} .depth-1{border:1px solid #ddd;} .even, .alt{border-left:1px solid #ddd;} small{font-size:0.9em; line-height:1.5em;} h2.pagetitle{font-size:1.6em;} .author{color:#29557D;} .entry p a:visited{color:#b85b5a;} .sticky{background:#f7f7f7; padding:0 10px 10px;} .home .sticky {background:transparent;} .sticky h2{padding-top:10px;} .commentlist li, #commentform input, #commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif;} .commentlist li ul li{font-size:1em;} .commentlist li{font-weight:bold;} .commentlist li .avatar{float:right; border:1px solid #eee; padding:2px; background:#fff;} .commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em;} .commentlist p{font-weight:normal; line-height:1.5em; text-transform:none;} #commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;} .commentmetadata{font-weight:normal;} #sidebar{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{color:#777;} code{font:1.1em 'Courier New',Courier,Fixed;} acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em;} a, h2 a:hover, h3 a:hover{color:#06c; text-decoration:none;} a:hover{color:#147; text-decoration:underline;} #wp-calendar #prev a, #wp-calendar #next a{font-size:9pt;} #wp-calendar a{text-decoration:none;} #wp-calendar caption{font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif; text-align:center;} #wp-calendar th{font-style:normal; text-transform:capitalize;} /* End Typography &Colors */ /* Begin Structure */ #page{background-color:white; margin:20px auto; padding:0; width:760px; border:1px solid #959596;} #headerimg{margin:0; height:200px; width:100%;} .post{margin:0 0 40px;} .post hr{display:block;} .widecolumn .post{margin:0;} .narrowcolumn .postmetadata{padding-top:5px;} .widecolumn .postmetadata{margin:30px 0;} .widecolumn .smallattachment{text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;} .widecolumn .attachment{text-align:center; margin:5px 0px;} .postmetadata{clear:both;} .clear{clear:both;} /* End Structure */ /*Begin Headers */ #pagecontent h3.comments{padding:0; margin:40px auto 20px;} /* End Headers */ /* Begin Images */ p img{padding:0; max-width:100%;} /*Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered{display:block; margin-left:auto; margin-right:auto;} img.alignright{padding:4px; margin:0 0 2px 7px; display:inline;} img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline;} .alignright{float:right;} .alignleft{float:left;} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;} html>body .entry li{margin:7px 0 8px 10px;} .entry ul li:before, #sidebar ul ul li:before{content:"\00BB \0020";} .entry ol{padding:0 0 0 35px; margin:0;} .entry ol li{margin:0; padding:0;} .postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none;} #sidebar ul, #sidebar ul ol{margin:0; padding:0;} #sidebar ul li{list-style-type:none; list-style-image:none; margin-bottom:15px;} #sidebar ul p, #sidebar ul select{margin:5px 0 8px;} #sidebar ul ul, #sidebar ul ol{margin:5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol{margin:0 0 0 10px;} ol li, #sidebar ul ol li{list-style:decimal outside;} #sidebar ul ul li, #sidebar ul ol li{margin:3px 0 0; padding:0;} /* End Entry Lists */ /* Begin Form Elements */ .entry form{/* This is mainly for password protected posts,makes them look better. */text-align:center;} select{width:130px;} #commentform input{width:170px; padding:2px; margin:5px 5px 1px 0;} #commentform{margin:5px 10px 0 0;} #commentform textarea{width:100%; padding:2px;} #respond:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #commentform #submit{margin:0 0 5px auto; float:right;} /* End Form Elements */ /* Begin Comments*/ .alt{margin:0; padding:10px;} .commentlist{padding:0; text-align:justify;} .commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none;} .commentlist li ul li{margin-right:-5px; margin-left:10px;} .commentlist p{margin:10px 5px 10px 0;} .children{padding:0;} #commentform p{margin:5px 0;} .nocomments{text-align:center; margin:0; padding:0;} .commentmetadata{margin:0; display:block;} /* End Comments */ /* Begin Calendar */ #wp-calendar{empty-cells:show; margin:10px auto 0; width:155px;} #wp-calendar #next a{padding-right:10px; text-align:right;} #wp-calendar #prev a{padding-left:10px; text-align:left;} #wp-calendar a{display:block;} #wp-calendar caption{text-align:center; width:100%;} #wp-calendar td{padding:3px 0; text-align:center;} #wp-calendar td.pad:hover{/* Doesn't work in IE */background-color:#fff;} /* End Calendar */ /* Begin Various Tags &Classes */ acronym, abbr, span.caps{cursor:help;} acronym, abbr{border-bottom:1px dashed #999;} blockquote{margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;} blockquote cite{margin:5px 0 0; display:block;} .center{text-align:center;} .hidden{display:none;} .screen-reader-text{ position:absolute; left:-1000em;} hr{display:none;} a img{border:none;} .navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px;} /* End Various Tags &Classes*/ /* Captions */ .aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto;} .wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wp-caption img{margin:0; padding:0; border:0 none;} .wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /* End captions */ /* "Daisy,Daisy,give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage,I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two."*/