*/
/* Use this with templates/template-twocol.html */
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzFmcBRDWjTfV-iu5gT4CwLnDvcQCpackx0Km-6aI0fTcjkw8vOyC446o7DNIWGFJwjSL4s5n7nk-W586_lmqtekEWbCFWgSKz08xf5IV1yn94yktQDPdVtKxE3OwFr6px8kwmJGtwzs/s1600/background.png);
font-size:75%;
color:#fff;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
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
-----------------------------------------------
*/
#container {width:950px;margin:0 auto;}
#header-wrapper {
margin: 0 0 0 0;
width: 410px;
height: 110px;
}
#header h1 {
margin: 20px 0 0 0;
padding-top: 0px;
font-weight: normal;
font-family: Georgia, Times New Roman Times, Serif;
font-size: 60px;
font-style: italic;
color: #FDD1F9;
}
#header a {
color: #FDD1F9;
text-decoration: none;
}
#header .description {
margin: 0px 0px 0px 0px;
padding: 0 0 0px 0;
color: #D9D4AC;
font-size: 16px;
font-family: Georgia, Times New Roman Times, Serif;
text-transform: uppercase;
font-weight: bold;
}
/* NAVIGATION MENUS */
#pagemenucontainer {
height: 30px;
padding-top: 30px;
}
#pagemenu {
height: 40px;
}
#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 1px;
}
#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu li a, #pagemenu li a:link {
color: #fff;
display: block;
margin: 0px 3px 0px 3px;
padding: 6px 10px 6px 10px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0 1px 0 #000;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 3px solid #5C2D58;
}
#pagemenu li a:hover, #pagemenu li a:active {
background: #2f022b;
color: #fff;
display: block;
text-decoration: none;
text-shadow: 0 1px 0 #000;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 3px solid #A864A2;
}
#pagemenu li.current_page_item a {
color:#fff;
background: #2f022b;
text-shadow: 0 1px 0 #000;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 3px solid #5C2D58;
}
#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}
#main_search{
float:right;
width:350px;
height:49px;
margin:-30px 0 0 0;
background:url() no-repeat;
}
#searchform_top{
padding:5px 0 0px 10px;
float:left;
}
#searchform_top_text{
width:210px;
border: 1px solid #543050;
background: #190217;
padding:6px;
color: #fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin:1px 7px 0 0;
}
#gosearch{
float:left;
}
#rss {
vertical-align: middle;
float:left;
}
#twit {
vertical-align: middle;
padding-left: 5px;
float: left;
}
#r_head {
width:468px;
height:60px;
position:absolute;
top:100px;
right: 30px;
}
/************** SLIDER *****************/
#slider-holder{
width: 610px;
height: 320px;
overflow: hidden;
margin: 0 0 0 0;
padding: 35px 0 0 0;
}
#s3slider {
width: 610px; /* important to be same as image width */
height: 320px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#s3sliderContent {
width: 610px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font-weight: 700;
font-size: 0.834em;
color: #BBB;
padding: 10px 15px 13px 13px;
height: 38px;
width: 610px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
display: none; /* important */
bottom: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.s3sliderImage span a.featured-title:link,
.s3sliderImage span a.featured-title:visited{
color: #DDD;
padding: 0px 0px 2px 0px;
font-size: 1.167em;
}
.s3sliderImage span a.featured-title:hover{
color: #999;
}
.s3sliderImage span a:link,
.s3sliderImage span a:visited{
color: #888;
}
.s3sliderImage span a:hover{
color: #555;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6o96Rpg-2zTryak2PhMGAbkbhLW8Q1AJV0edFctPBd0sCwapdu6L5xIFocQTVwUHPx49FF7XKULcSAQnUZCxPe4n7G1mDG9kxH2IPZnqXjZKe99OX6RudVgo1XuKq8I5rV0rwkQHsmTk/s1600/wrapper-background.png) top left repeat-x;
}
#content-wrapper {
margin: 0 auto;
width: 950px;
}
#main-wrapper {
float: left;
width:600px;
padding: 0px 5px 15px 15px;
}
#sidebar-wrapper {
float: right;
width:330px;
margin-top: -360px;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin-bottom: -15px;
padding: 15px;
}
.post {
background: #190217;
color: #f1e6f0;
margin-bottom: 15px;
padding: 15px;
}
.post h3 {
margin: 0 0 8px 0;
padding: 0px;
line-height: 22px;
font-family: Georgia, Times New Roman Times, Serif;
color: #e3dfdf;
text-shadow: 0 1px 0 #000;
font-size: 22px;
font-weight: normal;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
text-decoration: none;
color: #e3dfdf;
}
.post h3 strong, .post h3 a:hover {
text-decoration: underline;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #B6B6B6;
border-left: 3px solid #CADAE7;
}
.post-footer {
font-size: 12px;
padding: 3px 4px;
font-family: Arial, Verdana;
background: #352133;
}
.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
color:#666666;
font-size:13px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#352133 none repeat scroll 0 0;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #352133;
border-right:1px solid #352133;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #352133;
border-left:1px solid #352133;
border-right:1px solid #352133;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-newer-link a {
float: $startSide;
color: #fff;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager-older-link a {
color: #fff;
}
#blog-pager {
font-size: 15px;
width: 580px;
clear: both;
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Social icons */
.addthis_toolbox {
float: left;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
padding-left: 10px;
}
.addthis_toolbox .custom_images a
{
width: 32px;
height: 32px;
margin: 0 2px 0 2px;
padding: 0;
}
.addthis_toolbox .custom_images a:hover img
{
opacity: 1;
}
.addthis_toolbox .custom_images a img
{
opacity: 0.75;
}
.Featuredvideo {
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0px 0px 10px 10px;
font-size: 13px;
color: #fff
}
.sidebar h2 {
margin: 10px 0 0 0;
padding: 2px 0 2px 0px;
background: #130811;
font-size: 20px;
font-family: Arial, Helvetica, Sans-serif;
text-transform: uppercase;
text-shadow: 0 1px 0 #000;
color: #fff;
border-bottom: 3px solid #270224;
letter-spacing: 0px;
}
.sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
background: #190217;
}
.sidebar li {
padding: 3px 0px 3px 15px;
margin: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcR1hocEkN_Ml_ixD54girZbuGfZ3o6mpMJwJKvstQNa598Da9dTuOACjYBC6KoRq0kY45bG5H-cWWjCA_au6bDlAhYALQNFT2pCCWHX_RxRytKip0E81UNMiSjlmUgycKtb_hP8QXyvo/s1600/bullet.gif) no-repeat top left;
}
.sidebar a {
text-decoration: none;
color: #fff;
}
.sidebar a:hover {
text-decoration: underline;
color:#f9c5f4;
}
.sidebar .widget, .main .widget {
}
.main .Blog {
border-bottom-width: 0;
}
.sidebar h2#twitter-h2{
height: 34px;
width: 200px;
padding: 40px 5px 4px 125px;
margin: 20px 0 0 0;
display: block;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bY3nN4tNDUOaKodpqhEYy-g-W1eiOp0tkGWB0t8HRHsF7gtbk0nZyBy6idPQT9jsyhl5mgm1IUXt-7nHXXLk73pgSkZcqDsGMFDN4JoSS7MartUD4XQ56nDrsQG8VtZ3rbX94ifTX88/s1600/twitterbirdbluex.png) no-repeat;
}
ul#twitter_update_list li a:link,
ul#twitter_update_list li a:visited{
display: block;
}
ul#twitter_update_list li span a:link,
ul#twitter_update_list li span a:visited{
display: inline;
}
#twitter-link{
font-size: 0.917em;
margin-bottom: 20px;
}
/* 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 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCGavPuvQgx_E75UEZ2F89T3pVN-gBFEsOJsRa2OyPfX7jkUwLF2O_LSR0Z5LQWb1YNZfRcd39e1MYWJKycVcGKSSXd_XoVlxshXy9wfrv84ULs6211ep5aNwzhfd-g6Knq37rD-ve3VE/s1600/wrapper-background.png) top left repeat-x;
padding: 44px 0 34px 0;
text-align: center;
color: #fff;
font-size: 13px;
}
#footer a {
color: #fff;
}
#footer a:hover {
text-decoration: underline;
}
#footer2 {
color: #a980a6;
font-size: 11px;
text-align: center;
padding: 15px;
background: #10030e;
}
#footer2 a {
color: #a980a6;
text-decoration: none;
}
]]>