﻿/*

Theme Name: I Still Do

Theme URI: http://www.jomoca.com/wordpress-theme-i-still-do/

Description: A 3 column stylish grey and green theme created by <a href="http://josemoreno.com.uy/">JosÃ© Moreno</a>.  Visit <a href="http://www.jomoca.com">Jomoca.com</a> for more themes.

Version: 1.0

Author: JosÃ© Moreno

Author URI: http://www.josemoreno.com.uy/

Tags: three-columns, green, fixed-width, right-sidebar

*/



body {

    background: #bfc4c7 url(images/bg.jpg);

    padding: 0px;

    margin: 0px;

    font-family: Arial;

    font-size: 12px;

    color: #031930;

}


p {
margin-top: 3px !important;
margin-bottom: 10px !important;

}
blockquote {

    border-left: 5px solid #031930;

    padding-left: 10px;

}

.the_post ol li {
margin-top: 10px;
margin-bottom: 10px;
}

#wrapper {

    background: #fff;

    width: 790px;

    margin: 0 auto;

    padding: 10px;

    margin-top: 10px;

}



#header {

    background: #F2F2F2;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
    height: 124px;
    padding: 0px 0px 0px 0px;
    border: #dadada 1px solid;
    border-bottom: none;

}



#title {

    width: 298px;

    float: left;

    text-align: left;

    color: transparent;
	
    padding: 20px 0 0 20px;

}



#title a, #title p {

    font-family: Arial;

    font-size: 24px;

	display: none;

    text-decoration: none;

    margin: 0px;

    padding: 0px;

}



#description {

    font-family: Arial;

    font-size: 12px;

}



#title a:hover {

    text-decoration: none;

}


/*
#leaderboard_ad {

    width: 628px;

    height: 90px;

    float: right;

}
*/


#menu {

    background: url(images/menu_bg_black_active.gif) repeat-x;

    height: 37px;

    border: #dadada 1px solid;

    border-top: none;

    border-bottom: none;

}

#menu ul, #menu li {

    padding: 0px;

    margin: 0px;

    list-style-type: none;

    float: left;

}

#menu li a {

    height: 37px;
	
    padding-left: 10px;

    padding-right: 10px;

    color: #fff;

    line-height: 37px;

    float: left;

    display: block;

    text-decoration: none;

}

#menu li a:hover {

    text-decoration: none;

  /*  background: url(images/menu_bg_black.gif) repeat-x; */
  color: #ff99cc;

}

#menu .current_page_item a {

    background: #F2F2F2 url(images/menu_bg_black_active.gif) repeat-x;

    font-weight: bold;

    text-decoration: none;
color: #fff;
}

#menu .current_page_item a:hover {

    text-decoration: none;

}



#content {

    width: 500px;

    margin-top: 10px;

    float: left;

}



#side {

    width: 270px;

    margin-top: 10px;

    float: right;
		padding-right: 0;
	margin-right: ;
}



#footer {

    clear: both;

}



.post {

    background: url(images/menu_bg.jpg) repeat-x #F2F2F2;

    width: 590px;

    margin-bottom: 10px;
    margin-left: 10px;

    border: #dadada 1px solid;

    border-top: none;

    padding: 0 0 10px 0;

}

.post img {

background-color: #ffffff;

margin: 10px 5px;

padding: 3px 3px;

border: 1px solid #d2d2d2;

}


.post_title {

background: url(images/post_icon.gif) no-repeat 0px 2px;

    height: 33px;

    padding-left: 35px;

    padding-top: 3px;

    margin-left: 5px;
	color: #333;

}


.post_title a:link, .post_title a:visited { 

    font-size: 14px;

    font-weight: bold;

    color: #333;

    text-decoration: none;

}



.post_meta {

    font-size: 11px;

    color: #637180;

    clear: both;

}



.post_meta a, .post_categories a, .post_comments a, .post_comments, .post_tags, .post_tags a, 

#commentlist li a {

    font-size: 11px !important;

    color: #637180;

}



.the_post {

    margin: 10px 30px 0px 10px;

    padding: 5px;

}



.the_post p {

line-height: 140% !important;
}



.the_post a:link,
.the_post a:visited  {

    color: #FF0099 !important;

    text-decoration: underline;

}

.the_post a:hover,
.the_post a:active  {

    color: #000000 !important;

    text-decoration: underline;

}

.post_info {

    padding: 5px;

    clear: both;

}



.post_categories {

    background: url(images/category.png) no-repeat left center;

    padding-left: 20px;

    padding-right: 10px;

}



