<data:blog.title/> <data:blog.pageName/> | <data:blog.title/> */ /* Use this with templates/template-twocol.html */ body { text-align: center; font: 12px Verdana; color: #727272; background:#f4f4f4; padding: 20px 0; } a { text-decoration: none; color: #588cb8; } a:hover { text-decoration: underline; } a{outline:none;} img { border: 0; } /* Header ----------------------------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none; } #header-wrapper { height:169px; background: url(http://img2.pict.com/93/f5/24/1325bb488285a9bc5c29f1b76b/qmgUY/headtile.gif) repeat-x 0 0; margin-bottom: 10px; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; } #header{ clear: both; float:left; width: 408px; height: 74px; text-indent: -9999px; outline: none; margin-top:20px; margin-left:5px; } #header-right{ float:right; width:500px; height:81px; margin-top:40px; margin-right:10px; } /* Search ----------------------------------------------- */ #header-form { width: 211px; height: 22px; position: absolute; background: url(http://img2.pict.com/f5/4c/de/1901c35e4f178a887c3d6ec9bb/O8mgQ/search.gif) no-repeat 0 0; top: 162px; right:170px; } #header-form input { border: 0; font-size: 0.9em; font-family: Verdana; float: left; width: 138px; background-color: transparent; margin: 4px 10px 0 2px; } #header form button { border: 0; text-indent: -9999px; width: 61px; height: 22px; float: left; background-color: transparent; } /* Menu ----------------------------------------------- */ #menu{ position: absolute; } #menu ul { list-style-type: none; margin-top:5px; margin-left:-40px; } #menu ul li { float: left; font-size: 0.8em; } #menu ul li a { display: block; color: #727272; text-transform: uppercase; padding: 5px 10px; text-decoration:none; } #menu ul li a:hover { color: #4DB200; text-decoration: none; } /* Submenu ----------------------------------------------- */ #submenu{ position: absolute; } #submenu ul { clear: both; list-style-type: none; margin-top:-42px; margin-left:-40px; } #submenu ul li { float: left; font-size: 0.9em; text-transform: uppercase; padding-left: 1px; background: url(http://img2.pict.com/c9/3e/c6/64acfa85202c9d3caccab9bdef/y0yUL/divider.gif) no-repeat 0 0; } #submenu ul li.f { padding-left: 0; background: none; } #submenu ul li a { color: #727272; display: block; padding: 9px 10px 10px; text-decoration:none; } #submenu ul li a:hover { color: #4DB200; text-decoration: none; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 967px; margin: auto auto; text-align: left; } #main-wrapper { width: 745px; float: left; } #sidebar-wrapper { width: 220px; float: right; margin-bottom:1px; } #content-wrapper { border: 1px solid #DBDBDB; margin: 13px 0; background: url(http://img2.pict.com/64/6a/f8/ce8ea99dc5de99a26ea2d8e0ca/n0eLF/wrapper.gif) repeat-y 745px 0; background-color: #FFFFFF; } /* Headings ----------------------------------------------- */ h2 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; } /* Posts ----------------------------------------------- */ h2.date-header { background:#ffffff; margin:1.5em 2.5em .5em; font-size: 0.8em; } .post { width: 340px; overflow:hidden; float: left; height: 340px; padding: 0 10px; margin-left:10px; margin-top:-10px; } .post h3 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; overflow:hidden; height:14px; line-height:14px; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#588CB8; font-weight:bold; } .post h3 strong, .post h3 a:hover { text-decoration:underline; } .post-body { margin:.5em 0em .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:#4DB200; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; color: #4DB200; } .post img { border: 0; } /* Comments ----------------------------------------------- */ #comments { margin-top:-40px; padding: 15px; } #comments h4 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; } #comments a { color: #588CB8; } .comment-author{color:#53524b; font-size:12px; background:#d7e8f0; padding:4px; font-weight:bold; text-decoration:none;} .comment-author a:link, .comment-author a:visited, .comment-author a:hover{ font-weight:bold; color:#4DB200; padding-bottom:2px; text-decoration:none;} .comment-footer a:link, .comment-footer a:visited{ font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; display:block; clear:both; width:137px; height:36px; line-height:36px; } .comment-timestamp{font-size:11px; color:#333333;} .comment-timestamp a:link, .comment-timestamp a:visited { font-size:11px; color:#999999; background:none; width:auto; height:auto; text-align:left; font-weight:normal; } .post-comment-link{ } a.comment-link{ font-weight: bold; } dd{margin:0; border:0; padding:0; padding:0 10px; background:#ffffff;} dd.comment-body{border:solid 1px #cccccc; border-bottom:none;} dd.comment-body p{border:0; padding:0; margin:0; padding:10px 0;} dd.comment-footer{border:solid 1px #cccccc; border-top:none; margin-bottom:10px;} .deleted-comment { font-style:italic; color:gray; } /* Navigation ----------------------------------------------- */ .navigation { padding:8px 10px; margin: 0; background:#ffffff; float:left; width:700px; } .navigation a { color:#588cb8; } .navigation a:hover { text-decoration:underline; } #blog-pager-newer-link { background : url(http://i43.tinypic.com/11bro1s.jpg) no-repeat left 0%; padding-left : 20px; border : none; float : left; } #blog-pager-older-link { float : right; background : url(http://i44.tinypic.com/2n6dirp.jpg) no-repeat right 0%; padding-right : 20px; border : none; } #blog-pager { padding :15px; text-align : center; } .blog-pager a { color : #588cb8; } .blog-pager a:hover { color : #588cb8; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar h2 { color: #4DB200; font-size: 0.9em; text-transform: uppercase; padding: 10px; background: url(http://img2.pict.com/78/c3/43/9b14553fd67feebb76cada7ba8/MCxro/horizontal.gif) no-repeat -6px 25px; } .sidebar { line-height: 1.5em; padding:10px; padding-top:0; } .sidebar ul { list-style:none; margin:0; padding:0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:5px; line-height:1.5em; border-bottom: 1px dotted #ABABAB; } .sidebar li a { color: #727272; } .sidebar li a:hover { color: #588CB8; text-decoration: none; } .sidebar .widget, .main .widget { margin:0 0 -1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } /* Three Column Footer ----------------------------------------------- */ #bottom { clear: both; padding: 15px 10px 0; } #bottom-1 { width: 220px; float:left; padding: 10px; } #bottom-2 { width: 220px; float:left; padding: 10px; } #bottom-3 { width: 220px; float:left; padding: 10px; } #bottom h2 { color: #4DB200; background:#ffffff; font-size: 1em; padding-bottom: 5px; border-bottom: 1px solid #DDDDDD; } #bottom ul { list-style-type: none; margin:0; padding:0; } #bottom li { font-size: 0.8em; border-bottom: 1px dotted #ABABAB; line-height: 1.4em; padding: 6px 0 6px 12px; background: url(http://i31.tinypic.com/2uynfhw.jpg) no-repeat 0 11px; } #bottom li a { color: #727272; } #bottom li a:hover { text-decoration: none; color: #588CB8; } /* Custom Classes ----------------------------------------------- */ #credits { font-size: 0.8em; border: 1px solid #DBDBDB; padding: 12px; color: #727272; background-color: #FFFFFF; } /* Single Post ----------------------------------------------- */ .single { width: 715px; margin-left:18px; margin-right:18px; margin-top:25px; } .single h3 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; } .single img{ padding:4px; border:1px solid $bordercolor; max-width: 700px; } /* Magazine Widgets ----------------------------------------------- */ #magazine, magazine-middle, magazine-bottom { width:auto; margin:16px; } #magazine h2 { font-size: .9em; color: #588CB8; background-color: #F1F1F1; width:auto; padding: 2px 5px; border-bottom: 1px solid #EDEDED; } #magazine-left, #magazine-left2 { width: 46%; margin-left:0 auto; float: left; } #magazine-right, #magazine-right2 { width: 46%; margin-right:5px; float: right; } ]]>