/*
Theme Name: Summer In The Air
Theme URI: http://zacharyefron.net/
Description: 1st version of Disney Boy Wonder!
Version: 1.0
Author: Kalina, admin of ZacharyEfron.net
Author URI: http://zacharyefron.net/

	Summer In The Air
	http://zacharyefron.net/

	This theme (CSS, XHTML, design) was designed and built by Kalina,
	only for http://zacharyefron.net/. All Rights Reserved.
        ZacharyEfron.net 2009-2010 (c)



*/


/* start */
*BODY

.twitter {
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 4px;
  font-family: arial;
  font-size: 11px;
  cursor: hand;
  color: #c4c4c4;
  list-style: none;
  display: block;
  }

.twitter li {
margin-left: -40px;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 7px;
  font-family: arial;
  font-size: 11px;
  background-color: #f0f0f0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -opera-border-radius: 3px;
  border-right: 1px solid #dfdddd;
  border-bottom: 1px solid #dfdddd;
  cursor: hand;
  color: #c4c4c4;
filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
list-style: none; 
display: block;

   

}

.twitter li:hover {
margin-left: -40px;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 7px;
  font-family: arial;
  font-size: 11px;
  background-color: #eeeeee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -opera-border-radius: 3px;
  border-right: 1px solid #dfdddd;
  border-bottom: 1px solid #dfdddd;
  cursor: hand;
  color: #c4c4c4;
  list-style: none;
  display: block;
}

@font-face {
	font-family: 'PromisedFreedomRegular';
	src: url('/Promised_Freedom.eot');
	src: local('Promised Freedom Regular'), local('PromisedFreedom'), url('/Promised_Freedom.woff') format('woff'), url('/Promised_Freedom.ttf') format('truetype'), url('/Promised_Freedom.svg#PromisedFreedom') format('svg');
}

