/*
Theme Name: Win Whale
Theme URI: http://eduarbo.com
Description: An HTML5 template for Wordpress
Version: 1.0
Author: Eduardo Ruiz
Author URI: http://eduarbo.com
Tags: twitter, html5, Fail Whale, clean, blue, orange
*/

@import "reset.css";

/* =Fonts
-------------------------------------------------------------- */

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


pre, #colors div, input, button, #commentform textarea, .rounded-img {
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background:#FFF;
}

input {background:#FFF;}
/* =Animated
-------------------------------------------------------------- */
#clouds1,
#clouds2,
#clouds3,
#whale,
#wave1,
#wave2,
#bird1,
#bird2,
#bird3,
#bird4 {
    position: fixed;  
    width: 100%;  
    height: 150px;  
}

#whale,
#wave1,
#wave2{position:absolute;}

#topshadow {background: transparent url(style/images/topshadow.png) 0 top repeat-x; position:fixed;top:0; height:20px;width:100%;} 

#clouds1 {background: transparent url(style/images/clouds1.png) 0 center repeat-x;} 
#clouds2 {background: transparent url(style/images/clouds2.png) 0 center repeat-x;} 
#clouds3 {background: transparent url(style/images/clouds3.png) 0 center repeat-x;}
#whale {background: transparent url(style/images/whale.png) 0 center no-repeat;} 
#wave1 {background: transparent url(style/images/wave1.png) 0 0 repeat-x;} 
#wave2 {background: transparent url(style/images/wave2.png) 0 0 repeat-x;} 
#bird1 {background: transparent url(style/images/bird1.gif) 0 0 no-repeat;} 
#bird2 {background: transparent url(style/images/bird1.gif) 0 0 no-repeat;} 
#bird3 {background: transparent url(style/images/bird1.gif) 0 0 no-repeat;} 
#bird4 {background: transparent url(style/images/bird1.gif) 0 0 no-repeat;} 
#colors {text-align:right;width:100%;}
#colors div {
	width:20px;
	height:20px;
	margin:0 4px;
	display:inline-block;
	position:relative;
}
#colors #color1 {background-color: #B2DFDA;}
#colors #color2 {background-color: #95E4E8;} 
#colors #color3 {background-color: #6CC5C3;}  
#sea {height:150px;}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
body {
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color: #B2DFDA;
	font-size: 100%;
	color:#222;
	line-height: 1em;
	text-shadow:1px 1px 0 #FFF;
	font-family:"Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

#wrapper {
	overflow:hidden;
	position:relative;
	margin:10px auto;
	padding:0 10px;
}
#content {
	clear:both;
}

#content.fullwidth {margin:0;}

#content > section {
	float:left;
	overflow:hidden;
	width: 100%;
	margin:40px 20px 0 0;
}

aside {
	overflow:hidden;
	width:290px;
	margin:20px auto;
}

body > footer {
	clear:both;
	float:none;
	overflow:hidden;	
	background:#FF4A00;
	position:relative;
}

.line{
	/* The dividing line: */
	clear:both;
	height:0;
	border-bottom: 1px solid #D8EFED;
	border-top: 1px solid #84CCC5;
	margin:.5em 0;
	overflow:hidden;
}



/* =Headings
-------------------------------------------------------------- */
h1 {font-size:2.4em}
h2 {font-size:2.2em}
h3 {font-size:2em}
h4 {font-size:1.8em}
h5 {font-size:1.6em}
h6 {font-size:1.4em}

aside h2, h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
	font-family:'Yanone Kaffeesatz',Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	clear:both;
}

