/* YUI font-min.css */
body{font:12px/1.136 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html,body { background: white; font-family: 'lucida grande', calibri, tahoma, arial, sans-serif }
h1 { font-size: x-large; text-align: center; padding: 15px; font-weight: bold;  }
h1 { font-family: 'Cherry Cream Soda', 'lucida grande', calibri, tahoma, arial, sans-serif }
h2 { font-size: x-large; font-weight: bold; padding: 5px 0; text-shadow: 1px 1px 1px #bbb; }
a { text-decoration: none; color: #2276BB }
p { font-size: medium; color: #444; }
strong { font-weight: bold }

header { color: #eee; border-bottom: 1px inset #eee; padding: 5px; background: #2278BB url(/prx/000/http/malsup.com/jquery/images/bg7.png) 0 -40px repeat-x; }
#me { 
	display: block; position: absolute !important; right: 15px; top: 14px; width: 41px; height: 41px; z-index:1000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) 
}
#me:hover {	
	-webkit-transform: scale(1.5) rotate(0deg); -moz-transform: scale(1.5)  rotate(0deg); transform: scale(1.5) rotate(0deg);
}
header img { 
    position: absolute; right: 10px; background: #eee; padding: 3px; width: 35px; height: 35px; top: 2px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
header h1 { text-shadow: 2px 2px 4px #333; letter-spacing: 1px; }
header h1 span { font-style: italic; font-weight: normal; font-size: medium; font-family: tahoma,arial, sans-serif }

#wrap { margin: 0;  background: #E8EEFA url(/prx/000/http/malsup.com/jquery/images/bg8.png) repeat; }

#mainLeft { width: 80%; padding-top: 30px; max-width: 1000px; margin: auto }

#plugins { padding: 0 40px }
#plugins ul li { margin-bottom: 40px; min-height: 100px; clear: right }
#plugins ul li img { 
    border: 5px solid #fff; float: left; width: 80px; height: 80px; margin-bottom: 20px; margin-right: 20px;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow: 3px 3px 7px #999; -moz-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;
	-moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg);
}
#plugins ul li.r img { 
	float: right; margin-left: 20px; margin-right: 0; 
	-moz-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg);
}

#sup { 
    height: 1050px; margin: 0 40px; background: #f8f8f8;
    -webkit-box-shadow: 4px 4px 8px #aaa; -moz-box-shadow: 4px 4px 8px #aaa; box-shadow: 4px 4px 8px #aaa;
}

div.twitterSearchTitle { font-family: verdana, tahoma, arial, sans-serif }
div.twitterSearchTitle  a { text-shadow: 2px 2px 2px #ddd; letter-spacing: 2px }
div.twitterSearchTweet { margin-bottom: 40px }

footer { 
    clear: both; color: #666; padding: 10px 0 5px 0; text-align: center; font-size: large; background: #fff;
    border-top: 1px solid #ddd;
}
footer div { margin: 10px }
.subfoot { font-size: small; text-align: left; padding: 10px 0 0 10px }
.left { float: left }
.right { float: right }


img.twitterSearchProfileImg {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

div.books { clear: both; text-align: center; background: #f8f8f8; padding: 20px; border-top: 1px solid #ddd }
div.books h1 { color: #666 }
a.cody img { width: 196px; height: 170px; border: 1px solid #ddd; margin: 10px;
    -webkit-box-shadow: 2px 2px 7px #999; -moz-box-shadow: 2px 2px 7px #999; box-shadow: 2px 2px 7px #999;
}

span.new { 
    background: red; color: white; padding: 4px; display: inline-block;
    border-radius: 3px; font-size: 12px; vertical-align: middle;
    text-transform: uppercase;
}

xfooter { background: #eee }

.fem {
    font-size: 16px;
    color: #333;
    background: #D7E6F4;
    padding: 10px;
    line-height: 22px;
    margin-bottom: 30px;
    border: 1px solid #CAD4E5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/***** clearfix hacks *****/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



@media all and (max-width: 700px) {

#mainLeft { width: 92%; padding-top: 20px; margin: 0 4%; }
#me { display: none }
#plugins { padding: 0 15px }
.left, .right { float: none }
body > header > h1 > span { display: block }
footer {
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

} /* end @media */