a:link {color: #9d9ea7; text-decoration:none; background: none;}
a:active {color: #9d9ea7; text-decoration:none; background: none;}
a:visited {color: #9d9ea7; text-decoration:none; background: none;}
a:hover {color: #4ba4d6; text-decoration:none; background: none;}
td, p, div {color:#c3c6cf; font-family:Arial; font-size:11px; line-height: 12px; text-align:justify;}

ul.elites {font-size: 11px; list-style-type: none;  margin: 0px; padding: 0px; color:#8f919d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	ul.elites li {display: block; width: 215px; display: block; color: #8f919d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 5px;}
	ul.elites li a {background: #626472; padding:5px; ; display: block; width: 215px; color: #8f919d; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1px; border-right: 1px solid #565866; border-bottom: 1px solid #565866; margin-right: 5px;}
	ul.elites li a:hover {background: #6e707f; color: #8a8c9b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px; margin: 1px; margin-right: 5px;}
	ul.elites li a:active { color: #767887; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1px; margin-right: 5px;}
	ul.elites li a:visited { color: #767887; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1px; margin-right: 5px;}


	

form { background-color: transparent;}
input {background: #626472; padding:5px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-right: 1px solid #565866; border-bottom: 1px solid #565866; border-top: 0px solid #565866; border-left: 0px solid #565866; color: #828491; font-family: arial; font-size: 11px;}
textarea, select, option {background: #e6ebee; padding:7px; text-align: left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-right: 1px solid #d6dee2; border-bottom: 1px solid #d6dee2; border-top: 0px solid #d6dee2; border-left: 0px solid #d6dee2; color: #9fa3ad; font-family: Arial; font-size: 11px;}
.border {background: #626472; padding:5px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-right: 1px solid #565866; border-bottom: 1px solid #565866;}
.border-thumb {background: #e6ebee; padding:7px; text-align: left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-right: 1px solid #d6dee2; border-bottom: 1px solid #d6dee2;}


blockquote {
margin: 0;
padding-top: 14px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-right: 2px solid #dfe4e7;
border-left: 0px solid #fae6c2;
border-top: 0px solid #fae6c2;
border-bottom: 2px solid #dfe4e7;
background: url(http://www.zacharyefron.net/wp-content/themes/version01_summerintheair/images/block.jpg);
background-repeat: no-repeat;
color: #90919c;
font-size: 13px;
font-family: arial;

}


b {
             font-size:11px;
             color: #9697a3;
             font-family: arial;
             font-weight:bold;
             text-decoration: none;
}

em { font-size:11px;
             color: #acadb8;
             font-family: arial;
             text-decoration: none;
line-height: 12px;


}

h1 {
             font-weight: lighter; font-size: 35px; color: #cbd741; font-family: PromisedFreedomRegular; line-height: 0px; font-stretch: normal; letter-spacing: -1px;
}



s {
             font-size:11px;
             color: #bbbbbb;
             font-family: arial;
             font-weight:bold;
             text-decoration: none;
}

i {
             color: #8f919d;
             background: none;
             font-family: georgia;
             font-size: 11px;
             
}


u {
            font-size : 8pt;
	         font-family: Trebuchet MS;
	         color: #caced6;
	         border-bottom: 1px dotted #cbe88e;
  				line-height: 13px;


}


.title30 {
	background: #ffffff url(http://www.zacharyefron.net/wp-content/themes/version01_summerintheair/images/bg2.jpg) no-repeat; border-bottom: 1px solid #f2877f; padding: 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

    .titledate {
    FONT-WEIGHT: ; FONT-SIZE: 11px; ; background-repeat:none; TEXT-TRANSFORM: ; COLOR: #717171; LINE-HEIGHT: 11px; FONT-FAMILY: arial; LETTER-SPACING: 0px; TEXT-ALIGN: ; border: 0px solid #e5e5e5; text-align: justify; width: 158px;}

.title2 {
    FONT-WEIGHT: ; FONT-SIZE: 11px; ; background-repeat:none; TEXT-TRANSFORM: ; COLOR: #828491; LINE-HEIGHT: 12px; FONT-FAMILY: arial; LETTER-SPACING: 0px; TEXT-ALIGN: ; padding-right: 17px; padding-left: 16px; padding-top: 10px; padding-bottom: 0px; border: 0px solid #e5e5e5; }
    
.title3 {
    FONT-WEIGHT: ; FONT-SIZE: 11px; background-repeat:none; TEXT-TRANSFORM: ; COLOR: #c8c8c8; LINE-HEIGHT: 12px; FONT-FAMILY: arial; LETTER-SPACING: 0px; TEXT-ALIGN: ; padding-right: 18px; padding-left: 15px; padding-top: 35px; padding-bottom: 0px; border: 0px solid #e5e5e5; }
    
    .title4 {
    FONT-WEIGHT: ; FONT-SIZE: 11px; ; background-repeat:none; TEXT-TRANSFORM: ; COLOR: #717171; LINE-HEIGHT: 11px; FONT-FAMILY: arial; LETTER-SPACING: 0px; TEXT-ALIGN: ; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 0px; border: 0px solid #e5e5e5; text-align: justify;}
    

    .title21 {
    background: #eff3f5; font: 11px Arial;  line-height: 13px; color: #bbc3c7; text-align: justify; letter-spacing: 0px; border-right: 1px solid #d6dde0; border-bottom: 1px solid #d6dde0; border-left: 0px solid #cad1d4; border-top: 0px solid #cad1d4; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
    
        .title22 {
    background: #fceed4 url(/zac/bg2.jpg); font: 11px Arial;  line-height: 13px; color: #e8bf89; text-align: justify; letter-spacing: 0px; padding-right: 15px; padding-left: 15px; padding-top: 20px; padding-bottom: 10px; width:553px; }
    
            .title23 {
    background: #fceed4 url(/zac/bg3.jpg); font: 11px Arial;  line-height: 13px; color: #e8bf89; text-align: justify; letter-spacing: 0px; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; width:553px; }

    .title25 {
    background: #eeeeee; font: 11px Arial;  line-height: 13px; color: #bfbfbf; text-align: justify; letter-spacing: 0px; border: 1px solid #e4e4e4; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


.footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
.footer {
	background: #ffffff no-repeat bottom;
	border-bottom: 1px solid #f2877f; background: #eeeeee; padding: 3px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
position: relative; padding: 0;
	margin: 0 auto;
	width: 430px;
	clear: both;
	}

/* end */

/* footer */
#footer {
	background: #ffffff no-repeat bottom;
	border-bottom: 1px solid #f2877f; background: #eeeeee; padding: 3px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
position: relative;
	}

/* end footer */

/* calendar */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

#footer {
	padding: 0;
	margin: 0 auto;
	width: 430px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
/* End Structure */









/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 10px;
	border-left: 0px solid #ddd;
font-family: promised freedom;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     
}


/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