h1, h2 {
	font-family: 'Vollkorn', Georgia;
}
h1 a, h1 a:hover, h2 a, h3 a, h4 a, h5 a, h6 a{
    text-decoration: none;
    color:#000;
}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a {
    color: #000;
    text-decoration: underline;
}
a:hover {
    color: #C00;
    text-decoration: none;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles  */


/* Text elements */

p {	margin-bottom: 1.2em;}
* p:last-child {margin-bottom: 0;}
ul {
	list-style: none;
	margin: 1em 0 1.5em 1.5em;
}
ol {
	list-style: decimal;
	margin: 1em 0 1.5em 1.5em;
}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul,
ol ol,
ul ol,
ol ul {margin-bottom:0;}
strong, b {font-weight: bold;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

cite,
em,
i {font-style: italic;}
big {font-size: 131.25%;}
ins {
	text-decoration: none;
}
blockquote {
	font-family:"Vollkorn",Georgia;
	padding: 0 3em;
	font-size:1.2em;
}
blockquote::before {
	content:'"';
	font-size:90px;
	float:left;
	height:.2em;
	line-height:.7em;
	margin-left:-10px;
	margin-right:5px;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: italic;
}
pre {
	border-color: #4CA7A5 #91D0CE #91D0CE #4CA7A5;
	margin-bottom: 18px;
	padding: .8em;
}
abbr,
acronym {
	border-bottom: 1px dotted #277;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
nav li a {
	text-decoration:none;
}
nav li a:hover{
	text-decoration:underline;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}



/* =Header
-------------------------------------------------------------- */

header h1, header h1 a{
	font-size:2.4em;
	position:relative;
	text-decoration:none;
	line-height:1em;
}
header h2 {
	font-size:1.6em;
	font-style: italic;
	margin: 5px 0 18px 0;
}

header nav {margin-top:-6px}

header nav ul {margin:0;font-size:.9em;}
header nav li{
	background: transparent url(style/images/iconos.png) no-repeat 3px -1093px; 
	display:inline-block;
	padding:0 18px;
	margin:4px 0;
}

nav li#en {background-position:0 -443px;}
nav li#es {background-position:0 -500px;}
nav li#ho {background-position:0 -217px;}
nav li#ed {background-position:0 -249px;}
nav li#ma {background-position:0 -283px;}
nav li#te {background-position:0 -311px;}
nav li#lu {background-position:0 -345px;}
nav li#co {background-position:0 -377px;float:right;}
nav li#cv {background-position:0 -414px;}
nav form {float:right;}

#searchform div {text-align:center;width:290px;}

/* =Content
-------------------------------------------------------------- */
p > object {text-align:center;margin:0 auto;}

#content >section > article {
	overflow: hidden;
	padding:30px 0;
}

#content >section > article:first-child {padding-top:0;}
#content .post > figure {margin-right:20px;float:left;}

.line-shadow, .line-shadow div{height:15px;}
.line-center {background:url(style/images/line-center.png) repeat-x 0 top;margin:0 140px;}
.line-left {background:url(style/images/line-left.png) no-repeat left top;}
.line-right {background:url(style/images/line-right.png) no-repeat right top;}

#navigation a{text-decoration:none;font-size:1.8em;}
.prev {float:left;width:45%;}
.next {float:right;width:45%;}

article #navigation a {font-size:1em;}

#navigation {
	font-weight:bold;
	padding:5px;
	overflow:hidden;
	font-size:.9em;
	margin-bottom:40px;
}


#navigation span a{display:block; vertical-align:middle;min-height:30px;line-height:1em;}

#navigation .prev a{ background:transparent url(style/images/prev.png) no-repeat left center;padding-left:25px;text-align:left;}
#navigation .next a{ background:transparent url(style/images/next.png) no-repeat right center;padding-right:25px;text-align:right;}

a[rel="prev"]{display:inline;}
a[rel="next"]{display:inline;}

article nav a:link,article nav a:visited,article footer a:link,article footer a:visited {
	text-decoration:none;
}
article nav a:active,article nav a:hover,article footer a:active,article footer a:hover {
	text-decoration:underline;
}
article nav ul,article footer ul{
	font-size:.8em;
	line-height:2em;
}

article nav ul {margin:0 0 20px;}
article footer ul {margin:0 0 -10px;}

article nav li,article footer li{
	display:inline-block;
	margin-right:10px;
	padding-left:20px;
}

.tags {background:transparent url(style/images/iconos.png) no-repeat 0 -560px;}
.rss {
	float:right;
	background:transparent url(style/images/iconos.png) no-repeat 0 -842px;
}
.trackback {
	float:right;
	background:transparent url(style/images/iconos.png) no-repeat 0 -704px;
}
.auth {background:transparent url(style/images/iconos.png) no-repeat 0 -596px;}
.cat {background:transparent url(style/images/iconos.png) no-repeat 5px -920px;}
.com {
	float:right;
	background:transparent url(style/images/iconos.png) no-repeat 0 -740px;
}
.edit {background:transparent url(style/images/iconos.png) no-repeat 0 -776px;}
.time {background:transparent url(style/images/iconos.png) no-repeat 0 -528px;}
.like {background:transparent url(style/images/iconos.png) no-repeat 0 -671px;}

.share {list-style:none;text-align:left;overflow:hidden;margin:0;}
.share li{display:inline-block;}

#content ul {list-style:square;}
article,
article input,
article textarea {
	line-height: 1.8em;
}
article p,
article ul,
article ol,
article dd,
article pre,
article hr {
	margin-bottom:24px;
}
article ul ul,
article ol ol,
article ul ol,
article ol ul {
	margin-bottom:0;
}
article pre,
article kbd,
article tt,
article var {
	font-size: 1.2em;
	line-height: 1.5em;
}
article code {
	font-size: 1.1em;
}
article dt,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	margin: 0 0 10px 0;
}
article table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
article tr th,
article thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
article tr td {
	padding: 6px 24px;
}
article tr.odd td {
	background: #F2F7FC;
}



