/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

body {
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

#logo {
    padding: 10px 0;
	height: 24px;
}

#logo h3,
#logo h3 a { 
	font-family: 'Josefin Slab', serif;
	font-size: 28px;
	font-weight: normal;
	color:#fff;
	line-height: 1.2;
}

#logo div {
    height: 256px;
    background: #f16e50;
}


#logo h3 small {
	font-size: 12px;
}

.about img {
	float: left;
	margin: 4px 8px;
}

.code {
   display:block;
   font: 1em 'Courier New', Courier, Fixed, monospace;
   font-size : 100%;
   color: #000;
   background : #fff url(http://www.estudiowas.com.ar/images/preback.jpg) no-repeat left top;
   overflow : auto;
   text-align:left;
   border : 1px solid #5581C0;
   padding : 0px 10px 0 10px;
   margin:1em 0 1em 0;
   line-height:17px;
   font-weight:normal!important;
}

.social-button {
}

.social-button {
	float: right;
	list-style-type: none;
	margin: 6px 0;
	padding: 0;
}

.social-button li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.social-button li div {
	display: inline;
}

.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}

.social-button:after {
	clear: both;
}

.social-button {
	*zoom: 1;
}

.social-button iframe.twitter-share-button {
    width: 90px !important;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {

#logo div {
    height: 256px;
    margin-top: 47px;
    background: #5798CD;
}

}