/*   

Theme Name:Goodwill

Author: modified by Susanne Nov 09 from jq2.4

Author URI:http://sanneart.com

*/





/*       BASIC TAGS       */





* {

margin:0; padding:0;

}

body {

font:normal 12px Verdana, sans-serif; color:#333; background:url(img/bg-clouds.jpg) top center no-repeat #8ba5cc;

}

h1, h2, h3, h4, h5, h6 {

margin:10px 0 10 0;

}

p {

margin:0px 0px 15px 0px;

}

a {

outline:none; text-decoration:none; color:#8a8a8a;

}

a:hover {

color:#215c97;

}

a img {

border:none;

}







/*      BASIC LAYOUT   */



div#outline {

width:960px; margin:0 auto;

}

div#blog-line { 

height:80px; padding:25px 0; 

}

div#topsearch { 

float:right; margin:36px 0 0 0;

}

div#nav {

position:relative; z-index:2; width:960px; height:38px; background:url(img/nav.png);

}

div#content {

clear:both; z-index:1; background:#fff; width:880px; padding:20px 40px 20px 40px;

}



/*      Feature   */



div#feature {

height:140px; background:#fff;  font:normal 15px Helvetica, sans-serif; color:#999;-moz-border-radius:5px;-webkit-border-radius: 5px;   

}

div#feature a, div#feature a:visited {

font:bold 15px Helvetica, sans-serif; color:#FF9900; 

}

div#feature a:hover {

color:#ccc; text-decoration:underline; 

}

div#feature div.left {

width:310px; height:140px; float:left; background:url(img/img-sneakers.jpg) no-repeat left center;

}

div#feature div.mid {

width:299px; height:140px; float:left; background:url(img/feature-img01.jpg) no-repeat;

}

div#feature div.right {

width:310px; height:140px; float:left; background:url(img/calidad-logo.png) no-repeat left center; 

}

div#feature div.right p, div#feature div.left p {

margin:20px 5px 20px 130px; padding:0 0 0 5px; border-left:1px dotted; color:#666;

}





div#feature div.calidad{

height:120px; padding:10px 0 0 0; background:url(img/calidad-logo.png) 25px center no-repeat ;  

}

div#feature div.calidad h2{

 font: 25px normal Helvetica, sans-serif; text-transform: uppercase;  color:#1e4084; padding:20px 55px 0px 145px;

 }

div#feature div.calidad p{

 font: italic 25px  Times, serif; color:#999; padding:0px 55px 20px 145px; letter-spacing:0.1em;

}

div#left h1.calidad_headline {

width:560px; margin:20px 0; padding:0 0 25px 0px;font: normal 26px Helvetica, sans-serif; color:#666; letter-spacing:0.1em; background:url(img/swoosh-orange.png) bottom no-repeat; display:block; border:none;

}





div#left {

width:560px; margin:0; line-height:1.7em; float:left; padding:0 20px 10px 0;

}

div#right {

width:240px; margin:0; float:right; padding:10px 0 10px 20px;

}

p#toggle-all {

float:right; width:100px; margin:0; padding:0;

}

div.headline {

margin:10px 0 0 20px;

}

div.excerpt {

padding:0; margin:0 0 0 20px;

}

div.post-single {

margin:0 0 20px 0;

}

div.preview {

float:right;  margin:15px 0 0 0;

}

div.preview a {

display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, sans-serif;

}



div.date {

position:absolute; width:60px; height:20px; padding:10px 0 10px 4px; margin:0 0 0 -90px; background:#fff; -moz-border-radius:5px;-webkit-border-radius: 5px;

}

div.single_content {

clear:both; margin:0 0 20px 20px;

}

div.bookmarks {

text-align:right; float:right;

}

div#appendix {

clear:both; background:none; width:930px; padding:10px 30px 10px 0px; border-top: 3px solid #333;

}

div#credits {

margin:0 0 0 25px; padding:2px 10px; height:40px;   text-align:center; font:11px normal; color:#2a548c; line-height:18px

}

div#credits a {

color:#fff; 

}

div#credits a:hover {

color:#ccc; text-decoration:underline;

}

div.app_widget {

float:left; width:280px; padding:0px 0px 0px 30px;

}

