/*  
Theme Name: TallClub
Theme URI: http://www.tallclub.it
Description:  TallClub Theme v. 1.0
Version: 1.0
Author: Sonia Anepeta
Author URI: http://www.webfruits.it
*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
 	margin: 0;
 	padding: 0;
}

ul, ol, li {
	list-style-type:none;
	}

body {
	background: #fff;
	color: #575757;
	font: 76%/140% Verdana, Arial, Helvetica, Georgia, sans-serif;
	vertical-align: top;
}

img.alignright {
	display: inline;
        float: right;
	margin: 2px 0 0 15px;
	padding: 4px;
}

img.alignleft {
	display: inline;
        float: left;
	margin: 2px 15px 0 0;
	padding: 4px;

}

img.centered {
	display: block;
	margin: 0 auto 0 auto;
        text-align: center
}

.floatleft {float: left; }
.floatright { float: right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, sans-serif;
	font-weight: normal;
}

p { padding: 10px 0 5px; }

p img { max-width: 100%; }

a img { border: 0;}

input, textarea {
	font: 12px Verdana, Arial, Helvetica, Georgia, sans-serif;
	padding: 2px;
}

fieldset { border: none; }

blockquote {
        background: #FFF;
	border-bottom: 1px solid #DADAB8;
	border-top: 1px solid #DADAB8;
        color: #575757;
	float: left;
        font-size: 11px;
	margin: 10px 0 10px 0;
	width: 480px;
}

blockquote p { padding: 10px; }

acronym, abbr {
        border-bottom: 1px dashed;
        cursor: help;
        letter-spacing: 1px;
}

.blue-text { color: #00AFF0}
.green-text { color: #BAD611 }


/* Links */
a,
a:link,
a:visited,
a:hover {
    outline: none;
    text-decoration: none;
}

a { color: #FF8D04; }
a:hover { color: #575757;}

:focus { outline : 0; }


/* -------->> LAYOUT <<<-----------*/

.wrap_center{
	margin: 0 auto;
	width: 980px;
}

#page {
        background: #fff;
	float: left;
	width: 100%;
}

#page .wrap_float {
        background: url(images/wrap_float.gif) repeat-y left top;
	float: left;
	margin: 0;
	width: 983px;
}


/* -------->> HEADER <<<-----------*/

#header {
	background: url(images/bg_header.gif) repeat-x;
        height: 150px
}

#header h1 {
    	color: #00AFF0;
	font-size: 20px;
}

#header h1 a {
	color: #00AFF0;
}

#header h1 a:hover {
	text-decoration: underline;
}

/* logo */
#logo {
	background: url(images/logo.gif) no-repeat;
	display: block;
	height: 120px;
	position: absolute;
	width: 237px;
}

#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:active  {
	display: block;
	height: 120px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 237px;
}

/* menu */
ul#menu { 
        background: #FFF url("images/bg_menu.gif") bottom left repeat-x;
        font: bold 12px Helvetica, sans-serif;
        height: 43px;
        margin: 0;
        padding: 76px 0 0 0;
        text-transform: uppercase;
        width: 100%; 
}

ul#menu li { 
        display: block;
        float: right;
        margin: 0 0 0 5px;
}

ul#menu li a { 
        color: #575757;
        display: block; 
        float: left;
        height: 35px; 
        line-height: 200%;
        padding: 8px 12px 0;
        text-decoration: none;
}

ul#menu li a:hover { color: #BAD611; }
ul#menu li.current_page_item a { 
        background: #FFF url(images/bg_menu_current.gif) top left repeat-x;
        color: #575757; 
        padding: 0 12px 0;
}

/* tagline */
.tagline {
	background: url(images/bg_tagline.gif) no-repeat;
	float: left;
	height: 150px;
	margin: 0 0 20px;
	width: 760px;
}


/* -------->> COLUMN <<<-----------*/

.colonna {
	float: left;
	width: 760px;
}

/* Post */
.wrapper {
	float: left;
	width: 760px;
}

.post {
        background: #FAFAF6 url(images/bg_post.gif) repeat-x;
	float: left;
	padding: 0 0 30px 0;
	width: 760px;
}

.post h2 {
	display: inline;
	float: left;
        font-size: 20px;
	line-height: 30px;
	margin: 4px 20px 0;
	padding: 0 0 10px 0;
	width: 480px;
}

a.more-link {
	float: right;
        line-height: 30px;
}

/* Post Tags */
ul.taglist {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 480px;
}

