..............
Skinpress.com.
Version: 1.6
Author: Skinpress.com
Author URI: http://www.skinpress.com/
Template Name: Arto
Template URI: http://www.falconhive.com/2009/09/arto-blogger-template.html
Version: 1.0
Converter: ThemeCraft.net
Converter URI: http://www.falconhive.com
----------------------------------------------- */
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
#navbar-iframe{
height:0px;
visibility:hidden;
display:none;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:$linkcolor;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
html{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_html.gif) repeat;
}
body {
margin: 0;
padding: 0;
line-height: 1.7em;
letter-spacing: 1px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #ffffff;
background: #000000 url(http://4.bp.blogspot.com/_YXi3vp96gww/S9-UUrbQ9eI/AAAAAAAAAuo/PZUK4I1-RoY/s1600/templatemo_body_top.jpg) repeat-x top;
}
a:link, a:visited { color: #96e135; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #FFFFFF; text-decoration: underline; }
#wrapper{
width:100%;
height:100%;
background:url(http://i704.photobucket.com/albums/ww48/ggobindranath/bgr_wrapper.gif) no-repeat center top;
}
#page{
width:1000px;
margin:0px auto;
}
/*top*/
#top{
width:100%;
height:24px;
overflow:hidden;
font-family:"Times New Roman", Times, serif;
color:#767676;
font-size:14px;
}
#top a{
color:$linkcolor;
}
#top a span{
color:#c9882d;
}
#top_link{
float:left;
padding:2px 0 0 44px;
}
#main_rss{
float:right;
padding:2px 90px 0 0;
}
#main_rss a{
background:url() no-repeat right center;
padding:0 20px 0 0;
}
/* HEADER */
#header{
width:90%;
height:184px;
}
#header #logo{
color:$pagetitlecolor;
font:$pagetitlefont;
letter-spacing:-4px;
padding:60px 0 0 71px;
float:left;
}
#header #logo a{
color:$pagetitlecolor;
}
#header #logo a:hover{
text-decoration:none;
}
/* MENU */
#menu{
float:right;
}
#mainmenu{
float:left;
padding:70px 20px 0 0;
}
#mainmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:1000;
}
/*Top level list items*/
#mainmenu ul li{
color:#fff;
position: relative;
display: inline;
float: left;
z-index:1000;
padding:0 0 0 37px;
font:$menufont;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_menu_li.gif) no-repeat left center;
}
#mainmenu ul li.first{
padding:0;
background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
color:$menulinkcolor;
display:block;
z-index:1000;
padding:10px;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{
color:$hoveredmenulinkcolor;
text-decoration:none;
background:#fff url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_menu_hover.gif) repeat-x;
}
/*1st sub level menu*/
#mainmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin:0 0 0 38px;
background:#ffffff;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
display: list-item;
float: none;
font-size:1.0em;
background:none;
padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
top: 0;
margin:0;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
color:$linkcolor;
width: 160px; /*width of sub menus*/
height:auto;
padding: 7px 5px 7px 10px;
margin: 0;
border-bottom: 1px solid #cccccc;
background:#ffffff;
border-top-width: 0;
text-align:left;
text-decoration:none;
text-transform:capitalize;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
text-decoration:underline;
}
/* ######### CSS classes applied to down and right arrow http://i36.photobucket.com/albums/e2/alvaris924/arto ######### */
/* BODY */
#body{
overflow:hidden;
}
#body_top{
overflow:hidden;
padding:0 0 100px 0;
}
#body_left{
width:701px;
float:left;
}
#body_right{
width:270px;
float:right;
}
/* left contact */
#body_left_content{
width:610px;
margin:30px 0 0 79px;
}
.post{
width:105%;
margin:0 0 40px 0;
}
.post-top{
width:110%;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 16px 0;
overflow:hidden;
}
.post-title{
float:left;
width:820px;
}
.post-title h2{
color:$titlecolor;
font-size:27px;
margin:0 0 5px 0;
font:$posttitlefont;
}
.post-title h2 a{
color:$titlecolor;
}
.post-top h4{
color:#05556a;
width:100px;
height:47px;
padding:5px 0 0 0;
margin:0 0 5px 0;
text-align:center;
font:$posttopmetafont;
float:right;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_comment.png) no-repeat;
}
.post-top h3{
color:$postmetacolor;
font:$postmetafont;
margin:0 0 5px 2px;
}
.post-top h3 a, .post-top h3 span{
color:$postmetacolor;
font-weight:bold;
text-transform:capitalize;
}
.entry{
line-height:20px;
font:$bodyfont;
margin:10px 0 20px 0;
}
.entry .banner{
text-align:center;
padding:0 0 10px 0;
}
.entry .banner img{
border:0;
}
.banner_left{
float:left;
padding:0 20px 10px 0;
}
.entry .banner_left img{
border:0;
}
.entry img{
border:1px solid #666;
}
.entry p{
padding-bottom:15px;
}
.entry p a{
font-weight:bold;
text-decoration:underline;
}
.entry p a:hover{
text-decoration:none;
}
.postmetadata{
width:100%;
overflow:hidden;
border-bottom:1px solid #262626;
padding:0 0 20px 0;
}
.postmetadata p{
font-weight:bold;
font-size:13px;
}
.postmetadata p a{
text-decoration:underline;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_more.gif) no-repeat left center;
padding:0 0 0 16px;
}
.postmetadata p a:hover{
text-decoration:none;
}
.post-page{
padding:0 0 60px 0;
}
h2.page_title{
color:#6ea560;
font-size:27px;
font-weight:normal;
background:url(http://3.bp.blogspot.com/_YXi3vp96gww/S9-USTss8hI/AAAAAAAAAuI/g3R-2Enyeiw/s1600/templatemo_title_bg.jpg) no-repeat left bottom;
padding:0 0 20px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.post-page .entry{
}
.post-page .entry a{
font-weight:bold;
text-decoration:underline;
}
.post-page .entry a:hover{
text-decoration:none;
}
.entry strong{
}
.post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
color:#6ea560;
display:block;
font-weight:normal;
}
.post-page .entry h1{
font-size:26px;
padding:0 0 14px 0;
}
.post-page .entry h2{
font-size:24px;
padding:0 0 14px 0;
}
.post-page .entry h3{
font-size:22px;
padding:0 0 12px 0;
}
.post-page .entry h4{
font-size:20px;
padding:0 0 10px 0;
}
.post-page .entry h5{
font-size:18px;
padding:0 0 8px 0;
}
.post-page .entry h6{
font-size:16px;
padding:0 0 6px 0;
}
/*main_search*/
#main_search{
width:100%;
overflow:hidden;
}
#searchform_top{
float:left;
padding:18px 0 23px 27px;
}
#searchform_top_text{
color:#4d4d4d;
width:185px;
padding:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
float:left;
border:0;
margin:0 5px 0 0;
background:none;
}
#gosearch{
float:left;
margin:5px 0 0 0;
}
/* ADS */
#sidebar_ads{
width:95%;
overflow:hidden;
}
#sidebar_ads div{
float:left;
padding:0 0 5px 3px;
}
#sidebar_ads div img{
float:left;
}
/* SIDE BAR */
#sidebar{
color:$sidebartextcolor;
font:$sidebartextfont;
width:224px;
margin:15px 0 0 22px;
}
.sidebars h2{
color:$sidebarcolor;
font:$headerfont;
margin:0 0 6px 0;
}
.sidebars ul{
font-size:13px;
padding: 0 0 30px 0;
}
.sidebars ul li{
margin-bottom:0px;
border-bottom:1px solid #242424;
padding:8px 0 8px 5px;
}
.sidebars ul li ul li{
margin-bottom:0;
width:auto;
}
.sidebars ul li ul li ul li{
margin-left:0;
}
.sidebars li ul{
}
.sidebars li ul li ul{
padding:0 0 0 10px;
width:auto;
}
.sidebars li ul li ul li ul{
}
.sidebars li{
margin-bottom:0px;
background:none;
}
.sidebars li li{
padding:0 0 30px 0;
}
.sidebars li li li{
background:none;
border:0;
padding:8px 0 8px 5px;
}
.sidebars li a{
color:$sidebarlinkcolor;
}
.sidebars li.widget_categories ul li{
}
.sidebars li.widget_categories ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}
.sidebars li.widget_categories ul li ul li a{
}
.sidebars li.widget_archive ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}
.sidebars li.linkcat ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}
.sidebars li.widget_pages ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}
.sidebars .widget_tags p{
padding:0px 10px 10px 15px;
}
.sidebars .widget_tags a{
color:$linkcolor;
}
.sidebars .textwidget{
padding:10px;
}
/* FOOTER */
#footer{
}
#footer_logo{
color:#333333;
font-size:53px;
font-weight:normal;
letter-spacing:-4px;
padding:20px 0 0 71px;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
font-style:italic;
}
#footer_logo a{
color:$linkcolor;
}
#footer_logo a:hover{
text-decoration:none;
}
#footer_text{
padding:40px 60px 0 0;
float:right;
text-align:right;
}
#footer_text p{
color:$footertextcolor;
font:$footerfont;
padding:0 0 8px 0;
}
#footer_text a{
color:$footerlinkcolor;
text-decoration:underline;
}
#footer_text a:hover{
text-decoration:none;
}
#footer_text b a{
color:$linkcolor;
}
/* Begin Images */
p img{
padding: 0;
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this.*/
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright{
float: right;
}
.alignleft{
float: left
}
/* End Images */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps{
cursor: help;
}
acronym, abbr{
border-bottom: 1px dashed #999;
}
blockquote{
margin: 15px 30px 10px 10px;
padding-left: 24px;
padding-bottom:7px;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/blockquote_bg.gif) repeat-y;
}
blockquote blockquote{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/blockquote_bg2.gif) repeat-y;
}
blockquote cite{
margin: 5px 0 0;
display: block;
}
.center{
text-align: center;
}
hr{
display: none;
}
a img{
border: none;
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this.*/
}
.navigation{
color:#81897c;
text-align: right;
margin:10px auto 0 auto;
width:97%;
padding:10px;
overflow:hidden;
font-size:13px;
background:#0e0e0e;
border:1px solid #1c1c1c;
font-family:Arial, Helvetica, sans-serif;
}
#content_single .navigation{
text-align: center;
width:96%;
padding:10px 0 10px 0;
margin:30px 0 0 25px;
}
.navigation a{
color:$linkcolor;
font-size:13px;
}
/* End Various Tags & Classes*/
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
.entry ul{
margin: 0 10px 15px 30px;
list-style: none;
padding:15px 15px 15px 20px;
background:#101010;
border:1px solid #1d1d1d;
font-family:Verdana, Geneva, sans-serif;
}
.entry ul li{
border-bottom:1px solid #2e2e2e;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_entry.gif) no-repeat left 13px;
padding:7px 0 7px 15px;
}
.entry ol{
margin: 0 10px 15px 30px;
padding:15px 15px 15px 40px;
background:#101010;
border:1px solid #1d1d1d;
font-family:Verdana, Geneva, sans-serif;
}
.entry ol li{
margin: 0;
padding:7px 0 7px 0;
border-bottom:1px solid #2e2e2e;
}
.postmetadata ul, .postmetadata li{
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li{
list-style: decimal outside;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform{
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s{
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit{
padding: 1px;
}
.entry form{ /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select{
width: 130px;
}
#commentform{
width:400px;
}
#commentform input{
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea{
width: 350px;
padding: 2px;
}
#commentform #submit{
margin: 5px 0 0 0;
padding:0;
width:85px;
height:35px;
}
/* End Form Elements */
/* Begin Comments*/
h2#comments{
color:$commenttitlecolor;
font:$commentheaderfont;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
margin:0 0 10px 0px;
}
.alt{
margin: 0;
padding: 10px;
}
.commentlist{
padding: 0;
text-align: justify;
margin:0 0 0 0px;
}
.commentlist .comment{
margin: 15px 0 0 0;
padding: 10px 15px 20px 15px;
list-style: none;
background:#101010;
border:1px solid #1d1d1d;
}
.commentlist .alt{
background:#0b0b0b;
}
.commentlist .comment .comment{
margin: 15px 15px 15px 15px;
padding: 10px 15px 20px 15px;
width:auto;
}
.commentlist p{
font:$commenttextfont;
margin: 10px 5px 10px 0;
line-height:18px;
}
.commentmet_data{
width:100%;
overflow:hidden;
}
.commentmet_data td{
vertical-align:top;
text-align:left;
}
.commentmet_avatar{
width:102px;
padding:15px 0 0 0;
}
.commentmet_text{
color:$commenttextcolor;
font:$commenttextfont;
}
.commentmet_avatar img{
border:3px solid #000;
}
#commentform p{
margin: 5px 0;
}
.commentmet_replay{
width:100%;
overflow:hidden;
}
.commentmet_replay a{
float:right;
display:block;
text-indent:-9999px;
text-transform:capitalize;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/button_replay.gif) no-repeat;
width:94px;
height:24px;
}
.nocomments{
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata{
color:$linkcolor;
margin: 0;
display: block;
padding:0 0 5px 0;
font:$commentmetafont;
}
.commentmetadata a{
color:$linkcolor;
font-weight:bold;
}
.commentmetadata span{
color:#689b5b;
font-weight:bold;
}
.commentmet_text{
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}
#respond{
margin:10px 0 0 10px;
font-family:Verdana, Geneva, sans-serif;
background:#000000;
padding:15px;
width:90%;
}
h3#respond_title{
color:#6ea560;
font-size:27px;
font-weight:normal;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
margin:0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
#commentform{
color:#808080;
margin-left:25px;
font-size:12px;
width:90%;
}
#commentform small{
position:relative;
top:-1px;
font-size:12px;
}
#cancel-comment-reply-link{
color:#808080;
font-size:12px;
margin-left:25px;
}
#commentform a, #commentform small{
color:#808080;
}
#commentform input{
color:#000000;
background:#1a1a1a;
border:2px solid #1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px;
}
#commentform textarea{
color:$linkcolor;
background:#1a1a1a;
border:2px solid #1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px;
margin:5px 0 0 0;
overflow:auto;
}
#commentform input#submit{
background:none;
border:0px;
}
/* End Comments */
/* Archives page */
.page_archives_div{
padding:0 0 60px 0;
}
.page_archives_div h2{
color:#6ea560;
font-size:27px;
font-weight:normal;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.page_archives_div ul h2{
}
.page_archives_div ul{
margin:10px 0 40px 0;
}
.page_archives_div ul li{
margin:0px;
padding:8px 0 8px 5px;
list-style:none;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_line.gif) no-repeat left bottom;
}
.page_archives_div ul li ul li{
border:0px;
background:none;
}
.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}
.page_archives_div ul li a{
font-weight:normal;
font-size:13px;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_ar.gif) no-repeat left 4px;
padding:0 0 0 11px;
}
.comment-form{
margin:25px 0px 0px 0px;
max-width:630px !important;
width:630px !important;
}
h4.backlinks{
font:$commentheaderfont;
color:$commenttitlecolor;
padding:0 0 20px 0px;
margin:0 0 10px 0px;
}
a.blog-pager-newer-link{
float: left;
padding: 6px;
margin: 4px;
color:$linkcolor;
}
a.blog-pager-older-link{
float: right;
padding: 6px;
margin: 4px;
color:$linkcolor;
}
a.home-link{
position:absolute;
padding: 2px;
margin: 2px;
color:$linkcolor;
}
#blog-pager{
text-align:center;
color:$linkcolor;
}
.feed-links{
margin: 30px 0 0px 0px;
font:$bodyfont;
color:$linkcolor;
}
.feed-links a:hover{
font:$bodyfont;
color:$linkcolor;
}
.feed-link{
color:$linkcolor;
}
.feed-link a:hover{
color:$linkcolor;
}
]]>