/* =Portfolio
-------------------------------------------------------------- */
#content.portfolio {margin:0;width:100%;}
article.portfolio figure {display:inline-block;width:60%;text-align:center;}
article.portfolio figure img{width:100%;}
article.portfolio section {display:inline-block;width:36%;float:left;margin-right:20px;}
#content>section>article img {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	background-color:#f5f5f5;
	background:-moz-linear-gradient(bottom, #F2F2F2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
	border:7px solid #fff !important;
}
#content>section>article img:hover {
	-moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.45);
	-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.45);
	-o-box-shadow:0 1px 7px rgba(0, 0, 0, 0.45);
	box-shadow:0 1px 7px rgba(0, 0, 0, 0.45);
}
.portfolio img {
	margin:2px;
}
.portfolio .item li {list-style:none;padding-left:20px;background:url(style/images/checkmark.png) no-repeat 0 center;}
a.link{padding-left:20px;background:url(style/images/link.png) no-repeat 0 center;}
#content figure.portfolio-item {width:100%;text-align:center;}
#content figure.portfolio-item img {text-align:center; display:inline;}

/* Asides
-------------------------------------------------------------- */

aside {
	font-size:.9em;
}

aside > ul > li{margin:15px 0;}

aside a {
	text-decoration:none;
}
aside a:hover {
	text-decoration:underline;
}
aside .line {margin:0 2px;}
aside > ul{margin:0;}
aside ul ul {
	list-style: none;
	margin:5px 0;
}

aside ul ul>li {border-bottom: 1px solid #D8EFED;}
aside ul ul>li a {border-bottom: 1px solid #84CCC5;display:block;padding:4px 0;}
aside ul ul>li:last-child, aside ul ul>li:last-child a{border: 0}

aside .cat-item, .blogroll li {width:47%;display:inline-block;margin-right:4px;font-weight:700;}

/* Gallery listing
-------------------------------------------------------------- */

.category-gallery {
	margin-bottom: 48px;
}
.category-gallery h2 {
	margin-top: 10px;
}
.category-gallery .entry-meta {
}
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right:20px;
	margin-top: -4px;
}
.home article .category-gallery .entry-content p {
	display: inline;
}
.home article .category-gallery .entry-utility {
	padding-top:4px;
}


/* Attachment pages
-------------------------------------------------------------- */

.attachment p{text-align:center;}
.entry-content .attachment img {
	margin-bottom: 0;
}
.attachment .entry-content .entry-caption {
	font-size: 120%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}



/* Images
-------------------------------------------------------------- */

article img {
	margin: 0 auto;
	display:block;
	max-width: 100%;
	height:auto;
}
article .attachment img {
	max-width: 1200px;
}
article .alignleft,
article img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 15px;
}
article .alignright,
article img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 15px;
}
article .aligncenter,
article img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
article img.alignleft, 
article img.alignright, 
article img.aligncenter {
	margin-bottom: 12px;
}
article .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
article .wp-caption img {
	margin: 5px 5px 0;
}
article .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
article .wp-smiley {
	margin:0;
	border:none;
}
article .gallery {
	margin: auto;
}
article .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
article .gallery img {
	border: 2px solid #cfcfcf;
}
article .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
article .gallery dl {
	margin: 0;
}
article .gallery img {
	border: 10px solid #f1f1f1;
}
article .gallery br+br {
	display: none;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	margin:40px 0;
}
#comments h5 {margin:30px 0;}
.comment {background:transparent url(style/images/arrow.png) no-repeat 54px 8px;}
.comment ul {margin:0 0 0 40px;}
#comments article {
	clear:both;overflow:hidden;
}
#commentform {}
#commentform form p { position:relative }
#commentform label  { position:absolute; padding-left:5px;}
input, button, #commentform textarea{
	border:none;
	padding:5px;
	font-size:1em;
	line-height:1.6em;
	overflow:hidden;
}

