/*
Theme Name:     Twenty Ten Child
Theme URI:      http: //example.com/
Description:    Child theme for the Twenty Ten theme 
Author:         Isela Espana
Author URI:     http: //example.com/about/
Template:       twentyten
Version:        0.1.0
*/
@import url("../twentyten/style.css");

#body {
background-attachment: fixed;
background-image: url(http://lospanchitos.com/img/hanging-on.jpg);
background-position: top center;
background-repeat: no-repeat;
 
margin:0;
padding: 0;
 
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}
 
/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x426px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/
 
@media only all and (max-width: 640px) and (max-height: 426px) {
body {
background-size: 640px 426px;
-moz-background-size: 640px 426px;
-webkit-background-size: 640px 426px;
}
}
 
/*
The next 2 definitions are for support in iOS devices.
Since they don't recoginze the 'cover' keyword for background-size
we need to simulate it with percentages and orientation
*/
 
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: auto 100%;
}
}
 
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: 100% auto;
}
}


#branding img {
border-top: none;
border-bottom: none;
}
#header {
padding: 0 0 0;
}

#page {
	margin: 1.5em auto;
	max-width: 1050px;
	border-top: 15px solid #bbb;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

#wrapper {
	background: transparent ;
	margin-top: 0px;
	padding: 0 0px;
}
#main {
	clear: both;
	overflow: hidden;
	padding: 30px 0 0 0;
        background: url("images/back_smalls.png")repeat top left
       ;
        
}
#access {
        
        background: #637c06;
        height:38px;
        
}
#access ul ul a {
        background: #637c06;
        padding: 15px;
}       
#access ul ul:hover > a {
        background: #445504;
} 
#footer { 
          
          background: url("images/footer_final.png")
          no-repeat center top;
          width:940px;
          height:355px;
          margin-bottom: 0;
    
 
           
}  
.menu{ text-align:center; }
.menu ul{ display:inline-block; }  
#colophon

#footer-widget-area .widget-area {
	float: right;
	margin-top: 20px;
	margin-right: 88px;
	width: 230px;
	color: #95000e;
}
a:link {
	color: #515908;
}
a:visited {
	color: #727d0b;
}
a:active,
a:hover {
	color: #95000e;
}
#access a {
color: #000;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}



#access { /* decrease the height of menu, add box shadow and make it semi transparent */
    height:40px;
    -webkit-box-shadow: 0px 1px 3px #525252;
    -moz-box-shadow: 0px 1px 3px #525252;
    box-shadow: 0px 1px 3px #525252;
    background: rgb(0, 0, 0); /* Fallback for web browsers that don't support RGBa */
    background: rgba(0, 0, 0, 0.7); /* RGBa does not affect child elements */
    filter:alpha(opacity=95); /* opacity for IE */
}

#access ul ul a,#access li:hover > a,#access ul ul :hover > a {
    background-color: #000;
    background: rgb(0, 0, 0); /* Fallback for web browsers that don't support RGBa */
    background: rgba(0, 0, 0, 0.7); /* RGBa for sub menus */
    line-height: 40px;
}
#access a { /* brighten the menu links */
    color:#ddd;
    line-height:40px;
}
#access li:hover > a,#access ul ul :hover > a {
    color: #737e0b; /* menu hover link color */
   
    background: rgba(8, 8, 8, 0.8);
}
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {
    color: #fff; /* current menu link */
}

#access ul ul { /* adjust height of dropdown menus */
    
    top:38px;
}
#access ul ul ul {
    top:0p;
}
#access ul ul a {
	padding: 10px;
	width: 130px;
	height: 30px;
}

#site-description {
    clear: right;
    display: none;
    float: right;
    font-style: italic;
    margin:15px 0 18px;
    width: 220px;
}

#content .entry-title {

color: #8b9812;/* color of title in posts */
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
}

.commentlist {
color: #fff;
font-family: times New Roman;
font-family: times New Roman;
font-size: 17px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}

h3#comments-title {
font-family: times New Roman;
font-size: 21px;
padding: 24px 0;
}


#content, #content input, #content textarea {
color: #fff;
font-family: times New Roman; //Just change the font name Here
font-size: 16px;
line-height: 24px;
text-align: justify;
}


.widget-title {
color: #8b9812;/* color of title in widget */
font-family: times New Roman;
font-size: 20px;
font-weight: bold;
}