ul.taglist li {
        background: #E4E4C9 url(images/bg_postag.png) no-repeat top left;
        float:left; 
        margin:0 2px 7px 0;
        padding: 0 0 0 10px;
}

ul.taglist a {
        background: #E4E4C9 url(images/bg_postag.png) no-repeat top right;
        color: #B2B28C;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 0 10px 0 0px; 
        white-space: nowrap;
}

ul.taglist a:hover { color: #010159 }

/* Technorati Tags */
#techno-tags {
        color: #00AFF0;
	font-size: 11px;
        padding-top: 15px;
}

/* Post Meta Data */
.post-meta {
        background: url(images/bg_postmeta.gif) no-repeat;
	float: left;
        font-size: 11px;
        height: 220px;
	margin: 0;
	width: 240px;
}

.post-meta ul {
        line-height: 24px;
	margin: 0;
        padding: 0 34px 20px 8px;
}

.post-meta ul li {
        background: url(images/dotted_h.gif) repeat-x left bottom;
	padding: 8px;
        text-align: left;
}

.post-meta ul li img { vertical-align: middle; }

.post-meta ul li.first { background: none }

.post-meta span{ color: #00AFF0 }

/* Entry */
.entry {
        color: #000;
	display: inline;
	float: left;
	line-height: 18px;
	margin: 0 20px;
        text-align: justify;
	width: 477px;
}

.large-entry {
        color: #000;
	display: inline;
	float: left;
	line-height: 18px;
	margin: 0 20px;
        text-align: justify;
	width: 720px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .large-entry h1, .large-entry h2, .large-entry h3, .large-entry h4, .large-entry h5, .large-entry h6  { padding: 10px 0 5px; }

.entry h2, .entry h3, .entry h4, .large-entry h2, .large-entry h3, .large-entry h4 {  font-weight: bold; }

.entry h1, .large-entry h1 { font-size: 20px; }

.entry h2, .large-entry h2 { font-size: 18px; }

.entry h3, .large-entry h3 { font-size: 16px; }

.entry h4, .large-entry h4 { font-size: 14px; }

.entry h5, .large-entry h5 { font-size: 12px; }

.entry h6, .large-entry h6 { font-size: 10px; }

.navigation {
       font: 12px Verdana, Arial, Helvetica, sans-serif;
       line-height: 30px;
       padding: 15px 20px 15px;
text-align: right;
}

.navigation-single {
       font: 12px Verdana, Arial, Helvetica, sans-serif;
       line-height: 30px;
       padding: 15px 20px 15px;
       text-align: right;
}

/* -------->>  COMMENTS <<<-----------*/

/* Comments */
.comments {
        background: #fff;
	float: left;
	padding: 0 0 10px;
	width: 760px;
}

.comments .wrapper { 
        background: #fff;
        padding-top: 15px;
}

.comments h3 {
	color: #575757;
	font: bold 12px Helvetica, sans-serif;
	line-height: 20px;
	padding: 0 0 10px;
	text-transform: uppercase;
}

.comments h3#comments {
	display: inline;
	float: left;
	margin: 10px 0 0 20px;
	width: 720px;
}

.comments ol {
	display: inline;
	float: left;
	line-height: 24px;
	margin: 0 0 0 20px;
	padding: 0;
	width: 720px;
}

.comments ol li {
	background: url(images/dotted_h.gif) repeat-x bottom center;
	float: left;
	margin: 10px 0 0px;
	padding: 0;
	width: 720px;
}

.comments p.nocomments { margin: 0 0 0 20px; }

.commententry {
        color: #000;
	display: inline;
	float: left;
        line-height: 18px;
	margin: 0 20px 0 0;
        text-align: justify;
	width: 480px;
}

/* Comment Meta Data */
.comment-meta {
        background: url(images/bg_commentmeta.gif) no-repeat;
        color: #575757;
	float: right;
        font-size: 11px;
        height: 150px;
	margin: 2px 0 0;
	width: 220px;
}

.comment-meta ul {
	line-height: 24px;
	margin: 0;
	padding: 0 8px 20px 30px;
}

.comment-meta ul li {
	background: url(images/dotted_h.gif) repeat-x left bottom;
	float: none;
	margin: 0;
	padding: 9px 0;
	width: auto;
}

.comment-meta ul li.first {
	background: none
}

.comment-meta ul li.first img { vertical-align: middle; }


/* Comment Form */
.comments_form {
        background: #D6E670 url(images/bg_commentsform.gif) no-repeat top center;
	display: inline;
	float: left;
	margin: 20px 0 5px 20px;
        padding: 20px 15px 15px 15px;
	width: 470px;
}

.comments_form textarea { 
       background: #FFFFFF; 
       border: solid 2px #BAD611;
       font-size: 12px;
       padding: 6px;
}

.comments_form #author, 
.comments_form #email,
.comments_form #url { 
       background: #FFFFFF; 
       border: solid 2px #BAD611;
       font-size: 12px;
       padding: 6px;
}