div#appendix div.widget {

padding:20px 0 0 0;

}







/*      NAVIGATION    */



div#nav ul {

float:left; margin:0; list-style:none;

}

div#nav li {

float:left;

}

div#nav li a {

display:block; margin:0; padding:11px 16px; color:#f5f5f5; text-decoration:none; font:normal 13px Verdana, sans-serif; border-left:1px solid #215c97;

}

div#nav li a:hover {

background:#000; color:#3994f0;

}

ul#mail_rss a {

text-decoration:underline !important;

}

.sf-menu li ul {

background:#333;border:1px solid #000;border-top:none;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);

}

.sf-menu li li ul, .sf-menu li li li ul {

background:#333;border:1px solid #000;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);

}





/*    WIDGETS    */



.widget {

border:1px solid #ccc; padding:10px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px;

}

div.widget h4 {

margin:0 0 5px 0; padding:0 0 2px 0; border-bottom:1px dotted #ccc; font:bold 13px Helvetica, sans-serif;

}

div#right, div#appendix {

font-size:120%;

}

div#right ul, div#appendix ul {

list-style:none; padding:0;

}

div.widget a {

padding:5px 0px; font:normal 11px Helvetica, sans-serif; color:#215c97;

}

div.widget a:hover {

color:#666; text-decoration:underline;

}

div.widget li {

padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;

}

div.widget li li {

padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;

}

div.widget img {

float:left; padding:0 10px 0 0;

}





.imagewidget {

border:1px solid #ccc; padding:10px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px;

}

div.imagewidget h4 {

margin:0; padding:0 0 3px 0; border-bottom:1px dotted #ccc; font:bold 13px Helvetica, sans-serif;

}

div.imagewidget li {

padding:0 0 0 5px; margin:0; border-bottom:none;

}

div.imagewidget img {

 padding:5px 8px; float:left; border-bottom: none;

}



div#archives {

min-height:130px;

}

.textwidget, .textwidget a {

font: italic 14px/20px Georgia, serif !important; 

}

.textwidget p {

margin: 0; padding: 0;

}





/*calendar*/



table#wp-calendar {

margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:12px;

}

table#wp-calendar a {

font:normal 11px Verdana;

}

table#wp-calendar caption {

padding:0 0 5px 0;

}

table#wp-calendar th {

font:bold 13px Verdana;

}

table#wp-calendar th, td {

width:30px; height:30px;

}





/*     TEXT    */





div#newsheader {

font: normal 18px Helvetica, sans-serif; text-transform:uppercase; color:#36997e; padding: 12px 0 5px 40px;  letter-spacing:.1em; background:url(img/icon-news.png) 9px left no-repeat;

}

div#blog-line h1 a {

font:normal 25px Helvetica, sans-serif; padding: 0  0 25px 0; color:#fff; line-height:35px; 

}

div#blog-line h1 {

font:16px Helvetica, sans-serif; padding:35px 0 0 100px; margin:0; color:#161e27; float:left;

}

.logo {

background:url(img/logo.gif)  no-repeat left;

}





div#left {

font-size:13px;

}

div#left a {

color:#215c97; text-decoration:underline;

}

div#left a:hover {

color:#ccc; text-decoration:none;

}



div#left h1 {

float:left; font:normal 16px Helvetica, sans-serif; padding:10px 0 5px 0; margin: 0 0 5px 0; width:520px; text-transform:uppercase; border-bottom:1px dotted #ccc;

}

div#left h1.page_headline {

margin:20px 0; padding:0 0 5px 0; font: normal 20px Helvetica, sans-serif; color:#36997e; border-bottom:1px dotted #ccc; 

}

div#left h1 a {

color:#666; display:block; padding:0px 0 5px 20px; text-decoration:none; background:url(img/icon-pen.png) top left no-repeat;

}

div#left h1 a:hover {

color:#6699FF; text-decoration:none;

}

div#left h2 {

font:normal 17px Helvetica, sans-serif; margin:0 0 10px 0; color:#215c97;

}

div#left h2.archive-title {

margin:10px 0 0 20px; font:bold 20px Helvetica, sans-serif; color:#215c97;

}

div#left h3 {

