<data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ body { margin:0; background:$bgcolor url(http://i32.tinypic.com/vpby2a.jpg) repeat; color:#333333; font-family:Arial,Tahoma,Verdana; font-size:13px; margin:0 auto; padding:0;} a:link {color:$linkcolor;text-decoration:none; } a:visited {color:$visitedlinkcolor;text-decoration:none;} a:hover {color:$titlecolor; text-decoration:underline;} a img {border-width:0;} #navbar-iframe{height:0px} /* Header ------------- */ #header-wrapper { margin:0 auto; overflow:hidden; padding:0; background:$headerbgcolor url(http://i32.tinypic.com/2uyj7np.png) repeat-x; height:80px; width:960px;} #header { float:left; height:80px; width:340px;} #header-inner { background-position: center; margin-left: auto; margin-right: auto;} #header h1 { color:$pagetitlecolor; font-family: Tahoma,Arial,Verdana; font-size:24px; font-weight:normal; margin:0; padding:20px 0 0 30px; text-decoration:none;} #header a, #header a:visited { color:$pagetitlecolor; font-family:Tahoma,Arial,Verdana; font-size:24px; font-weight:normal; margin:0; padding:0; text-decoration:none;} #header a:hover {color:$pagetitlecolor;} #header .description { margin:0px; padding:0px 0px 0px 35px; max-width:450px; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor;} #headerright { float:right; margin:0; padding:50px 0 0; width:600px;} #headerright ul { float:right; margin:0; padding:0 5px 0 0;} #headerright li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;} #headerright li a, #headerright li a:link { -moz-border-radius-topleft:4px; -webkit-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius-topright:4px; background:$menubgcolor; color:$menulink; display:block; font-family:Arial,Tahoma,Verdana; font-size:0.8em; font-weight:bold; margin:6px 3px 0 0; padding:6px 15px 6px; text-decoration:none; text-transform:uppercase;} #headerright li a:hover {color:$menulinkhover;} #header img { margin-$startSide: auto; margin-$endSide: auto;} #subnav { -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomright:10px; background:$subnavbgcolor; color:$subnavbarcolor; font-family:Arial,Tahoma,Verdana; font-size:12px; font-weight:bold; height:40px; margin:0 auto; padding:0; width:960px;} #subright { float:right; margin:0; padding:12px 0px 0 0px; width:400px;} #subright a, #subright a:visited { color:$subnavbarcolor; font-weight:bold; text-decoration:none;} #subright a:hover{color:$subnavbarcolor;} .rss { background:transparent url(http://i30.tinypic.com/j783gl.jpg) no-repeat; padding:2px 5px 2px 17px;} #subleft { float:left; margin:0; padding:7px 0 0 30px; width:320px;} #search { display:inline; margin:10px 0 0; overflow:hidden;} #subsearch { background:#FFFFFF; border:1px solid #666666; color:#222222; display:inline; font-family:Arial,Tahoma,Verdana; margin:0 3px 0 3px; padding:3px 0 3px 5px; width:240px;} #subsubmit { -moz-border-radius:5px; -webkit-border-radius:5px; background:#222222; border:1px solid #222222; color:#FFFFFF; font-family:Arial,Tahoma,Verdana; font-size:11px; font-weight:bold; margin:0; padding:3px 5px; text-decoration:none;} .clear {clear:both;} /* Outer-Wrapper ---------------------- */ #outer-wrapper { width: 960px; margin:0px auto; padding:0px; text-align:$startSide; font: $bodyfont; background:$outerbgcolor; border:1px solid #111;} #content-wrapper { line-height:18px; margin:0 auto; padding:10px 0 0; width:940px;} #blog-pager{ text-align:center; width: 608px; clear:both;} #main-wrapper { float:left; margin:0; padding:0; width:608px; word-wrap: break-word; overflow: hidden;} #sidebar-wrapper{ float:right; line-height:20px; margin:0; padding:0; width:322px; word-wrap: break-word; overflow: hidden;} /* Posts -------------- */ h2.date-header { margin:0;float:right;font-size: 12px;font-weight:normal;color: $textcolor; } .post { -moz-border-radius:6px; -webkit-border-radius:6px; background:$postbgcolor; border:1px solid #C0C0C0; margin:0 0 10px; padding:10px;} .first-body{ -moz-border-radius:6px; -webkit-border-radius:6px; background:$firstbgcolor; border:1px solid #dcccdd; margin:0 0 10px; padding:10px;} #first h2{ color:$firsttitlecolor; font-family:Tahoma,Arial,Verdana; font-size:16px; font-weight:normal; margin:0 0 10px;padding:0;} #first h2 a, #first h2 a:visited, #first h2 strong { color:$firsttitlecolor; font-family:Tahoma,Arial,Verdana; font-size:18px; font-weight:normal; margin:0;padding:0; text-decoration:none;} #first #showlink{background: $firstreadmorecolor} #first #showlink a, #first #showlink a:visited{color:$firstreadmorelinkcolor} #first img { padding:6px; background: #fff; border:1px solid $bordercolor;} .post h3 { color:$titlecolor; font-family:Tahoma,Arial,Verdana; font-size:16px; font-weight:normal; margin:0 0 5px; padding:0;} .post h3 a, .post h3 a:visited, .post h3 strong { color:$titlecolor; font-family:Tahoma,Arial,Verdana; font-size:18px; font-weight:normal; margin:0; padding:0; text-decoration:none;} .post h3 strong, .post h3 a:hover {color:$textcolor;} #showlink{ -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:10px;padding: 3px 5px; float:right;background: $readmorebgcolor;} #showlink a, #showlink a:visited{color:$readmorelinkcolor} #showlink a:hover{color:$readmorelinkcolor} .post-body { margin:0 0 0; line-height:1.5em; padding: 10px 0px 20px;} .post-body blockquote {line-height:1.3em;} .post-footer { margin: .75em 0; color:$sidebarcolor; letter-spacing:0em; font: $postfooterfont; line-height: 1.4em;} .comment-link { margin-$startSide:.6em; } .post ul{margin: 5px;padding: 3px;list-style-type:none} .post li{background:transparent url(http://i26.tinypic.com/b9c392.png) no-repeat left center;margin:0;padding:0 0 0 15px;} .post img { padding:4px; background: #fff; border:1px solid $bordercolor; } .post blockquote { -moz-border-radius-topleft:6px; -webkit-border-radius:6px; margin:1em 20px;background: $blockquotebg;border:1px solid $bordercolor;padding:8px; } #subscribeButtonHolder{ width:136px; height:18px; background:$firstreadmorecolor; padding: 3px 4px; -moz-border-radius:5px; -webkit-border-radius:5px;} .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comment-form, .comment-form{margin: 0 0 0 4px; padding:0px;} #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:capitalize; letter-spacing:.1em; color: $sidebarcolor; } #comments-block { margin:1em 0; padding: 0; line-height:1.5em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { -moz-border-radius:6px; -webkit-border-radius:6px; margin:.25em 0 0; background:#FFFFFF; border:1px solid #C0C0C0; margin:0 0 10px; padding:10px 10px 15px; } #comments-block .comment-timestamp { margin:-1.0em 0 2em; line-height: 1.4em; float:right; padding: 5px; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide;padding-left:15px; } #blog-pager-older-link { float: $endSide;padding-right:15px; } #blog-pager { text-align: center; } .feed-links { text-indent:-9999em;} #relacionados{ margin: 5px 0px; padding:3px;color:#111111; font-size:12px; text-transform:none;} #relacionados h4{ color:#111111; font-family:Tahoma,Arial,Verdana; font-size:12px; font-weight:bold; margin:0 0 0; padding:5px 0px 5px 5px;} #relacionados ul { list-style-type:none; margin:0; padding:0px 0px;} #relacionados li { background:transparent url(http://i26.tinypic.com/b9c392.png) no-repeat left center; margin:0; padding:0 0 0 20px;} /* Sidebar Content --------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar h2{ color:$sidebarcolor; font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:normal; margin:0; padding:0;} .sidebar a, .sidebar a:visited { color:$sidebarlinkcolor; text-decoration:none;} .sidebar a:hover{color: $sidebarlinkhover; text-decoration:none} .sidebar img { margin:5px 0 0; padding:0;} .sidebar ul { list-style-type:none; margin:0;padding:0;} .sidebar li { background:transparent url(http://i26.tinypic.com/b9c392.png) no-repeat left center; margin:0;padding:0 0 0 18px;} .sidebar ul ul li a, .sidebar ul ul li a:visited { color:$sidebarlinkcolor;text-decoration:none;} .sidebar .widget { background:$sidebarwidgetcolor; border:1px solid #ccc; margin:0 0 8px; padding:5px 5px 10px 10px;} .main .widget { margin:0 0 0; padding: 0.4em; } /* Profile ----------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 2px; margin-$startSide: 0; padding: 4px; } .profile-data { margin:0; letter-spacing:0; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.4em;} .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;} /* s3slider -------------------- */ #s3slider { width: 600px; height: 220px; position: relative; overflow: hidden; background:#111; border:1px solid #000;} #s3sliderContent { width: 600px; height:220px; position: absolute; top: -13px; left:0px; padding: 0px; margin-left: 0; } .s3sliderImage { float: left; position: relative; display: none; } .s3sliderImage span { position: absolute; left: 0; font: 15px/20px Arial, Helvetica, sans-serif; padding: 10px 0px 25px 15px; width: 608px; background-color: #000; filter: alpha(opacity=65); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; bottom: 0;} .clear {clear: both;} /* Footer ----------------------------------------------- */ #footer { background:$footerbgcolor url(http://i32.tinypic.com/2uyj7np.png) repeat-x; font-family:Arial,Tahoma,Verdana; font-size:11px; height:55px; margin:0 auto; padding:0; width:960px;} .footerleft { float:left; margin:0; padding:11px 0 0 30px; width:300px;} #footer p { color:$footercolor; margin:0; padding:0 0 5px;} #footer a { color:$footerlinkcolor; text-decoration:none;} .footerright { float:right; margin:0; padding:11px 10px 0 0; text-align:right; width:600px;} body#layout #header-wrapper{margin: 0px 0px 20px 0px; width: 990px;} body#layoyt #header{margin: 0px; width: 400px;} body#layout #headerright{margin: 0px; width: 550px;padding: 0px 20px 15px 0px} ]]>