skip to main |
skip to sidebar
<data:blog.title/>
<data:blog.pageName/> | <data:blog.title/>
*/
/* Use this with templates/template-twocol.html */
#navbar-iframe {display:none;}
body {
color: black;
font: 14px/1.6 Arial,Verdana,sans-serif;
margin: auto;
width: 940px;
}
a, a:link, a:active {
color: #555;
text-decoration: none;
}
a:visited {
text-decoration:none;
}
a:hover {
color: #111;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
height: 140px;
margin: 0 auto;
width: 940px;
}
#header {
text-align: left;
color:$pagetitlecolor;
overflow: hidden;
height:140px;
width: 400px;
float:left;
}
#header h1 {
color: #000000;
font-size: 40px;
font-weight: bold;
line-height: 1.2em;
margin:40px 0 40px;
}
#header a {
text-decoration:none;
}
#header a:hover {
}
#header .description {
display:none;
}
#header img {
margin: 40px 0;
}
#topads {
width:480px;
overflow:hidden;
float:right;
padding-bottom:33px;
padding-top:35px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 100%;
margin:0 auto;
text-align:$startSide;
}
#content-wrapper {
margin: 0 auto;
overflow: hidden;
width: 960px;
}
#main-wrapper {
float: left;
width: 715px;
margin: 8px 0 0;
float: $startSide;
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: 225px;
float: left;
margin:8px 0 0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
/* Navigation
-----------------------------------------------
*/
#navigation {
background: none repeat scroll 0 0 #555555;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
clear: both;
display: block;
height: 22px;
margin-bottom: 15px;
padding: 10px;
}
#navigation h2 {
display: none;
}
#navigation ul {
margin:0;
padding:0;
list-style:none;
}
#navigation li {
float: left;
list-style: none;
padding: 0 30px;
}
#navigation li a {
color: white;
font-weight:bold;
text-decoration: none;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
padding: 15px;
width: 660px;
}
.post .jump-link {
display:none;
}
.post h3 {
line-height: 30px;
margin: 0 0 20px;
padding: 0 0 5px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
font-size:30px;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
text-decoration:none;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
padding:5px;
}
.post img {
padding:4px;
max-width:580px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments {
width: 675px;
}
#comments h4 {
margin:1em 0;
font-weight: bold;
font-size:20px;
line-height: 1.4em;
}
#comments a {
font-weight:bold;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comment-box{
border-bottom: 1px dashed #D9D9D9;
margin-bottom: 10px;
padding: 10px;
}
#comments-block .comment-author {
margin:.5em 0;
padding:4px;
}
#comments-block .avatar-image-container img {
}
#comments-block .comment-body {
margin-top: -10px;
padding:4px;
}
#comments-block .comment-footer {
margin:-.25em 0px 0;
line-height: 1.4em;
text-transform:uppercase;
padding:4px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.navigation {
clear: both;
font-size: 1em;
font-weight: bold;
margin-bottom: 50px;
padding: 5px;
width: 685px;
}
#blog-pager-newer-link {
float: left;
clear:both;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
margin:0 auto;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
#sidebar {
width: 100%;
}
.sidebar {
line-height: 1.5em;
}
.sidebar h2 {
border-bottom: 1px dashed #d9d9d9;
color: #000000;
font-size: 18px;
font-weight: bold;
margin: 0 0 12px;
padding-bottom: 10px;
text-align: center;
}
.sidebar a {
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
display: block;
line-height: 1.3em;
margin-bottom: 5px;
text-decoration: none;
}
.sidebar li a {
}
.sidebar li a:hover {
}
.sidebar .widget, .main .widget {
margin:0 ;
padding:0;
}
.sidebar .widget {
margin: 0 0 15px;
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
float: left;
padding: 10px;
width:205px;
}
.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-wrapper {
clear:both;
overflow:hidden;
width:100%;
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#footer {
font-size:14px;
margin:0 auto;
text-align:left;
width:960px;
padding-left:20px;
}
#footer-wrapper .widget {
float:left;
margin:10px;
width:185px;
padding:0px 10px 20px;
}
#footer-wrapper .widget-content {
}
#footer-wrapper ul li {
}
#footer-wrapper ul li:hover {
}
#footer-wrapper ul {
padding-bottom:2px;
list-style:none outside none;
margin:0;
padding:0;
}
#footer-wrapper a {
}
#footer-wrapper a:hover {
}
#footer-wrapper h2 {
border-bottom: 1px dashed #d9d9d9;
color: #000000;
font-size: 18px;
font-weight: bold;
margin: 0 0 12px;
padding-bottom: 10px;
text-align: center;
}
#credits {
padding:12px 0;
width: 940px;
margin: 1px auto;
color: #868686;
position: relative;
font-size: 11px
}
#bottomLinks {
float: right;
width: 450px
}
/* Simple Cart
----------------------------------------------- */
#add-to-cart-widget {
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
float: left;
margin: 0 0 18px;
padding: 10px;
width: 205px;
}
#add-to-cart-widget h2 {
font-size: 100%;
font-weight: normal;
margin: 0 0 10px;
text-align: center;
}
.item_name{}
.item_Description{
}
.hidden_value {display:none;}
.item_thumb {
padding: 10px;
}
.item_price{
display: block;
width: 100px;
height: 20px;
position: absolute;
bottom: 7px;
padding:5px 10px;
left:10px;
color:#000;
font-size:13px;
text-align:left;
border: 0 none;
}
.simpleCart_items {
border: 1px dashed #D9D9D9;
font-size: 80%;
min-height: 120px;
padding: 10px;
display: block;
margin-left: 0 auto 10px;
overflow:hidden;
}
.simpleCart_items img {
padding: 2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #D9D9D9;
text-align: left;
width:40px !important;
height:40px !important;
}
.cartHeaders{
display:none;
}
.itemContainer{
float:left;
width:175px;
text-align:center;
display: block;
position:relative;
bottom:0;
}
.itemname{
font:bold 11px "Helvetica", Arial, sans-serif;
color:#000;
text-transform:uppercase;
}
.itemthumb{
float: left;
margin: 0;
width: 58px;
}
.itemQuantity{
float: left;
margin: 6px 0;
width: 35px;
}
.itemQuantity input{
border: medium none;
color: #000000;
float: left;
font: bold 11px Arial,sans-serif;
height: 22px;
padding: 5px 10px;
text-align: center;
width: 35px;
}
.itemQuantity input:focus{
outline:none;
}
.itemremove a {
color: red;
float: left;
font-weight: bold;
margin: 12px 0 0 10px;
}
.itemTotal{
color: #000000;
float: left;
font: bold 11px Arial,sans-serif;
margin: 15px 0 0 10px;
padding: 0;
text-align: right;
width: 55px;
}
#cartTotal {
font-style: normal;
font-size:13px;
text-align:center;
font-weight:bold;
margin: 10px 0;
}
#cartTotal .simpleCart_total {
font-weight:normal;
}
a.simpleCart_empty{
background: none repeat scroll 0 0 #D9D9D9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
color: black;
display: block;
font-size: 14px;
padding: 10px;
text-align: center;
text-decoration: none;
color:#000;
float: left;
width: 72px;
margin: 0 15px 0 0;
}
a.simpleCart_empty:hover {
background:#333;
color:white;
}
.cartbuttons {
margin: 10px 0 0 0;
}
a.simpleCart_checkout {
background: none repeat scroll 0 0 #D9D9D9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
color: black;
display: block;
font-size: 14px;
padding: 10px;
text-align: center;
text-decoration: none;
color:#000;
float: left;
width: 72px;
}
a.simpleCart_checkout:hover {
background:#333;
color:white;
}
a.item_add{
bottom: 7px;
color: #000000;
display: block;
font-size: 13px;
font-weight: bold;
position: absolute;
right: 15px;
width: 120px;
}
input.item_add{
bottom: 9px;
font-size: 11px;
position: absolute;
right: 15px;
width: 90px;
}
#checkout{
background: #D9D9D9;
padding: 10px;
color: black;
text-decoration: none;
font-size: 80%;
display: block;
text-align: center;
-moz-border-radius: 5px; /* firefox rounded corner top left */
border-radius: 5px; /* firefox rounded corner top left */
-webkit-border-radius: 5px; /* Safari 3 rounded corner top left */
}
#checkout:hover{
background: #333333;
color: white;
}
]]>
skip to main |
skip to sidebar
