*/ /* Use this with templates/template-twocol.html */ body { background:url(http://4.bp.blogspot.com/_7ZjrDUb91m8/SvvEpplcuzI/AAAAAAAAAiE/p0nDfT0Ra3o/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(http://1.bp.blogspot.com/_7ZjrDUb91m8/SvvHKnkh1hI/AAAAAAAAAiM/NTfcam3On2g/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(http://4.bp.blogspot.com/_7ZjrDUb91m8/Svvx7cgFLHI/AAAAAAAAAiU/TeAg-wqJiGY/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(http://3.bp.blogspot.com/_hcF8ssiWKd4/Sg3LKT3q4mI/AAAAAAAAAw4/OWNTdLZwEJ8/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(http://2.bp.blogspot.com/_7ZjrDUb91m8/Svvy4qpKqFI/AAAAAAAAAic/eKrboU8tnrQ/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; } ]]>