/*  
Theme Name: The Matt Foundation Version 1.1
Description: The Matt Foundation
Version: 1.1
Author: Francisco Eliseo Navarro Lara - www.matt.org
*/

/*========= SETUP =========*/

*{border: 0; margin: 0; padding: 0}
body{ background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/body_bk2.jpg); background-repeat: no-repeat; background-position: top center; background-color: #EBE6DB; color: #000; font: 16px "Arial";}
a {color: #911328; text-decoration: none}
a:hover{text-decoration: underline}
input,select,textarea{border: #999 1px solid; padding: 2px}
select{padding: 0}
li{list-style: circle; margin:5px 0 5px 25px}
h1 {color:#000; margin-bottom: 10px}
h1 a {color:#000}
h2 {font-size: 18px; margin: 10px 0}
h3 {font-size: 14px; margin-bottom:10px; color:#000; font-weight:bold}
h3 a {color:#000}
p {margin: 10px 0}
.alignleft {display:inline; float:left; margin:5px}
.alignright {display:inline; float:right; margin:5px}
div.entry div.alignright {display:inline; float:right; margin:5px; padding-right:256px;}
.aligncenter {display:inline; width:auto; margin:auto}

/*========= LAYOUT =========*/

#page{ margin: auto; width: 960px; overflow:hidden; float:right}
#columns{margin: 20px 0 0; font: 13px "Arial", verdana; }
#nav-bar {width:958px;padding-bottom:32px;@padding-bottom:0px;}
#suckerfish {height:42px; background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/menu_bk.gif); background-repeat: repeat-x; width:950px; float:left;}
#menu_lft {float:left;height:42px; background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/border_ls.gif); background-repeat: no-repeat; width:4px;}
#menu_rth {float:left;height:42px; background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/border_rs.gif); background-repeat: no-repeat; width:4px; }
ul#menu {margin: 0; padding: 0; list-style: none; font-size:12px; line-height:35px}
ul#menu li {padding: 0; margin: 0; float:left; list-style:none}
ul#menu li.menu_separator { float:left; list-style:none; background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/sep_menu.gif); background-repeat: no-repeat; width:2px; height:42px;}
ul#menu ul li {z-index:1000; float:none}
ul#menu li ul {margin: 0; padding: 0; list-style: none; position: absolute; background: #fff;  display: block; z-index: 9999}
ul#menu ul ul{position: absolute; top: -1; left: 100%}
ul#menu * a:hover, ul#menu li a:active{background:#5d5d5d; color: #fff}
ul#menu li ul li a, 
ul#menu li ul li a:link, 
ul#menu li ul li a:visited, 
ul#menu li ul li a:active {background:#FFFFFF; color: #5d5d5d; font-size:13px; border-bottom: dotted 1px #333; border-left: solid 1px #000000; border-right: solid 1px #000000; width:110px;}
ul#menu li ul li a:hover {background:#FFFFFF; color: #9c9c9c; border-bottom: dotted 1px #333; width:110px;}
ul#menu li ul li { }
ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active{text-decoration: none; color: #FFFFFF; font-weight:bold; height:42px; line-height:42px; display:block; padding: 0 10px; _padding: 0; _width:105px; font-size:15px}
ul#menu li a:hover{ height:42px; text-decoration: none; color: #FFFFFF; font-weight:bold; height:42px; line-height:42px; display:block; padding: 0 10px; _padding: 0; _width:105px; font-size:15px;
background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/menu_bk_hover.gif); background-repeat: repeat-x;
}
ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {height:35px; line-height:35px; _width: 130px}

/*--- MAIN COLUMNS ---*/

#empower {float:right; width:185px; padding: 0 0 15px 15px;}
#empower h2 {color: #911328; font-size: 18px; margin-top:0; font-family:Arial;}
#empower li { list-style-type: circle;  margin-left:25px; font-size:12px; list-style-image:url(/wp/wp-content/themes/themattfoundation_v1.1/images/bullet.gif);   }
#empower ul {margin-top:7px}
#col_index{float:left; margin-bottom: 15px}
#weare {font-family:"Times New Roman", Times, serif; font-size:20px; font-style:italic; margin: 35px 0px 0 0; float:left;color:#911328;}
#matt_points{float:left; padding-left: 20px; width: 285px}
.col1{float: left; width: 740px; padding-right: 15px; border-right: dotted 1px #333}
.col2{float:right; width:185px; padding-left: 15px}
.col2 h2 {color: #911328; font-size:18px; font-family:Arial;}
.col2 p a {color: #717171; }

/*========= HEADER =========*/

#header{height: 100px; padding: 0 0 2px; @margin-bottom:5px;  }
/*** minimenu  ***/
#header_link{ width:351px; float:left; padding-top:95px; @padding-top:90px;padding-left:5px; font-size:13px; font-color:#000;}
div#header_link a:link,
div#header_link a:visited,
div#header_link a:active {color:#911328;  padding-right:1px; }
div#header_link a:hover {color:#911328;  padding-right:1px; }
div#header_link span {color:#911328;padding-left:1px; padding-right:0px;  font-weight:bold; }
#twitter_div{float:right;position:relative;top:120px; padding-left:10px;}
#container{ width:1200px;margin:auto;} 
#logo_div{ position:relative;float:left; height:110px; width:164px;cursor:pointer;padding-top:10px; @padding-top:5px  }

/*- JOIN -*/
#join {float: right; font-size: 12px; line-height:14px; text-align: right;color:#717171; width:380px;}
#join #email_message {background-color:ffd5b0; padding: 2px}
#join #aemail, #join #azipcode {background-color:#eee; border:1px solid #B3B3B3; margin-bottom:5px; padding:2px}
#join li {float:right; padding: 2px 5px; list-style:none}


/*--- NEWSLETTER-CONTAINER ---*/
#newsletter-container {background: #2a2a2a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding-bottom:28px;_padding-bottom:10px;@padding-bottom:10px; margin:7px; }
#newsletter-container h1 {font-size: 16px; margin: 10px 0 10px 15px; color: #fff}
#newsletter-container table { margin:auto;}
#newsletter-container-input {padding-left:10px;}
#newsletter-container #bt {background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/bt.gif) no-repeat; height: 24px; width: 79px; color: #fff; margin-right: 30px; border: 0}
#newsletter-container checkbox {background: #eee; border: 1px solid #c0c0c0; width: 200px; font-size: 11px; margin-left: 7px}

#qtrans_language_chooser li a{ color:#911328; font-size:13px; }

 


/*========= POST =========*/

.post{margin: 0}
.post h2{font-size: 1em; padding: 0 0 5px}
.post-alt{margin: 0 0 15px 0; padding-bottom:15px}
.cat-me {height:25px; line-height:25px; border-bottom: 1px dotted #333;font-size:13px;}
.cat-me li {margin:0; list-style:none; @float:left; }
#page .cat-me a:link, #page .cat-me a:active, #page .cat-me a:visited {padding:0 5px; color:#000; display:block; float:left; font-size:13px;}
.cat-me a:hover {background:#ccc; text-decoration:none;background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/submenuhover.gif) repeat-x; background-position:bottom;}
.entry blockquote { padding: 3px 15px; background: #def3ff; border: 1px solid #0253b8; margin: 5px auto 15px auto; color:#000; width:85%}
.entry img {padding: 2px 2px 2px 2px; background:#DDD; border: solid 1px #c0c0c0}
.entry ul, .entry ol {margin-bottom:15px; font-size:12px; line-height:20px}
.entry ul li ul, .entry ol li ol{margin-bottom:0px; padding-top:3px}
.entry ul li {list-style:circle inside; margin-left:15px; padding:3px 0px}
.entry ul li ul li {list-style:disc inside}
.entry ol li {list-style:decimal inside; font-size:12px; padding:3px 0px}
.entry ol li ol li {list-style:decimal-leading-zero inside}
.entry ol, .entry ol li {
    list-style-image:url(http://www.themattfoundation.org/wp/wp-content/uploads/vineta.gif);
}
.blog {width:100%; float:left}

/*========= CATEGORY =========*/
#archivebox {padding:10px;padding:10px; margin-bottom:25px;background-color:#E7DDCD;color:#911328;}
#archivebox1 {padding:10px;padding:10px; margin-bottom:25px;width:710px;background-color:#E7DDCD;color:#911328;}
#archivebox3 {padding-right:25px;width:720px;border-right:1px dotted #333333; float:left; }
#archivebox1 h2 {font-size:1.5em; color:#911328; margin:0}
#archivebox h2 {font-size:1.5em; color:#911328; margin:0;}

/*========= FOOTER =========*/

#footer{ background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/footer_bk.gif); background-repeat: repeat-x; background-position: top; clear: both; color: #FFFFFF; height: 215px; line-height: 35px; padding: 0 15px;  margin-top: 15px }
#footer #content p span a{ color:#FFFFFF;}
#footer #content {width: 900px; margin:auto; 
}
#footer div p span{ font-size:13px; }


/*========= MISC =========*/

.fix {clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden}

.entry ul, .entry ul li, .entry ol, .entry ol li, li
{
    font-size:13px;
}
.entry ul, .entry ul li
{
    list-style-image:url(/wp/wp-content/uploads/vineta.gif);
    list-style-position:outside;
    margin-left:14px;
}

/*Estilos para el cuadro de registro*/
    #pop-container {
        background:#2A2A2A;
        color:#000;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        margin-left:8px;
        margin-top:8px;
        padding-bottom:10px;
        width:95.5%;
    }
    #pop-container h1 {
        color:#FFF;
        font-size:14px;
        margin:10px 0 10px 15px;
    }
    .Buttons {
        background:url(/images/maestro_en_casa/pop_up/bt.gif) no-repeat;
        border:0;
        color:#FFF;
        cursor:pointer;
        height:24px;
        width:80px;
    }

    #btnRegister {
        margin-right:30px;
    }

    #pop-container .InputText, #pop-container select {
        background:#EEE;
        border:1px solid #C0C0C0;
        font-size:11px;
        margin-left:7px;
        width:200px;
    }
    #pop-container select {
        width:205px;
    }
    #pop-container .InputRadio {
        margin-left:7px;
    }
    #pop-container table {
        margin:auto;
    }
    /*Estilos para el login*/
    #btnLogin {
        margin-right:5px;
    }

.videogallery_container{
        float:left;
        margin:9px; 
        text-align:center;
        width:270px;
}
.videogallery_container a:link,
.videogallery_container a:visited,
.videogallery_container a:hover,
.videogallery_container a:active, 
.videogallery_container a{
       font-weight:bold;
       text-decoration:none;
       text-align:center;
   }

    .photogallery_container{
        float:left;
        margin-right:8px; 
        text-align:center;
    }

.photogallery_container a:link,
.photogallery_container a:visited,
.photogallery_container a:hover,
.photogallery_container a:active, 
.photogallery_container a{
       font-weight:bold;
       text-decoration:none;
       text-align:center;
   }

td.register_field{
    @width:30%;
    height:30px;
    vertical-align:middle;
    text-align:right;
}

td.register_input{
    @width:70%;
    height:30px;
    vertical-align:middle;
    text-align:left;
}

div.getinvolved ul li ul li {
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
     margin-left:0px;
     padding-left:0px;
}


div.getinvolved ul li ul {
     margin-left:0px;
     padding-left:0px;
}

/*========= SHADOWBOX REQUIRES MICROLOANS  =========*/
#newsletter-container-input ul, #newsletter-container-input ul li
{
    list-style-image:url(/wp/wp-content/uploads/vineta.gif);
    list-style-position:outside;
    margin-left:14px;
}
/*========== image microloans donation =========*/
#donate_microloans li img{
    background:#FFFFFF none repeat scroll 0 0;
    border:0px solid #C0C0C0;
    padding:0px;
}

/** BOOKMARKS **/
#btn_bookmarks{
    float:left;
    height:16px;
    width:62%;
}

#bookmarks{
    height:20px;
    margin-bottom:10px;
    margin-top:10px;
    width:100%;
    @width:335px;
    _width:335px;
}

.bookmark_list{
    display:inline-block;
    float:left;
    list-style:none !important;
    margin:0;
    padding:0;
}

.bookmark_list li{
    float:left;
    height:16px;
    margin:0;
    padding:4px 2px;
    width:16px;
}

.bookmark_list li.share{
    line-height:18px;
    font-size:10px;
    width:auto;
}

.bookmark_list li a{
    background:transparent url(/wp/wp-content/themes/themattfoundation_v1.1/images/bookmarks.gif) no-repeat scroll;
    font-size:14px;text-decoration:none;
}

#contentmiddle .bookmark_list a:hover{
    text-decoration:none;
}

