*/
/* Use this with templates/template-twocol.html */
body {
background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9mSw1X0MvblDmszMcQzoCyxJqxknHS6chPq1sh-KaNAcxk8QQ80GaKooYuPiscjckyeSa18jsGK8KRB3m4GTBJkvvMyyt6cs1yfDJgb_3z8yLZwtAElQR_nTRJhhgNlmish900Yhf6Wc/s1600/bg-tile.jpg) repeat center top;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
#wrap { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1RLYsNZkTYnW8rOyIT4J8oDNNfvV_PIQn7OWzIcOr4GvQ_VlWWy94h5gYqJFijN6dsH50gF7rAh8J1eROnL3BJS0oBbb9Zv4KGa7AC3EFMiVix8_4MrExhK0-Hth09lGMVVhpNgf5dE/s1600/bg.jpg) repeat-x center top; }
a:link {
color:#714CA5; text-decoration: underline;
}
a:visited {
color:#714CA5; text-decoration: underline;
}
a:hover {
text-decoration:none;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
margin: 0;
text-align: left;
color:#eeeeee;´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´
height: 100px;
padding: 25px 0;
clear: both;
position: relative;
background:url(http://sites.google.com/site/lockismas/images/header_v1.png);
}
#header-wrapper a {
color:#eeeeee;
text-decoration:none;
}
#header-wrapper a:hover {
color:#eeeeee;
}
#header-wrapper .description {
margin:0;
padding:0 0 0 200px;
text-transform:normal;
letter-spacing:0em;
line-height: 1.4em;
font: bold 120% 'Verdana', Trebuchet, Arial, Sans-serif;
color: #ffffff;
text-shadow: 1px 1px 1px #999999;
}
#header-wrapper img {
margin-left: auto;
margin-right: auto;
}
/* Cat Nav */
#menu {
background:url(http://sites.google.com/site/lockismas/images/cat-nav.png) no-repeat top left;
width:960px;
height:50px;
z-index: 999;
position: relative;
}
#catnav, #catnav ul {
padding: 0;
margin: 0 15px;
list-style: none;
line-height: 1;
width:750px;
z-index: 999;
position: relative;
}
#catnav a {
display: block;
line-height: 50px;
padding: 0 10px;
z-index: 100;
color:#fff;
font-size:14px;
font-weight:bold;
}
#catnav li {
float: left;
}
#catnav li:hover {
background:#999;
}
/* Style drop down list */
#catnav li ul { position: absolute; width: 182px; left: -999em; margin:0; }
#catnav li ul li { border: 1px solid #ccc; border-width:0 1px 1px; background: #FFF; z-index: 15; position: relative; }
#catnav li ul li:hover { background: #eee; }
#catnav li ul li a { line-height: 35px; font-size: 12px; color: #333; width: 160px; }
#catnav li ul ul { margin: -36px 0 0 180px; border-top: 1px solid #ccc; }
#catnav li ul ul li a { line-height: 35px; }
#catnav li ul li ul li a { border-width:0 1px 1px 0px; }
#catnav li:hover ul, #catnav li.sfhover ul { left: auto; }
#catnav li:hover ul ul, #catnav li.sfhover ul ul { left: -999em; }
#catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul { left: auto; }
#catnav li:hover, #catnav li.hover { position: static; } /* IE7 Fix */
/* Search */
#search { position:absolute; right:20px; top:10px; width: 178px; height:32px; display:block; }
#search input {
background:url(http://sites.google.com/site/lockismas/images/bg-search.jpg) no-repeat;
border:0;
color:#fff;
padding: 8px 10px;
width:157px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 960px;
margin:0 auto;
text-align:left;
font: normal normal 100% Verdana, Trebuchet MS;
padding: 15px 0 0 0;
position:relative;
z-index:999;
}
#content-wrapper {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34lnQXBGG11L8webSUrZM-rlwA_EKpoQwf5lvb_km-psBqYwwUR10ts9LgxsiIn726mCG0esIfW_tJ8XJoU7gI6WbKoo-8xf77CiNb5WarPaGF2gu0kXHtia43mmOSr9EQfW8cOVZs-A/s1600/bg-content.png) repeat-y right; padding: 0px 15px 0px 15px;
}
#content-bot { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgclB53NQKCw8focEOnu5SAMKI1KeWsAQSzV-pFqcz5qEeR3oqq3oLcmbbTCEo4VGx0coKiN_TiOAFvBdm4j7ocSyVbwc3GYPU_LGv6sZePuu3Gg8T6ECJo1xveTw06uQUfgNRGVniNpVI/s1600/bg-content-footer.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; }
#content-bot-white { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0MJMIVn5AygqFcSgv_HucAz_zV92P9GxUqH0dOyxGoamJDzdSG-yW9ki2IWsDA5a00W_ebw37Cux9smDyOvZxMwdN1VWMdo_jmQPlsT4zpLrx5iZksyImwP_hUSd2gPC4_CdlOBXn01I/s1600/bg-content-footer-white.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; }
#main-wrapper {
width: 610px;
float: left;
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: 260px;
float: right;
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 */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font: 25px 'Verdana',Trebuchet,Arial,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#999999;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .75em;
font: italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:noone;
letter-spacing:0em;
color:#666666;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:200%;
font-weight:normal;
line-height:1.4em;
color:#8206937;
text-shadow: 0.5px 0.5px 0.5px #999999;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#885BC7;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
}
.post ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol li {
margin: 5px 0px 5px 10px;
padding: 0px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: 1.7em 0 0 0;
color:#333333;
text-transform:normal;
letter-spacing:0em;
font: normal 95% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
padding: 5px;
background: #eeeeee;
}
.comment-link {
float: right;
margin-left:.6em;
padding-left: 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-pel9R2_IazaQg18kkvWklh4q7pnjXku27jgl_CsBA-J8K4XvKyg4eyx7j4RVVm5xGRJStBTJB9aGBtatUxYhQ-W7hyphenhyphenfhzOjEVk7_GzWw-2e2ik5w6Ia_LxlW48brtLtSXjCofzLccrHt/s1600/more_bg.png) no-repeat;
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #cccccc;
}
.post blockquote {
border-left:2px solid #777777;
color:#777777;
font-style:italic;
margin:5px auto 15px;
padding:0px 10px;
width:85%;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
color:#666666;
font-size:15px;
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:#eeeeee 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 #eeeeee;
border-right:1px solid #eeeeee;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #eeeeee;
border-left:1px solid #eeeeee;
border-right:1px solid #eeeeee;
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: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
margin-top: 10px;
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #666666;
line-height: 1.5em;
}
.sidebar h2 {
margin:1.5em 0 .75em;
font: normal 150% 'Verdana',Trebuchet,Arial,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#333333;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
list-style-type:none;
padding-left:15px;
margin-left:0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYzxT_3Yl44FCMxvOb5RJOS59zFzLvmpAakAwu-1r2j5WoyRA20cKzYICvcwEyLYntTmyg-zAJtcWmL_q3vMadt2L4ZQd9soQ-JyaIq1XTV_cCqOT87sRh-eG-3mcf4QTD_pGI1AqT/s1600/bullet.jpg) left no-repeat;
}
.sidebar .widget, .main .widget {
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:normal;
letter-spacing:.1em;
font: normal normal 100% 'Verdana', Trebuchet, Arial, Sans-serif;
color: #666;
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: italic normal 100% 'Verdana', Trebuchet, Arial, Sans-serif;
text-transform: normal;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width: 960px;
margin: 10px auto 0;
padding-bottom:30px;
font-size: 12px;
color: #777;
}
#footer a{ color:#777; text-decoration: underline;}
#footer a:hover{ color:#777; text-decoration: none;}
#footer .col-right img {vertical-align: middle;}
#footer .col-right span {display: none; float: right;}
#footer .col-left {
float: left;
}
#footer .col-right {
float: right;
}
#blackbox-top { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_6QLXVpExl1gvxZwMnHxP-zaOiZdG44eqKYq8vrx8md5r19KEdDM5KOMGuJYVhXknLAFs5gu_B_SIuDLJQRk411z6aFyGXVFy7RVexHeljtdYrqO7VjbTJdzc37IVPtIYB0Oj7927kQ/s1600/bg-footer-top.png) no-repeat; width:960px; height:12px; font-size:1px; margin-top: 40px;}
#blackbox-bot { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKdezKfy5su6TFamxtvAfvGt2-tLat_7hDmBzJKEOMqodUmZ_6w2_O_xiqUrIRDNJASyZnYJPuTGRz4zzh6DZhpeNU8xN_ZU390dm08hYAGsHiiNTGqDATW7hV7J1VXx0kNPGt7Bst1I/s1600/bg-footer-bot.png) no-repeat; width:960px; height:12px; }
#lower {
padding : 0 0 0 0;
width : 100%;
background : #0d0d0d;
margin-top : 0px 0 0 0;
}
#lower-wrapper {
margin : 0px 0 0 0;
padding : 10px 0 0 0;
width : 960px;
background : #222222 none repeat scroll 0 0;
}
#lowerbar-wrapper {
color : #eee;
float : left;
margin : 0 auto;
padding-bottom : 20px;
width : 30%;
margin-left: 25px;
font-size : 100%;
line-height : 1.6em;
overflow : hidden;
}
.lowerbar {
margin : 0;
padding : 0;
}
.lowerbar .widget {
margin : 0;
padding : 15px;
}
.lowerbar h2 {
margin : 0 0 10px 0;
padding : 3px 0 3px 0;
text-align : left;
color : #ffffff;
font-size : 20px;
font-family : verdana, georgia, trebuchet ms, sans serif;
border-bottom : 1px solid #383838;
}
.lowerbar ul {
margin : 0 0 0 0;
padding : 0 0 0 0;
list-style-type : none;
}
.lowerbar li {
padding:10px 0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2OkY2506ApMiLWZoBmdDMAtKaqXAM4bWAA1ySV4vriOLhvqaWXd-Eh5jY7OB1EmX3pCGB4zfM6-Olw0PduFUcyg6U3X6OM3iDtnU4FdIxHrYw07brZ8PnPCF75riipiQXHBhyIjAVg_w/s1600/footer-dot.png) repeat-x bottom;
margin : 0 0 0 0;
}
.lowerbar a {
color : #fff;
text-decoration : underline;
}
.lowerbar a:visited {
color : #fff;
text-decoration : underline;
}
.lowerbar a:hover {
text-decoration : none;
}
.paginator {
font-family: Verdana;
margin-top:60px;
font-size:1.1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#885BC7;
font-style:normal;
font-weight:bold;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%; height:3px;
background:#E8E8E8;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:1;
top:0; left:0;
width:0; height:3px;
overflow:hidden;
background:#885BC7;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}
]]>