*/
/* Use this with templates/template-twocol.html */
body#layout #main-wrapper{margin-top: 40px;width: 520px;display:block; float:left}
body#layout #Blog1{display:block; margin: 0px;float:left; width: 520px;}
body#layout #crosscol-wrapper{width: 570px;}
#navbar-iframe{height:0px}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, small, strike, strong, sub, sup, a, abbr, code, em, img, li, ol, ul, form, label, fieldset, table, caption, tbody, tfoot, thead, tr, th, td {margin : 0; padding : 0; border : 0;}
a img {border-width: 0;}
* {margin : 0pt; padding : 0pt;}
a img, :link img, :visited img {border : 0;}
a {text-decoration : none;}
.main .Blog {border-bottom-width : 0;}
.clear { clear : both; }
h1 a, h2 a {
color: #444!important;
text-decoration: none;
}
h1 {
font-size: 26px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
.post h1,.post h2,.post h3, .post h4, .post h5, .post h6, .post h7 {
margin-bottom: 5px;}
a, a:link, a:visited {
text-decoration:none;
color:$linkcolor;}
a:hover, a:active {
text-decoration:none;
color:$linkhover;}
ol {
margin-left: 20px;
padding: 0;}
ul {
margin-left: 10px;
padding: 0;}
.post ul, .post ol {list-style-type: none;}
.post ol li {
list-style-type:decimal;
margin-left: 0;
padding-left: 0;}
.post ul ul {margin-left:0;}
acronym, abbr, span.caps {cursor: help; }
acronym, abbr {border-bottom: 1px solid #999;}
* html acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
a img, img a {border: none;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
hr {display: block;clear:both;}
table { margin-bottom:10px;}
tr, td, th {margin:auto; }
td, th {padding:5px;vertical-align:top; }
th {font-weight:bold;background:#ddd;}
td {border:1px solid #ddd;}
body {
background:$bgcolor url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvxoGzUfX-GrUCqbLAAL1NC8EQryDAtK5jL5YHiIujdx711aNmq7xQFGAGIVi7AAGjcc5auSqO1q_1CFTD89N-NCV8gQWOw-GQMMGdPbFH8Tak0SU51woaD7pL2BbeTdlzc84LUlFxMA/s1600/bgfashion.png) repeat;
margin:0 auto;
color: #444;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 22px;
}
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;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:990px;
height: 90px;
margin:0 auto 0px;
padding: 0px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
float: left;
width: 510px;
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
#header h1 {
margin: 0;
padding:15px 0px 9px 0px;
line-height:1.2em;
letter-spacing:0;
font: $pagetitlefont;
color: $pagetitlecolor;
text-shadow: 1px 1px 1px #FFFFFF;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
display:none
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
#header-right{
float:right;
width: 470px;
margin: 0px;
padding: 5px;}
#menu{
float:left;
margin: 0 auto;
padding: 0px;
width: 100%;
height: auto;
border: 5px solid #252E28;
border-left: 0px solid;
border-right: 0px solid;}
#crosscol-wrapper{
float:left;
width: 570px;
height: 30px;
margin: 5px 0px;
padding: 4px 0px;
clear:both;
}
#crosscol-wrapper ul{
width:570px;
margin: 0px;
padding: 2px 0px 4px 0px;
list-style-type: none;
}
#crosscol-wrapper li a{
float: left;
color: $menulinkcolor;
font-family: 'Verdana','Arial','Trebuchet MS';
font-size: 12px;
line-height: 13px;
padding: 8px 20px;
margin: 0px;
text-decoration: none;
text-shadow: 1px 1px 1px #FFFFFF;
text-transform: uppercase;
}
#feed{
width: 200px;
height: 20px;
margin: 18px 0px 0px;
padding: 0px 0px;
float: right;}
.rss {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Of9BJWsO4erUT56VyVjTTzFVHb4WBn3UVVrDmqirAFxhwSUlcV7ai-efQiB6-JyvmQpbIjX6DHl2iX8NN9I1Na8QAZynbYAtJAH9wOUiY0GxsdzrF3A_4enhom_er1HZg4uxa_vJYKI/s1600/feed.png) no-repeat center left;padding: 0px 0px 0px 24px;}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:10px auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#content-wrapper{
margin: 0px auto 5px;
width: 980px;
padding: 0px 10px 10px 10px;
background: $contentbgcolor;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
-webkit-box-shadow: 0px 1px 6px #a1a1a1;
-moz-box-shadow: 0px 1px 6px #a1a1a1;
box-shadow: 0px 1px 6px #a1a1a1;
}
#main-wrapper {
width: 620px;
float: $startSide;padding: 10px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 330px;
float:left;
margin:0px;
padding: 0px 0px;
word-wrap: break-word;
overflow: hidden;}
#contentright {
margin: 0px;
float:right;
padding:10px 0px;
width:330px;}
#sidebar-bottom-left {
float:left;
margin:0px;
overflow:hidden;
padding:0 0 0;
width:155px;}
#sidebar-bottom-right {
float:right;
margin:0px;
overflow:hidden;
padding:0 0px 0px;
width:155px;}
#sidebar-bottom {
background:$sidebarbgcolor;
clear:both;
display:block;
margin: 0px;
padding:0px;
width:330px;}
#blog-pager{
width: 100%;
float:left;
clear:both;}
.featured {
float: left;
width:287px;
height: 340px;
margin: 3px 4px 4px 1px;
padding:8px 8px;
overflow: hidden;
text-shadow: 1px 1px 0 #FFFFFF;
}
.featured img {
background: #F8F8F8;
border: 1px solid #FFFFFF;
padding: 3px;
margin: 0px 10px 0px 0px;
float: left;
width:80px;
height:80px;
}
.featured img:hover{
-webkit-box-shadow: 0px 0px 4px #9e9c9e;
-moz-box-shadow: 0px 0px 4px #9e9c9e;
box-shadow: 0px 0px 4px #9e9c9e;
}
.featured h3 {
color: #f8004c;
font-size: 12px;
font: normal normal 15px Vollkorn;
text-align: left;
text-transform: uppercase;
margin: 0px 0px 5px 0px;
padding: 7px 0px 3px 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNczN9d_xm8wMuntO1K-IRw_wCcjIkILsOTsA_xuwHXikbUOkLFs0GzG3pEBBYMQ2TnSRYjNVE3RuZt2qQXGiKqZQBMBrsTwRiw0oXXdeBBrE1huYOK4aIgcoI9yMIgAsT3DMMqyxa1E/s1600/line2.png) repeat-x bottom left;text-shadow: 1px 1px 0 #FFFFFF;
text-shadow: 1px 1px 0 #FFFFFF;
}
.botline {
border-bottom: 1px dotted #ccc;
padding: 0px 0px 10px;
margin-bottom: 10px;
clear: both;
}
#content {
width: 620px;
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
line-height: 18px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#content h3 {
color: $destaquetitlecolor;
font-size: 12px;
font: $destaquetitlefont;
text-align: left;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding: 7px 0px 5px 0px;
border-bottom: 1px solid #1c1c1c;text-shadow: 1px 1px 0 #FFFFFF;
text-shadow: 1px 1px 0 #FFFFFF;
}
/* s3slider
----------------------------------------------- */
#s3slider {
float:left;
margin:0px 0px 8px;
width: 610px;
height: 300px;
position: relative;
overflow: hidden;
background: #F8F8F8;
border: 1px solid #FFFFFF;
padding: 0px;
}
#s3sliderContent {
width: 610px;
position: absolute;
top: 0px;
padding: 0px;
margin-left: 0px;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
height: 30px;
position: absolute;
left: 0;
font: 15px/20px Arial, Helvetica, sans-serif;
padding: 13px 10px 25px;
width: 610px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
bottom: 5px;
}
.clear {
clear: both;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
float:right;
margin:0;
font-size: 11px;
font-weight:normal;
padding: 3px;
color:$datecolor }
.post {
position: relative;
padding:25px 15px 20px;
color: $textcolor;
font-size: 13px;
text-shadow: 1px 1px 0 #FFFFFF;
}
.post h3 {
border-bottom: 3px double #ccc;
color:$titlecolor;
font:$posttitlefont;
margin:0 0 30px;
padding:0 0 10px 5px;}
.post h3 a, .post h3 a:visited, .post h3 strong {
margin:0;
padding:0;
color:$titlecolor;
font:$posttitlefont;
text-decoration:none;}
.post h3 strong, .post h3 a:hover {color:$titlecolor;text-decoration:none}
.post-body {
margin:0px;
line-height:1.5em;
padding-bottom: 30px;}
.post-body blockquote {line-height:1.4em;}
#showlink{
font-size:11px;
text-transform: uppercase;
font-weight:bold;
margin-left: 10px;
margin-top: 4px;
padding: 9px 0px;
}
#showlink a, #showlink a:visited{float:right;padding-right: 10px;color:$readmorelinkcolor; text-decoration: none}
#showlink a:hover{float:right;color:$readmorelinkcolor; text-decoration: none;}
.post-footer {
margin: 0px 0px 20px;
padding:8px 4px 12px;
height:12px;
text-indent: 10px;
color:$footercolor;
font:$postfooterfont;
border-bottom:1px solid $bordercolor;
}
.post-footer a{text-decoration: underline}
.post-body ul {margin:10px 0px;list-style-type:none;padding:10px 0;}
.post-body li{text-indent:15px;padding-top:2px;padding-bottom:3px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEbVxoTVrceMSnWc8smPXiNd3CfgUSU84_bbC0_pvbU0Nlt6zVcxvfWI9YERx8av8n2bo6EfzKo4LAhKddWLhWuzoLFqRSNbsg44YmFYaqR1L9khQOoK7tCFEefi5GosV1s2reRHyPvRw/s1600/tab_right.png) no-repeat 0 6px}
.post img {margin: 6px 0px;padding:4px;background: $imagebg;border:1px solid $imageborder;}
.post blockquote {
margin:20px 20px;
padding: 14px;
border:1px solid $bordercolor;
background: $blockquotebg;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow: 0px 0px 6px #b3b3b3;
-moz-box-shadow: 0px 0px 6px #b3b3b3;
box-shadow: 0px 0px 6px #b3b3b3; }
.post blockquote p { margin:.75em 0; }
.post img{padding: 4px; background: #fff; border: 1px solid #fdfdfd}
/* Comments
----------------------------------------------- */
#comments{width: 620px;margin-left:5px;}
#comments h4 {
margin:0 1em 1em;
font-weight: bold;
line-height: 1.4em;
letter-spacing:0m;
color: #d70948;
font-size: 13px;
padding: 0 0 0px;}
h4#comment-post-message{display:block; margin-left:0px; width: 100%;}
#comment-form, .comment-form{margin: 0 0 0 45px}
#comments-block {
margin:1em 1em 1.5em ;
line-height:1.5em;}
#comments-block .comment-author {margin:.10px 0px 0px 10px;border-bottom: 1px solid #ccc}
#comments-block .comment-body {
margin:.25em 0 10px 0px;padding: 4px 4px 20px 10px;}
#comments-block .comment-footer {
margin:-15px 0 4em 5px;float:right;
line-height: 1.5em;
letter-spacing:0;font-size:9px;}
a#Blog1_backlinks-create-link{padding: 0 0 0 15px;}
#comments-block .comment-body p { margin:0 0 .75em; }
.deleted-comment { font-style:italic; color:gray; }
#comments-block .avatar-image-container img {
border: 1px solid #333;
float: right;margin-top: 5px;}
#comments-block .avatar-image-container {
height: 37px;
left: -40px;
position: absolute;
width: 37px;}
#comments-block.avatar-comment-indent {margin-left: 55px; position: relative; }
#blog-pager-newer-link { padding: 0px 0 0 30px; float: left;}
#blog-pager-older-link {padding:0px 35px 0px 0px;float: right;}
#blog-pager {padding-top:25px;text-align: center;}
.feed-links {text-indent:-9999em;}
/* Sidebar
-------------------- */
.sidebar {color: $sidebartextcolor;line-height: 1.5em;font: $sidebarfont; text-shadow: 1px 1px 0 #FFFFFF;}
.sidebar h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjls4ADaBYcea4RqSimxC4-0X7FvzQE0Y-IeVd5PlPaiOadbslgvBlg-LsRnlKv4Xn34v7PjbUgxC8rOq4pEs4kyztanTH7aYhhaNd9DjrWruWabI-ieEDFlt5QDj9NBB0e5vlV94zhgE/s1600/barra-fashion.png) repeat-x;
border: 1px solid #fff;
letter-spacing:0px;
margin:0px;
text-shadow: 1px 1px 0 #FFFFFF;
padding:10px 0px 8px;
font: $headerfont;
font-weight:normal;
color: #444;
text-indent: 15px;}
.sidebar a:link, .sidebar a:visited{color: $sidebarlink}
.sidebar a:hover{color:$sidebarlinkhover; text-decoration: none}
.sidebar ul {
list-style-type:none;
margin:0 0 0;
padding:0 0 0;}
.sidebar li {
list-style-type: none;
margin: 0;
border:0;
padding: 4px 0px 3px 0px;
border-bottom:1px dotted #ccc;
text-indent: 5px;}
.sidebar .widget {
margin:0 0 10px;
padding:0 0 0;
border: 1px solid #E4E4E4;
margin: 0 0 15px;
padding: 0;
background: #f8f8f8
}
.sidebar .widget-content{padding: 5px;background-color: #F8f8f8;
border: 1px solid #fff; }
/* 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
----------------------*/
#creditos {
font:$footerfont;
font-size:11px;
width:100%;
height:20px;
margin:0px auto;
padding: 10px 0px;
border-top: 1px solid #666;}
.credleft {float:left;margin:-10px 0px 0px;padding:11px 0 0 10px;width:30%;}
#creditos p {
color:$footercolor;
font-size: 10px;
margin:0;padding:0 0 5px;font-weight:normal}
#cred a {color:$footerlinkcolor;text-decoration:none;}
.credright {
float:right;
margin:0;
padding:5px 10px 0 0;
text-align:right;
width:60%;
font-size: 24px;
font-weight:bold}
#footer-wrapper {
margin: 0px auto 10px;
padding: 0px;
width: 100%;
}
#footer-column-container {margin: 0 auto;width: 990px;padding:10px 0px; }
.footer .widget {
font-size:12px;
margin:3px 0px;
padding:8px;}
.footer {text-align:left;}
.footer h2{
margin: 0px;
padding:6px 0px 0px;
text-indent: 10px;
color:$sidebarcolor;
font:$headerfont;
text-shadow: 0px 1px 0px $sidebartitleshadow;}
.footer a:link{color:$sidebarlink;}
.footer a:visited{color: $sidebarlink;}
.footer a:hover{color:$sidebarlinkhover;text-decoration: none;}
.footer ul {list-style:none;margin:0 0 0;padding: 0 0 0;}
.footer li {display: block;margin:2px 0px;border-bottom: 1px solid #DEDBD1;
text-indent:14px;line-height:1.5em;padding:4px 0px 2px;font:$sidebarlinkfont}
.footer li:visited {display:block;}
.footer li:hover{display: block;text-decoration: none; }
]]>