.bookmark_list img{
    border:none;
}

#aDelicious{
    background-position:-112px -16px;
}

#aDelicious:hover{
    background-position:-112px 0;
}

#aDigg{
    background-position:-128px -16px;
}
#aDigg:hover{
    background-position:-128px 0;
}

#aFacebook{
    background-position:-176px -16px;
}

#aFacebook:hover{
    background-position:-176px 0;
}

#aFark{
    background-position:-192px -16px;
}
#aFark:hover{
    background-position:-192px 0;
}

#aGoogle{
    background-position:-256px -16px;
}

#aGoogle:hover{
    background-position:-256px 0;
}

#aKaboodle{
    background-position:-1040px -16px;
}

#aKaboodle:hover{
    background-position:-1040px 0;
}

#aMixx{
    background-position:-368px -16px;
}

#aMixx:hover{
    background-position:-368px 0;
}

#aPropeller{
    background-position:-928px -16px;
}
#aPropeller:hover{
    background-position:-928px 0;
}
#aReddit{
    background-position:-480px -16px;
}
#aReddit:hover{
    background-position:-480px 0;
}
#aStumbleUpon{
    background-position:-576px -16px;
}
#aStumbleUpon:hover{
    background-position:-576px 0;
}
#aTechnorati{
    background-position:-608px -16px;
}
#aTechnorati:hover{
    background-position:-608px 0;
}
#aTwitThis{
    background-position:-720px -16px;
}
#aTwitThis:hover{
    background-position:-720px 0;
}
#aYahooBuzz{
    background-position:-1072px -16px;
}
#aYahooBuzz:hover{
    background-position:-1072px 0;
}
#bookmarks ul{
    list-style-type:none;
    list-style-image:none;
}
/** BOOKMARKS **/
span.sprite_en_US{
    background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/sprite_en_1.gif) no-repeat;
    display:block;
}

span.sprite_es_MX{
    background: url(/wp/wp-content/themes/themattfoundation_v1.1/images/sprite_es_1.gif) no-repeat;
    display:block;
}

span.flagFbLike_en_US{
    background-position:-106px -51px;
    display:block;
    height:23px;
    width:59px;
}

span.flagFbLike_es_MX{
    background-position:-106px -51px;
    display:block;
    height:23px;
    width:88px;
}