font:bold 13px/18px Verdana, sans-serif; margin:0 0 5px 0; color:#3e4f71;letter-spacing:.05em; 

}

div#left ul, ol {

margin:0 0 20px 20px;

padding: 0;

}



div#left ul li {

padding: 0 0 4px 25px;

list-style-type: none;

color: #000000;

background-image: url(img/bullet.png);

background-repeat: no-repeat;

background-position: 0px 8px;

}

p#toggle-all a {

display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;

}

a.show-all {

background:url(img/toggle.png) no-repeat;

}

a.hide-all {

background:url(img/toggle.png) 0px -20px no-repeat;

}



div.date {

font:normal 14px Georgia; text-align:center; color:#36997e;

}



p.post_info {

font-size:100%;

}

p.tag_info {

margin:0; font-size:100%;

}

p.offset {

margin:5px 0;

}

p.wp-bookmark {

margin:0;

}



.logo {

background:url(img/logo.gif) no-repeat;

}

.category-link {

background:url(img/page.png) no-repeat;

}

.footerimg {

float:left; 

}

.hide-link {

float:right; padding:8px 0 0 0; font: normal 12px Helvetica, sans-serif;

}

.user-name {

background:url(img/user-green.png) no-repeat;

}

.user-mail {

background:url(img/email.png) no-repeat;

}

.user-url {

background:url(img/world-edit.png) no-repeat;

}

.user-comment {

background:url(img/comment-add.png) no-repeat;

}

.info-icon {

padding:3px 0 3px 20px; margin:0; background-position:0px 4px;

} 

.clear {

clear:both;

}

.breadcrumb {

font:normal 10px Verdana; color:#666; padding: 0 0 0 20px;

}

code {

font:normal 120% Courier, serif;

}











/*        FORMS     */



label {

	display:block;

	margin:0;

	padding-top: 8px;

}

.text {

	width:350px;

	padding:5px;

	background:url(img/bg-form-text.gif) repeat-x left top #fff;

	border-top: 1px solid #999999;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #ccc;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}

textarea {

	width:450px;

	height:150px;

	margin:0;

	padding:5px;

	background:url(img/bg-form-text.gif) repeat-x left top #fff;

	border-top: 1px solid #999999;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #ccc;

}

.submit {

width:auto; padding:5px 30px; margin:5px 0; color:#fff; background:#333; border:1px solid #333;

}

input {

margin:0 5px 0 0;

}





/*       SEARCHFORM      */



input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}

#search-submit {padding:5px; color:#fff; background:#333; border:none;}

div#left div#searchform {padding: 0 0 0 20px;}

p.not-found {padding: 0 0 0 20px; margin:0;}





/*       WORDPRESS CSS     */



img.alignright {

float:right; margin:0 0 0 20px 20px;

}

img.alignleft {

float:left; margin:0 20px 15px 0;

}

img.aligncenter {

display:block; margin-left:auto; margin-right:auto;

}

a img.alignright {

float:right; margin:0 0 15px 20px;

}

a img.alignleft {

float:left; margin:0 20px 15px 0;

}

a img.aligncenter {

display:block; margin-left:auto; margin-right:auto;

}



.aligncenter, div.aligncenter {

display:block; margin-left:auto; margin-right:auto;

}

.alignleft {

float:left;

}

.alignright {

float:right;

}

.wp-caption {

border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;

}

.wp-caption img {

margin:0;padding:0;border:0 none;

}

.wp-caption p.wp-caption-text {

font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;

}





/*       SUPERFISH    */



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

margin:0;padding:0;list-style:none;

}

.sf-menu {

line-height:1.0;

}

.sf-menu ul {

position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

width:100%;margin:0 !important;

}

.sf-menu ul ul li{

margin:0 !important;

}

.sf-menu li:hover {

visibility:inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

float:left;position:relative;

}

.sf-menu a {

display:block;position:relative;

}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;

}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {

top:-999em;

}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {

left:10em; /* match ul width */ top:0;

}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {

top:-999em;

}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {

left:10em; /* match ul width */ top:0;

}







/*     CLEARFIX    */



.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

.clearfix {display:inline-block;}

html[xmlns] 



.clearfix {display:block;}

* html .clearfix {height:1%;}

.clear {clear:both;}