#commentform label {}

#commentform input {width:99%;}

#commentform > p {
	width:30%;
	margin:7px;
	display:inline-block;
}
#commentform #message {width:98%;}
#commentform textarea {
	width:99%;
	font-size:1.4em;
}
.comment figure {float:left;}
.rounded-img{
	overflow:hidden;
	line-height:0em;
	display:inline-block;
	width:50px;
	height:50px;
}
.rounded-img img {
	padding:1px;	
}
.comment .commcontent {
	font-size:.9em;
	line-height:1.6em;
	overflow:hidden;
	border-right: 3px solid #ADCDDC;
	background:#E2FBFF url(style/images/comm-shadow.png) repeat-x 0 bottom;
	margin:2px 0 10px 0px;
	padding:0 10px 10px 10px;
	min-height:50px;
}
.comment-author {
}
.comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.commentlist .bypostauthor {
}
.reply {text-align:center;
	margin-top:-10px;}
.reply a{
	font-size:.7em;
	background:transparent url(style/images/iconos.png) no-repeat 28px -1124px;
	padding-right:20px;
	text-decoration:none;
}
.comment-edit-link, .comment time {float:right;font-size:.8em;background:none;padding-right:20px;}

.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}


#cancel-comment-reply-link {
	background:url(style/images/delete.png) no-repeat 0 3px;
	padding:0 0 0 20px;
}
.cancel-comment-reply {width:49%;display:inline-block;text-align:right;}
#send, #searchsubmit {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background:url(style/images/bg-btn.png) repeat-x 0 0 #FFAA22;
	border:1px solid #FFAA22;
	color:#333333;
	font:bold 18px Arial,Sans-serif;
	padding:8px 10px;
	text-align:center;
	cursor:pointer;
	margin:0 0 20px 7px;
}
#searchsubmit {padding:3px 5px;margin:0;}


#respond {overflow:hidden;margin:0px 0 30px 0;}

#respond h5 {width:49%;display:inline-block;}
#respond .line {}

/* Comments form */
input[type=submit] {
}


/* =Widget Areas
-------------------------------------------------------------- */

.widgettitle {background:url(style/images/aside-top.png) no-repeat center bottom;text-align:center;padding-bottom:5px;}
.widget > ul, .widget div, #searchform div {background:url(style/images/aside-bottom.png) no-repeat center bottom;padding:0 10px 15px 10px;}
.widget div {padding-top:10px;}

.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 4px;
}
#wp-calendar thead {
	border-bottom:1px solid #666;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tfoot #next {
	text-align: right;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}



/* =Footer
-------------------------------------------------------------- */
.finfo {text-align:center}

body > footer > section {
	margin:0 auto 20px auto;
	max-width:1240px;
	min-width:290px;
	font-size:.9em;
	color:#FFF;
	text-shadow:1px 1px 0 #721;
}

body > footer a {
	font-weight:bold;
	color:#FF9;
	text-shadow:1px 1px 0 #721;
}

body > footer a:active, body > footer a:hover {
	color:#FF6;
}


/* =Contact Form
-------------------------------------------------------------- */


#contacto {
	background:#F1F1F1 url(style/images/topmail.png) repeat-x 0 top;
	padding:20px;
	margin: 0 auto;
	width:730px;
}

#contacto p{
	line-height:1.5em;
	padding-bottom:1em;
	width:520px;
	text-align:justify;
}

#contacto .tres {height:60px;overflow:hidden;}
#contacto .tres p { position: relative; padding-bottom:.3em; width:240px; float:left;}
#contacto span.error { color:#F00; font-size:.7em;}
#contacto p.no { width:715px;height:auto;}
#contacto label { position: absolute; }
#contacto br {display: none;}


#contacto fieldset input,
#contacto fieldset textarea {
	display: block;
	padding: 4px;
	margin: 0;
	border: solid 1px #ccc;
}

label {
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

#contacto fieldset textarea {
	width: 100%
}

#contacto fieldset input {
	width: 95%
}

#contacto fieldset  {border:none;}

#contacto fieldset label {
	color: #777;
}

#contacto h2{width:520px;display:inline-block;}

#contacto div#droppable{width:200px;height:130px;float:right;background:url(style/images/dropzone.png) no-repeat 0 0;display:inline-block;}
#contacto div#draggable{width:137px;height:108px;background:url(style/images/estampilla.png) no-repeat 0 0;display:inline-block;}
#contacto p.big {float:right; font-size:18px; padding:15px 20px 0 0;}