.comments_form p { 
       color: #000;
       font-size: 11px;
}

.comments_form input.SubmitComment { 
       background: url(images/btn_submitcomment.gif) no-repeat; margin-top: 8px;
       border: 0px;
       color: #575757;
       font: bold 17px Helvetica, sans-serif; 
       height: 40px;
       width: 144px;
}


/* -------->> SIDEBAR <<<-----------*/

.sidebar {
        color: #000;
	display: inline;
	float: left;
	font-size: 11px;
	margin: 0 0 0 20px;
	text-align: justify;
	width: 200px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
}
.sidebar ul li {
	padding: 8px;
}
.sidebar ul li h2 {
	color: #575757;
	font: bold 17px Helvetica, sans-serif;
	padding: 0 0 10px;
	text-transform: uppercase;
}
.sidebar ul ul {
	line-height: 14px;
}
.sidebar ul ul li {
	padding: 4px 0;
}
.sidebar ul ul ul li {
	padding: 0 0 0 10px;
}

/* Feed RSS Button */
.btn_feed {
       height: 107px;
       margin: 0 auto 0 auto;
}

/* Search Form */

#main_search { margin-bottom: 10px; }

#searchform {
    margin: 1px auto;
    padding: 5px 3px;
    text-align: center;
}

#searchform #s {
    border: 1px solid #fff;
    color: #575757;
    padding: 2px;
    width: 108px;
}

#gosearch {
    position:relative;
    top: 9px;
}

#searchsubmit { padding: 1px; }

	
/* Sidebar Elements */
.sidebar .widget_search,
#text-1  {
        background: #BAD611;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left: 3px solid #D6E670;
}

#text-2  {
        border-bottom: 1px solid #fff;
}

#text-3  {
        background: #BAD611;
        border-top: 1px solid #fff;
        border-left: 3px solid #D6E670;
}

#text-4  {
        background: #BAD611;
        border-top: 1px solid #fff;
        border-left: 3px solid #D6E670;
        padding-bottom: 20px;
        padding-top: 20px;
}


.sidebar .widget_categories,
.sidebar .widget_archives {
	background: #ff8d04;
        border-bottom: 1px solid #FFF;
        border-left: 3px solid #FDCA8D;
}

.sidebar .sem_recent_posts_display_widget,
.sidebar .widget_recent_entries,
.sidebar .widget_get_recent_comments,
.sidebar .widget_mybloglog {
	background: #00AFF0;
        border-bottom: 1px solid #fff;
        border-left: 3px solid #79CDEC;
}

.sidebar .widget_stags,
.sidebar .widget_tag_cloud, 
.sidebar .widget_links  {
        background: #BAD611;
        border-bottom: 1px solid #fff;
        border-left: 3px solid #D6E670;
}

.sidebar .widget_stags_cloud {
        line-height: 26px
}

.sidebar .sem_recent_posts_display_widget a,
.sidebar .widget_search a,
.sidebar .widget_categories a, 
.sidebar .widget_archives a, 
.sidebar .widget_recent_entries a, 
.sidebar .widget_get_recent_comments a, 
.sidebar .widget_tag_cloud a,
.st-tag-cloud a,
.sidebar .widget_links a, 
.sidebar .widget_mybloglog a { color: #fff }


.sidebar .widget_categories a:hover, 
.sidebar .widget_archives a:hover { color: #FDCA8D}

.sidebar .sem_recent_posts_display_widget a:hover,
.sidebar .widget_recent_entries a:hover,
.sidebar .widget_get_recent_comments a:hover,
.sidebar .widget_mybloglog a:hover { color: #79CDEC}

.sidebar .widget_stags_cloud a:hover { color: #D6E670}


/* MyBlogLog Widget */
.widget_mybloglog {
       border: 0;
       margin: 0;
}

body table#MBL_COMM td.mbl_mem { background: #00AFF0; }
body table#MBL_COMM td.mbl_mem { background:#00AFF0; }
body table#MBL_COMM { border: 0; margin-top: -10px }
body table#MBL_COMM td.mbl_img { background: #00AFF0 }
body table#MBL_COMM img { border: 1px solid #B9E8F8; }
body table#MBL_COMM td.mbl_fo_hidden { background: #00AFF0}
body table#MBL_COMM td.mbl_fo_hidden a { color:#fff; }
body table#MBL_COMM td.mbl_fo_hidden a:hover,
body table#MBL_COMM td.mbl_fo_hidden a:visited:hover { color:#79CDEC}

body table#MBL_COMM th.mbl_h { 
      color: #575757;
      font: bold 17px Helvetica, sans-serif!important;
      padding: 0 0 15px;
      text-transform: uppercase;
}

body table#MBL_COMM td.mbl_join_img { display: none }
body table#MBL_COMM td.mbl_join { display: none }


/* -------->>  FOOTER <<<-----------*/

#footer{
       background: url(images/bg_footer.gif) repeat-x;
       font-size: 11px;
       height: 110px;
}

#footer .wrap_center{
	padding: 8px 0 17px;
}

#footer p {
	line-height: 24px;
	padding: 20px 20px 5px;
        text-align: center
}