.post_categories a {

    text-decoration: none;

}



.post_comments {

    background: url(images/comment.png) no-repeat left center;

    padding-left: 20px;

    padding-right: 10px;

}

.post_comments a {

    text-decoration: none;

}



.post_tags {

    background: url(images/tag.png) no-repeat left center;

    padding-left: 20px;

}

.post_tags a {

    text-decoration: none;

}

.post_tags a:hover {

    text-decoration: none;
	color: #FF0099 !important;

}


.read_more {

    background: url(images/more.png) no-repeat 0px 2px;

    height: 18px;

    padding-left: 20px;

    padding-top: 3px;

    padding-bottom: 15px;

    margin-left: 5px;

}

.read_more a {

    text-decoration: none;

    font-size: 11px;

}





.comments_title {

    background: url(images/comments.png) no-repeat 0px 2px;

    height: 34px;

    padding-left: 35px;

    padding-top: 3px;

    margin-left: 5px;

}



.comments_title a { 

    font-size: 12px;

    font-weight: bold;

    color: #031930;

    text-decoration: none;

}


/*336px alunperin*/
#toolbox_menu {

    width: 200px;

}



#tb {

    background: url(images/menu_bg.jpg) repeat-x #F2F2F2;

    height: 37px;

}



#tb, #tb li {

    padding: 0px;

    margin: 0px;

    list-style-type: none;

    float: left;

}



#tb li a {

    height: 37px;

    width: 112px;

    text-align: center;

    color: #031930;

    line-height: 37px;

    float: left;

    display: block;

    text-decoration: none;

}



#tb li a:hover {

    text-decoration: underline;

}



.tb2, .tb2 li, .wp-tag-cloud, .wp-tag-cloud li {

    padding: 0px;

    margin: 0px;

    list-style-type: none;

    float: left;

}



.tb2 li a, .wp-tag-cloud li a {

    background: url(images/tb_icon.gif) no-repeat left center;

    width: 307px;

    margin-left: 5px;

    padding-left: 19px;

    padding-top: 5px;

    padding-bottom: 5px;

    text-align: left;

    font-size: 12px;

    color: #031930;

    float: left; 

    display: block;

    text-decoration: none;

}



.wp-tag-cloud li a {

    width: 135px;

}



.tb2 li a:hover, .wp-tag-cloud li a:hover {

    background: url(images/tba_icon.gif) no-repeat left center #E3E4E6;

    text-decoration: underline;

}



#tb_archives, #tb_recent_posts, #tb_tags {

    background: #F2F2F2;
  width: 200px;
/*    width: 336px; */

}



#tb_archives, #tb_recent_posts {

    display: none;

}



#tb_tags {

    text-align: center;

}



#tb_tags a {

    color: #031930;

    font-size: 12px;

    text-decoration: none;

}



#tb_tags a:hover {

    text-decoration: underline;

}



#tb_tags_link {

    font-weight: bold;

    background: #F2F2F2;

}



.rc_author {

    padding-left: 5px;

}



#commentlist li {

    background: #E5E5E5;

    padding: 5px;

    margin-bottom: 10px;

}



#comment {

    width: 585px;

}


/*
#left_sidebar {

    width: 163px;

    margin-top: 0px;

    float: left;

}
*/


#right_sidebar {

    width: 180px;

    margin-top: 0px;

    float: right;

}



.sidebar_item {

    background: url(images/menu_bg.jpg) repeat-x #F2F2F2;

    width: 170px;

    padding: 5px 0 5px 10px;

    border: #dadada 1px solid;

    border-top: none;

    margin-bottom: 10px;
	margin-right: 0px;

}

.sidebar_item2 {

    background: url(images/menu_bg.jpg) repeat-x #F2F2F2;

    width: 170px;

    padding: 5px 0 5px 10px;

    border: #dadada 1px solid;

    border-top: none;

    margin-bottom: 10px;
	margin-right: 0px;

}

.sidebar_item, .sidebar_item a, sidebar_item a:vlink, sidebar_item a:alink,
.sidebar_item2, .sidebar_item2 a, sidebar_item2 a:vlink, sidebar_item2 a:alink {

    text-decoration: none;

}



.sidebar_item a:hover, .sidebar_item2 a:hover  {

    text-decoration: underline;
	color: #FF0066 !important;


}



.sb_header {

    height: 37px;

    padding: 0px;

    margin: 0px;

    font-weight: bold;

    font-size: 12px;

    line-height: 27px;

}