#error1, #error2, #error3 {color:#F00;}


/*
 * FancyBox - jQuery Plugin
 */
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
* html #fancybox-loading{position:absolute;margin-top:0;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('style/images/fancybox.png');}
#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;}
* html #fancybox-overlay{position:absolute;width:100%;}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}
#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;display:none;margin:0;padding:20px;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;}
#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;outline:none;overflow:hidden;margin:0;padding:0;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-image:url('style/images/fancybox.png');background-position:-40px 0;cursor:pointer;z-index:1103;display:none;}
#fancybox_error{color:#444;font:normal 12px/20px Arial;margin:0;padding:7px;}
#fancybox-content{height:auto;width:auto;margin:0;padding:0;}
#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;margin:0;padding:0;}
#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}
#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102;}
.fancybox-title-inside{text-align:center;color:#333;padding:10px 0;}
.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:700;}
.fancybox-title-over{color:#FFF;text-align:left;}
#fancybox-title-over{background-image:url('style/images/fancy_title_over.png');display:block;padding:10px;}
#fancybox-title-wrap{display:inline-block;}
#fancybox-title-wrap span{height:32px;float:left;}
#fancybox-title-left{padding-left:15px;background-image:url('style/images/fancybox.png');background-position:-40px -90px;background-repeat:no-repeat;}
#fancybox-title-main{font-weight:700;line-height:29px;background-image:url('style/images/fancybox-x.png');background-position:0 -40px;color:#FFF;}
#fancybox-title-right{padding-left:15px;background-image:url('style/images/fancybox.png');background-position:-55px -90px;background-repeat:no-repeat;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background-image:url('style/images/blank.gif');z-index:1102;display:none;}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url('style/images/fancybox.png');background-position:-40px -30px;}
#fancybox-right-ico{background-image:url('style/images/fancybox.png');background-position:-40px -60px;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancy-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0;}
#fancy-bg-n{top:-20px;left:0;width:100%;background-image:url('style/images/fancybox-x.png');}
#fancy-bg-ne{top:-20px;right:-20px;background-image:url('style/images/fancybox.png');background-position:-40px -162px;}
#fancy-bg-e{top:0;right:-20px;height:100%;background-image:url('style/images/fancybox-y.png');background-position:-20px 0;}
#fancy-bg-se{bottom:-20px;right:-20px;background-image:url('style/images/fancybox.png');background-position:-40px -182px;}
#fancy-bg-s{bottom:-20px;left:0;width:100%;background-image:url('style/images/fancybox-x.png');background-position:0 -20px;}
#fancy-bg-sw{bottom:-20px;left:-20px;background-image:url('style/images/fancybox.png');background-position:-40px -142px;}
#fancy-bg-w{top:0;left:-20px;height:100%;background-image:url('style/images/fancybox-y.png');}
#fancy-bg-nw{top:-20px;left:-20px;background-image:url('style/images/fancybox.png');background-position:-40px -122px;}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/fancy_shadow_nw.png', sizingMethod='scale'); }

@media only screen and (min-device-width: 481px){
	#wrapper {
	width:980px;
	}
#content {
	margin:0 350px 0 0;
	min-width:600px;
	}
}

@media only screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
	body{-webkit-text-size-adjust:none;}
	#wrapper{margin:0 auto;padding:10px 3px 0 3px;}
	#content{width:100%;margin:0 auto;}
	#content .post img, article.portfolio figure img{display:block; float:none; width:auto;}
	#content > section {margin:0 auto;}
	article.portfolio figure {width:auto;}
	article.portfolio section {width:auto;float:none;}
	h2{font-family:'Yanone Kaffeesatz',Helvetica, "Helvetica Neue", Arial, sans-serif;font-size:1.8em;}
	aside {max-width:330px;margin:20px auto;width:100%;}
	hgroup h1{font-size:1.2em;}
	hgroup h2{font-size:1em;}
	footer {overflow:hidden;clear:both;}
	nav {font-size:.8em;}
	#commentform > p {
		width:100%;
		margin:3px auto;
		display:block;
	}
	.hide{display:none;}
	nav form {display:block;width:100%;float:none;text-align:center;}
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background:none !important;
	}
	#wrapper {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
	}
	#wrapper {max-width:480px;min-width:290px;}
	#content {min-width:290px;margin:0}
}