/* Footer Box */
#footer #blocks {
        background: url(images/bg_footblock2.gif) no-repeat top center;
        height: 320px;
	padding: 30px 0px 0px 0px;
}

#footer #blocks h3 {
        font: 20px Helvetica, sans-serif;
	line-height: 30px;
	margin: 4px 5px 0;
	padding: 0 0 10px 0;
}

#footer #blocks h3.box1 {
        background: url(images/title-box1.gif) no-repeat;
        color: #BAD611;
        text-indent: -8000px;
}

#footer #blocks h3.box2 {
        background: url(images/title-box2.gif) no-repeat;
        color: #FF8D04;
        text-indent: -8000px;
}

#footer #blocks h3.box3 {
        background: url(images/title-box3.gif) no-repeat;
        color: #00AFF0;
        text-indent: -8000px;
}

#footer ul {
	margin: 0px;
	padding: 0px 0px 0px 2px;
}

#footer ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
	
#footer ul li a {
	border-bottom: 1px solid #DADAB8;
	display: block;
	margin: 0px;
	padding: 5px;
}

#footer ul li a:hover {
	background: #E4E4C9;
}

#footerleft {
	background: url(images/bg_fblock1.gif) no-repeat top center;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 240px;
}

#footermiddle1 {
	background: url(images/bg_fblock2.gif) no-repeat top center;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 240px;
}

#footermiddle2 {
	background: url(images/bg_fblock3.gif) no-repeat top center;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 240px;
}

#footerright {
        background: url(images/bg_featured.gif) no-repeat bottom center;
	float: right;
        height: 340px;
	margin: 0;
	width: 197px;
}

#footerright ul li a {
        padding: 0px
}

#footerright ul li a:hover {
	background: #fff;
}

#footerright h3 {
      text-align: center
}

/* ---- Featured ---- */

.featured ul {
	margin: 8px 0 0 20px!important;
	text-indent: -8000px;
}

.featured li {
	float: left;
	margin: 0 10px 6px 0!important;
}

.featured a {
	background-repeat: no-repeat;
	background-position: 0px -25px !important;
	border:1px solid #DADAB8!important;
	display: block!important;
	height: 25px;
	width: 70px;
}

.featured a:hover {
	background-position: 0px 0px !important;
	border: 1px solid #414C54;
}

/*  Featured Icons */

#urbantrash a {
	background-image: url(images/urbantrash.gif)!important;
}
#cssdaddy a {
	background-image: url(images/cssdaddy.gif)!important;
}
#csstaste a {
	background-image: url(images/csstaste.gif)!important;
}
#csscreme a {
	background-image: url(images/csscreme.gif)!important;
}
#cssleak a {
	background-image: url(images/cssleak.gif)!important;
}
#cssflash a {
	background-image: url(images/cssflash.gif)!important;
}
#cssgallery a {
	background-image: url(images/cssgallery.gif)!important;
}
#cssstar a {
	background-image: url(images/cssstar.gif)!important;
}
#wpcube a {
	background-image: url(images/wpcube.gif)!important;
}
#w3csites a {
	background-image: url(images/w3csites.gif)!important;
}
#csscontainer a {
	background-image: url(images/csscontainer.gif)!important;
}
#welovewp a {
	background-image: url(images/welovewp.gif)!important;
}
#inspirationup a {
	background-image: url(images/inspirationup.gif)!important;
}
#looppress a {
	background-image: url(images/looppress.gif)!important;
}