.sb_header2 {

    height: 37px;

    padding: 0px;

    margin: 0px;

    font-weight: bold;

    font-size: 12px;

    line-height: 27px;
	color: #fff;

}

.sidebar_item ul, .sidebar_item ul li, .sidebar_item2 ul, .sidebar_item2 ul li {

    padding: 0px 10px 0px 0px;

    margin: 0px;

    list-style-type: none;

    text-align: left;

}



#s {

    width: 105px;

    float: left;

}

#search_input {

	background-image: url(images/box.gif);

	background-repeat: no-repeat;

	width: 125px;
	height: 20px;

	color: #666666;

	padding-top: 2px;

	padding-bottom: 2px;

	font-size: 13px;
	border: 1px solid #999;

}

#search_but {

        background: #F2F2F2;

        border: 0px;

        color: #FFF;

        font-weight: bold;

        color: #031930;

        margin-bottom: 5px;

}



#wp-calendar {

    width: 100%;

    text-align: center;

}



#wp-calendar a {

    text-decoration: underline;

}



#today {

    border-bottom: #031930;

    border-right: #031930;

}



#nav {

    background: #F2F2F2;

    width: 590px;

    padding: 5px;

    margin-bottom: 10px;

    border: #dadada 1px solid;

}



#nav_prev {

    float: left;

}



#nav_next {

    float: right;

}



#nav_prev a, #nav_next a {

    color: #776677;

    font-size: 12px;

}

#nav_prev a:hover, #nav_next a:hover {

    text-decoration: underline;

   

}





#footer {

    background: #F2F2F2 url(images/menu_bg.jpg) repeat-x;

    height: 34px;

    padding: 0;

    margin: 0;

    text-align: left;

    border: #dadada 1px solid;

    border-top: none;

}



#footer p {

    padding: 0px;

    margin: 0px;

}



#footer a {

    text-decoration: none;

    color: #000;

}

#footer a:hover {

    text-decoration: underline;

}



#footer-left {

    float: left;

    width: 466px;

    padding: 2px 0 0 5px;

    text-align: left;

    margin: 0;

    color: #776677;

    font-size: 11px;

    

}

#footer-left a {

    color: #776677;

}

#footer-left a:hover {

    color: #776677;

    text-decoration: underline;

}



#footer-right {

    float: left;

    width: 466px;

    padding: 2px 5px 0 0;

    text-align: right;

    margin: 0;

      color: #776677;

    font-size: 11px;

    

}

#footer-right a {

    color: #776677;

}

#footer-right a:hover {

    color: #776677;

    text-decoration: underline;

}



a, h2 a:hover, h3 a:hover {

   text-decoration: none;

}



a {

   text-decoration: none;

   color: #637180;

}



a:link {

   text-decoration: none;

   color: #637180;

}



a:vlink {

   text-decoration: none;

   color: #637180;

}



a:alink {

   text-decoration: none;

   color: #637180;

}






a img {

   border: none;

}



.wp-pagenavi a {

	padding:5px 7px;

	text-decoration:none;

	

}

.wp-pagenavi a:hover {

	background:#F7F7F7;

	

	text-decoration:none;

}

.wp-pagenavi span.pages {

	padding:1px 7px 1px 22px !important;

	padding:2px 7px 2px 22px;

	background:url(images/pagenavi.png) no-repeat;

	height:16px;

	line-height:16px;

}

*+html .wp-pagenavi span.pages {

	padding:2px 7px 2px 22px !important;

}

.wp-pagenavi span.current {

	background:#F7F7F7;

	padding:5px 7px;

	

	font-weight:bold;

}

.wp-pagenavi span.extend {

	padding:2px 4px;

}



p img {

   padding: 0;

   max-width: 100%;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}


/* Lomake */

#lomake input {

	border: 1px solid #CCCCCC;

	color: #999999;


}

#lomake input:hover {

	border: 1px dotted #666666;

}

#lomake textarea {

	height: 150px;

	width: 280px;

	border: 1px solid #CFCFCF;

	color: #999999;

}


.banners {
   float: left;
   width: 150px;
   text-align: right; /* depends on element width */
   position: relative;
   top: 10px;
   left: 0px;
   padding-left: 0px;
   margin-left: 2px;
   right: 0;
   z-index: 1;
   } 
   
#etusivulinkki {
position: relative;
z-index:3;
margin-left: 0;
left: 0;
filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;
 }

img.wp-smiley{ border:none; backround-color: transparent; padding: 0; margin: 0;}
