/*----------------------------------------------- PORTLAND STUDIOS BLOG XHTML/CSS :: Copyright 2008 PORTLAND STUDIOS INC. -------------------------------------------------*/ * {padding:0px; margin:0px;} body {font-family:arial, helvetica; font-size:small; background:url('images/background.jpg') top left #0a0000 no-repeat;} ul {list-style:none;} /*----------------------------------------------- MAIN TEMPLATE -------------------------------------------------*/ #wrap {width:1000px; margin:0px auto;} #nav, #content, #tools, #header {float:left; width:996px; margin:0px auto;} #header {height:55px; padding:33px 0px 30px 0px;} #footer {clear:both; height:54px; margin:0px auto 0px auto; background:url(images/footer.gif) top left no-repeat; } #footer #copyright {color:#ccc; float:left; display:block; padding:20px;} #footer a#footer-link {float:right; width:91px; height:30px; margin:12px 20px 0px 0px; background:url(images/footer-link.gif) center no-repeat;} #logo {float:left; display:block; width:180px; height:55px; background:url(images/logo.png); border:0px;} a#rss {float:left; margin-top:20px; display:block; width:22px; height:22px; background:url(http://blog.portlandstudios.com/wp-content/themes/PortlandTheme/images/rss.gif) no-repeat;} a#rss:hover {background-position:0px -22px;} * html #logo {background:url(images/ie-logo.gif);} /* NAVIGATION */ #nav {border:1px solid #000; background:url(images/nav-background.png); list-style:none; margin-bottom:20px;} * html #nav {background-image:none; background-color:#0a0000;} #nav ul#main-nav {float:left;} #nav ul#aux-nav {float:right;} #nav li {float:left;} #nav li a {font-size:90%; float:left; display:block; text-decoration:none; color:#bea88f; text-transform:uppercase; padding:10px 15px;} #nav li a:hover {color:#fff;} /*----------------------------------------------- CONTENT TEMPLATE -------------------------------------------------*/ #content {overflow:hidden;width:996px; background:url(images/template.gif) repeat-y 636px 50px #f0ead8; padding:17px 0px;} #tools {overflow:hidden;width:996px; background-color:#f0ead8; padding:17px 0px;} /* BANNER ~ FEATURE */ #banner {display:block; margin:0px auto; margin-left:15px; width:965px; height:246px; background:url(images/banner.png) #000;} #banner dd {font-size:100%;} #banner dl {padding:25px; padding-top:10px; color:#fff; height:211px; width:280px; float:right; background:url(images/banner-background.png);} #banner dt {font-size:90%; color:#c7b299; text-transform:uppercase; margin-top:5px;} #banner dt#banner-title {font-size:150%; color:#fff; font-family:georgia; text-transform:none; margin-bottom:10px;} #banner dd a {color:#903001; text-transform:uppercase; text-decoration:none; display:block; margin-top:15px;} #banner dd a:hover {color:#fff;} /*----------------------------------------------- MAJOR COLUMN ~ POSTS & TOOLS -------------------------------------------------*/ #major-col {float:left; margin:10px 0px 0px 15px; width:625px;} * html #major-col {margin-left:8px;} /* BLOG NAVIGATION */ #blog-nav {float:left; background-color:#d0c5a5; list-style:none; margin-bottom:20px; width:625px;} #blog-nav li {float:left;} #blog-nav li a {font-size:80%; float:left; display:block; text-decoration:none; color:#fff; text-transform:uppercase; padding:10px 15px;} #blog-nav li a:hover {background-color:#AF976D;} #blog-nav li a#current {background-color:#421702;} /* ALL POSTS */ #posts {float:left; margin-left:25px;} * html #posts {float:left; margin-left:11px;} #posts dl {float:left;border-bottom:1px dashed #421702; margin-bottom:30px; padding:0px 0px 20px 0px; width:590px;} #posts dt.date {font-size:80%; font-family:helvetica, arial; text-transform:uppercase; color:#421702;} #posts dt.title a {font-size:190%; width:470px; margin:0px 0px 6px 0px; text-decoration:none; display:block; color:#421702;} #posts dt.comment-rate a{float:right; text-decoration:none; font-weight:600; background:url(images/comments.gif) no-repeat; color:#fff; font-size:190%; padding:20px 0px 0px 0px; width:66px; text-align:center; height:50px; margin-right:0px;} #posts dd.post-info {margin:10px 0px 30px 0px; font-size:90%; background:url(images/info-bar.gif) no-repeat; padding:13px 0px 15px 17px;} #posts dd.post-info a {font-weight:600; color:#000; text-decoration:none;} #posts dd.post-info .cat-link a {color:#9f3f0e; text-transform:lowercase; text-decoration:none; background-color:#FFFBEF; border:1px solid #D0C5A5; padding:2px 5px; opacity:.7; font-weight:300;} #posts dd.post-info .cat-link a:hover {opacity:1;} #posts dd.post-body {font-size:100%; color:#444444; width:570px; line-height:1.4em;} #posts dd.post-body p {margin:20px 0px;} #posts dd.post-body p a {color:#9f3f0e;} #posts dd.post-body p img {margin:10px 0px; padding:5px; background-color:#fff; border:1px solid #ded8c6;} .archive-title {margin:0px 0px 20px 0px; color:#421702;} .more-link a, .alignleft a, .alignright a {float:left; cursor:pointer; color:#777; font-size:70%; text-decoration:none; padding:5px; margin-top:10px; text-transform:uppercase; background-color:#fff; border:1px solid #D0C5A5;} .alignright a {float:right;} .more-link a:hover, .alignleft a:hover, .alignright a:hover {color:green;} /* COMMENTS */ #comment-list {margin-left:25px;} #comment-list p {font-size:80%; font-weight:100; margin-top:15px; display:block; width:475px; line-height:1.9em;} #comment-list h3 {display:block; height:20px; clear:both; font-size:80%; text-transform:uppercase; margin-bottom:10px;} #comment-list dl {background-color:#fff; padding:10px 20px 30px 20px; width:541px; margin-bottom:30px; border-bottom:1px solid #D0C5A5;} #comment-list dl dt {margin-top:10px;} #comment-list dl dt.date {text-transform:uppercase; font-size:80%;} #comment-list dl dt.comment-author {border-bottom:1px dotted #bbb; padding-bottom:5px;} #comment-list dl dt a {text-decoration:none; font-size:100%; font-weight:300; color:#9f3f0e;} #comment-list dl dd {margin-top:10px;} #comment-list dl dd a {color:#9f3f0e;} /* COMMENT FORM */ #leave-comment {width:581px; margin-left:25px;} #leave-comment h3 {display:block; clear:both; background-color:#D0C5A5; font-size:80%; font-weight:300; color:#fff; text-transform:uppercase; padding:10px 20px 10px 15px;} #comment-info {float:left; margin:0px 20px 0px 0px;} #comment-info ul, #comment-info ul li {margin-top:10px;} #comment-info label, #comment-field label {display:block; margin:0px 0px 3px 0px; text-transform:uppercase; font-size:80%; color:#65200b;} #comment-info input, #leave-comment textarea {display:block; width:160px; border:1px solid #ded8c6; font-size:90%; padding:5px;} #comment-field {float:left; width:385px; padding-top:10px;} #comment-field input.submit-comment {float:right; cursor:pointer; font-size:70%; padding:5px; margin-top:10px; text-transform:uppercase; background-color:#fff; border:1px solid #D0C5A5;} #comment-field input.submit-comment:hover {border:1px solid green;} #comment-field textarea {width:378px; height:119px;} .await {color:#9f3f0e; display:block; padding-top:10px;} /* TOOLS */ #tools #major-col {width:941px;} #tools #blog-nav {width:965px;} #brush-intro {float:left; margin:0px 0px 30px 16px;} #brush-intro img {float:left; background-color:#000;} #brush-intro #brush-content {float:left;width:547px; margin-left:20px; margin-right:21px;} #elements-intro #elements-content {float:left; width:747px; margin-left:20px; margin-right:21px;} #brush-intro a#whole-set {width:210px; height:162px; float:right; background:url(images/full-set.gif) #000; display:block;} #tools #banner {height:318px; background-image:none; background-color:#000;} #tools dl#font {margin:0px auto;} #tools.fonts #banner {height:241px; background:url(images/font-banner.png);} dl#font dd {position:relative; border-right:1px solid #D0C5A5; border-bottom:1px solid #D0C5A5; margin:10px auto 30px auto; padding:89px 0px 10px 0px; width:778px;} dl#font dd.bg-font {background:url(images/bluegoblet.png) #fff top no-repeat;} dl#font dd.bb-font {background:url(images/biscuit.png) #fff top no-repeat;} dl#font dd.bg-ornaments {background:url(images/ornaments.png) #fff top no-repeat;} dl#font dd .buy-set {width:114px; height:39px; display:block; left:648px; top:22px; position:absolute;} dl#font dd table {margin:20px; width:730px; font-size:120%;} dl#font dd table td {padding:5px 10px; padding-bottom:2px;} dl#font dd table td a.buy {text-transform:uppercase; text-decoration:none; float:right;} dl#font dd table td.price {font-weight:600;} dl#font dd img {margin-left:20px;} #tool-nav {width:964px; height:52px; background-color:#d0c5a5; margin-bottom:30px;} #tool-nav ul {margin:0px auto; width:800px; height:54px;} #tool-nav ul li {float:left;} #tool-nav ul li a {float:left; margin-right:15px; height:52px; display:block;} #tool-nav ul li a.brushes {width:208px; background:url(images/nav-brushes.png);} #tool-nav ul li a.textures {width:208px; background:url(images/nav-textures.png);} #tool-nav ul li a.fonts {width:332px; background:url(images/nav-font.png);} #tool-nav ul li a:hover, #tool-nav ul li a#current {background-position:0px -52px;} #tools.brushes h2 {background:url(images/brushes-title.gif) -10px 0px; height:31px; width:291px; display:block;} #tools.elements h2 {background:url(images/elements-title.gif) -3px 0px; height:35px; width:288px; display:block;} #brushes {float:left; margin:0px 0px 0px 24px;} #brushes dd {width:916px; height:70px; margin-bottom:8px; color:#fff; font-size:80%;} #brushes dd.watercolor {background:url(images/watercolor.gif) left no-repeat #471e08;} #brushes dd.watercolor2 {background:url(images/watercolor2.gif) left no-repeat #471e08;} #brushes dd.eraser {background:url(images/eraser.gif) left no-repeat #471e08;} #brushes dd.texture {background:url(images/texture.gif) left no-repeat #471e08;} #brushes dd.shading {background:url(images/shading.gif) left no-repeat #471e08;} #brushes dd.t-shirt {background:url(images/t-shirt.gif) left no-repeat #471e08;} #brushes dd.beowulf {background:url(images/beowulf.gif) left no-repeat #471e08;} #brushes dd.ill-2008 {background:url(images/ill-2008.gif) left no-repeat #471e08;} #brushes dd p {padding:10px 0px 0px 237px; width:500px; float:left;} #brushes dd a, #elements dd a {float:right; width:70px; height:70px; color:#fff; font-family:times new roman; font-size:320%; text-decoration:none; padding:5px 0px 0px 0px;} #brushes dd a em, #elements dd a em {font-size:80%; color:#6F4630; font-style:normal; display:block; width:15px; margin-top:4px; float:left;} #brushes dd a span, #elements dd a span {display:block; float:left;} #brushes dd a div, #elements dd a div {background-color:#000; text-transform:uppercase; font-size:30%; float:left; padding:3px; border:1px solid #000;} #brushes dd a:hover div, #elements dd a:hover div {border:1px solid #6F4630;} #elements dd {float:left;margin:10px 0px 0px 20px; width:855px;} #elements dd p {float:left; width:700px; padding:180px 0px 0px 0px;} #elements dd a {background:url(http://portlandstudios.com/blog/wp-content/themes/PortlandTheme/images/element-price.gif) top left; font-size:280%; height:111px; margin-top:42px; padding:20px 10px 0px 20px;} #elements dd.justincory-set {background:url(http://portlandstudios.com/blog/wp-content/themes/PortlandTheme/images/justincory-set.jpg) -7px top no-repeat;} #elements dd.koelle-set {background:url(http://portlandstudios.com/blog/wp-content/themes/PortlandTheme/images/koelle-set.jpg) -7px top no-repeat;} /*----------------------------------------------- MINOR COLUMN ~ SIDEBAR -------------------------------------------------*/ #minor-col {margin:10px 0px 0px 10px; float:left; width:331px;} #contributors, #categories, #monthly, #links, #photo-feed {float:left; padding:10px 0px 10px 10px; width:320px;} #categories h2, #monthly h2, #contributors h2, #links h2, #photo-feed h2 {float:left; display:block; font-weight:600; margin-bottom:10px; color:#fff; font-size:90%; text-transform:uppercase;} #categories ul, #monthly ul, #contributors ul, #links ul, #photo-feed ul {float:left; width:328px;} /* CATEGORIES & DATE ARCHIVES */ #categories, #monthly {background:url(images/category-gradient.gif) repeat-x #C3B489;} #monthly {margin-top:20px;} #categories ul li, #monthly ul li {float:left; margin-left:0px;} #categories ul li a, #monthly ul li a {float:left; color:#222; padding:4px 5px; text-decoration:none; display:block; width:142px; margin-right:2px; background-color:#DFD5B5; margin-top:2px; border:1px solid #AF9C62; opacity:.70; filter:alpha(opacity='70');} #categories ul li a:hover, #monthly ul li a:hover {opacity:1; filter:alpha(opacity='100'); background-color:#CFBC81; color:#431804;} /* CONTRIBUTORS */ #contributors h2 {color:#421702;} #contributors ul {font-size:100%; width:310px;} #contributors ul li {float:left; margin-bottom:5px;} #contributors ul li a {color:#9f3f0e;} #contributors ul li dl {float:left; margin:0px 15px 5px 0px; width:130px;} * html #contributors ul li dl {float:left; margin:0px 5px 5px 0px; width:130px;} #contributors ul li dl a {font-weight:600; color:#431804;} #contributors ul li dl dd {font-style:oblique; color:#903001;} #contributors li img {float:left; margin-right:10px; padding:3px; background-color:#fff; border:1px solid #ddd;} /* LINKS */ #links h2 {color:#421702; margin-top:10px;} #links ul li {margin-left:0px;} #links ul li a {display:block; color:#9f3f0e; text-decoration:none; padding:5px 5px 5px 0px; font-size:110%;} * html #links ul li a {padding:0px 5px 0px 0px;} #links ul li a:hover {color:#431804;} /* EXTERNAL BLOGS */ .special-blog {float:left;} .special-blog .blog-links {display:block; width:330px; height:48px; margin:20px 0px 10px 0px;} .special-blog .blog-links#cory {background:url(images/cory-blog.gif) no-repeat;} .special-blog .blog-links#justin {background:url(images/justin-blog.gif) no-repeat;} .special-blog .blog-links a {display:block;float:left; height:27px; margin:10px 0px 0px 7px;} .special-blog .blog-links a.blog-rss {width:27px;} .special-blog .blog-links a.blog-title {width:186px;} .special-blog ul li {margin-left:10px;} .special-blog ul li a {display:block; color:#9f3f0e; text-decoration:none; padding:5px 5px 5px 0px; font-size:90%;} .special-blog ul li a:hover {color:#431804;} /* TWITTER */ #twitter {float:left;} #twitter ul li a {color:#9f3f0e; text-decoration:none; } #twitter .twitter-links {float:left; display:block; width:330px; background:url(http://blog.portlandstudios.com/wp-content/themes/PortlandTheme/images/twitter.gif) top no-repeat;} #twitter .twitter-links ul {margin-top:70px; margin-left:10px; font-size:90%; width:300px;} #twitter .twitter-links ul li {display:block; margin-top:20px;} .aktt_credit {display:block; text-transform:uppercase; font-size:80%; margin-left:10px; margin-top:30px;} .aktt_credit a {color:#9f3f0e;text-decoration:none;} /* PHOTO FEED ~ FLICKR */ #photo-feed {background:url(images/category-gradient.gif) repeat-x #C3B489; padding-botto