/*
Theme Name: Ifita
Theme URI: http://ifita.com
Description: The theme is the new custom theme for Ifita.com
Version: 1.1
Author: Itamar Ferrer
Author URI: http://www.ifita.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Ifita 1.0
	

	This theme was designed by Itamar Ferrer and built by Matthew Pateman.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Ifita */

/* FONTS */

@font-face {
	font-family: 'MidoMedium';
	src: url('fonts/mido/Mido-webfont.eot');
	src: url('fonts/mido/Mido-webfont.woff') format('woff'), 
		url('fonts/mido/Mido-webfont.ttf') format('truetype'), 
		url('fonts/mido/Mido-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

a, h2 a:hover, h3 a:hover {
	text-decoration: none; border:none;
	}

a:hover {	
	text-decoration: none;
border:none;
	}

a img {border:none; outline: none;}
a img:link {border:none; outline: none;}
a img:visited {border:none; outline: none;}
a img:hover {border:none; outline: none;}


a:visited {color:#000;}

/* Begin Typography & Colors */
body {
	
	font-family: MidoMedium, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-image:url('images/default.jpg');
	color: #333;
	text-align: center;
	}

.background-image {
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: -5000;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

div#menu-iphone { display:none;}

div#left {float:left;
	width:334px; margin-right:10px;
	}

div#middle {width: 591px; float:left; margin-top:240px;}
div#right {width: 120px; float:left; margin-left:30px;}

#content {
	
	
	
	
	}


#logo {width: 208px; height:129px; background-image:url('images/logo.png'); background-repeat:no-repeat; margin-left:25px; margin-top: 46px; float:left; display:block;}

div#menu {float:left; margin-top:46px;}

div#menu span {padding:0px; background-color: #FFF; width:auto; display:block; float:left;  color:#0066FF;  text-transform:uppercase; margin-bottom:9px;}

div#menu span .link {margin:0px; background-color: #FFF;  text-align:left; width:auto; display:block; float:left;  color:#0066FF;  text-transform:uppercase; height:17px; font-size:12px; padding:4px 4px 4px 25px; margin:0px;}

div#menu span .current {height:23px; font-size:18px; padding:6px 6px 6px 35px; margin:0px;}

#menu ul {list-style:none; margin:0px 10px 10px 10px; text-align:left; -webkit-padding-start: 0px; -moz-padding-start:0px;}

#menu li a {text-transform:none; font-size:12px; color:#000;}
#menu li a:hover {color:#0084D7;}

.menulist {clear:both; float:left;}

.menulist2 {clear:both; float:left;}

.current_page_item {text-decoration:line-through; color:#00FF00;}
#tweet {width:114px; height:126px; padding-left:10px; padding-right: 10px; padding-top:15px; background-image:url('images/tweet.png'); display:block;}
.clear {clear:both;}


#tweet span {text-transform:uppercase; color:#0084D7;}

#tweet p {font-size:10px; color:#000;}

#blogbubble {width:169px; height:55px; background-image:url('images/blogbubble.png'); float:left; margin-left:100px; margin-top:-75px; padding:10px; padding-left:30px; font-size:20px; text-shadow: 0px 1px 0px #FFFFCC;}

#blogbubble2 {width:171px; background-color: #FFFFCC; float:left; margin-left:118px; margin-top:10px; padding:10px;  font-size:12px; text-align:left;}

#blogbubble2 input[type="text"] {
border:none;
padding: 4px;
background-image:-webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#FFF));
background-image:-moz-linear-gradient(0% 12% 90deg, #fff, #999);
background-color:#FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}
@-webkit-keyframes pulse {

0% { -webkit-box-shadow: 0 0 12px rgba(0,204,51,.6);
}
50% { -webkit-box-shadow: 0 0 12px rgba(0,204,51,.1);
}
100% { -webkit-box-shadow: 0 0 12px rgba(0,204,51,.6);
}
}

#blogbubble2 input[type="text"]:focus {

outline: none;
border: none;
    background-image: none;
    background: #fff;
    -webkit-animation: pulse 1.5s infinite ease-in-out;
}


#blogbubble2 .highlight {color:#00CC33;}

.blog {}



.post {
	width: 591px;
	height: 209px;
	background-image:url('images/blogpost.png');
	margin: 0px;
	text-align: justify;

font-size: 12px;
	}

.post .left {width:190px; padding:15px; float: left; height: 179px;}
.post .right {width:346px; float: left; height: 125px; padding-bottom:60px; padding-top:24px; padding-right:25px;}
.post .right a {color:#0084D7;}

.post h2 a {font-size:18px; color:#0084D7; font-family: 'MidoMedium'; font-weight:normal;}

#page {
	background-color: red;
	border: 1px solid #959596;
	text-align: left;
	}


#home-hello {width:163px; height:43px; background-color:#00cc33; color:#FFF; font-size:40px; float:right; margin-right:25px; padding: 5px; text-shadow: 0px 1px 0px #006600; position:relative; z-index:2; text-transform:uppercase;}

#home-content {width:293px; height:207px; background-image:url('images/home-main.png'); background-repeat:no-repeat; float:right; padding:15px 15px 30px 45px; font-size:12px; text-align:left;}

a #home-new {color:#000;}
a:link #home-new {color:#000;}
a:hover #home-new {color:#000;} 
a:visited #home-new {color:#000;}

#home-new {width: 120px; height:100px; background-color:#FFFF00; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; float:right; margin-top:-100px; margin-right:330px; -webkit-box-shadow:3px 2px 4px #333333; -moz-box-shadow:3px 2px 4px #333333; box-shadow:3px 2px 4px #333333; padding: 30px 20px 30px 20px; font-size:11px;

display:block;

-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;

-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);

-o-transition-property: -o-transform; 
-webkit-transition-property: -webkit-transform; 
transition-property: transform;
    		    
-o-transition-duration: .5s;
-webkit-transition-duration: .5s;
transition-duration: .5s;
                
-o-transition-delay: 0s 0s 0s;
-webkit-transition-delay: 0s 0s 0s;
transition-delay: 0s, 0s, 0s;

 }

#home-new:hover {

-webkit-transform:rotate(-10deg) scale(1.1);
-moz-transform:rotate(-10deg) scale(1.1);
-o-transform:rotate(-10deg) scale(1.1);
transform:rotate(-10deg) scale(1.1);

 }

#home-new span {display:block; font-size:20px;}

#page-content {width:599px; height:449px; padding:15px; background-image:url('images/page-main.png');}

#post-content {width:599px; padding:15px; background:url('images/page-main.png') repeat-y; font-size:12px; text-align:left;}

#post-content a {color:#0084D7;}
#post-content a:link {color:#0084D7;}
#post-content a:visited {color:#0084D7;}
#post-content a:hover {color:#00CC33;}


#page-title {width: 290px; min-height:24px; background-color:#00CC33; color:#FFF; font-size:18px; margin-left:35px; padding: 3px; padding-left: 15px; margin-top:-150px; padding-top:10px; position:relative; z-index:2; text-align:left;}

#page-info {width:400px; height:87px; background-image:url('images/page-info.png'); float:right; margin-right:30px; padding: 10px 20px 10px 12px; font-size:12px; text-align:left; margin-top:14px; background-position:bottom left;}

#page-info p:first-child {margin-top:0px;}
#page-info p:last-child {margin-bottom:0px;}

#me-content {width:501px; height:445px; background-image:url('images/me-main.png'); background-repeat:no-repeat; float:right; padding:50px 15px 30px 75px; font-size:12px; text-align:left; margin-top:-140px;}

#me-fact {width: 120px; height:100px; background-color:#FFFF00; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; float:right; margin-top:-100px; margin-right:30px; -webkit-box-shadow:3px 2px 4px #333333; -moz-box-shadow:3px 2px 4px #333333; box-shadow:3px 2px 4px #333333; padding: 30px 20px 30px 20px; font-size:11px;

margin-top:10px;
display:block;

-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;

-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);

-o-transition-property: -o-transform; 
-webkit-transition-property: -webkit-transform; 
transition-property: transform;
    		    
-o-transition-duration: .5s;
-webkit-transition-duration: .5s;
transition-duration: .5s;
                
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;

position:relative; z-index:300;
 }



#me-fact span {display:block; font-size:20px;}

.me-details {color:#0084D7; font-size:14px;}
.me-details span {text-transform:uppercase; color:#000;}

.me-details a {color:#0084D7;}
.me-details a:hover {color:#0084D7;}
.me-details a:link {color:#0084D7;}
.me-details a:visited {color:#0084D7;}

.me-title {color:#00CC33; margin-top:50px; font-size:20px; margin-bottom:20px;}

#me-photo {width:214px; height:247px; background-image:url('images/itamar-photo.jpg'); float:right; margin-right: 550px; margin-top:-500px;

-webkit-box-shadow:3px 2px 4px #333333;
-moz-box-shadow:3px 2px 4px #333333;
box-shadow:3px 2px 4px #333333;

-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;

-webkit-transform:rotate(-4deg);
-moz-transform:rotate(-4deg);
-o-transform:rotate(-4deg);
transform:rotate(-4deg);


-o-transition-property: -o-transform; 
-webkit-transition-property: -webkit-transform; 
transition-property: transform;
    		    
-o-transition-duration: .5s;
-webkit-transition-duration: .5s;
transition-duration: .5s;
                
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

#me-photo:hover{

-webkit-transform:rotate(-5deg) scale(1.04);
-moz-transform:rotate(-5deg) scale(1.04);
-o-transform:rotate(-5deg) scale(1.04);
transform:rotate(-5deg) scale(1.04);

}

#error {width: 180px; height:160px; background-color:#FF0000; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; margin-top:-100px; margin-right:30px; -webkit-box-shadow:3px 2px 4px #333333; -moz-box-shadow:3px 2px 4px #333333; box-shadow:3px 2px 4px #333333; padding: 30px 20px 30px 20px; font-size:18px; color:#FFF;

margin-top:10px;
display:block;

-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;

-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);

-o-transition-property: -o-transform; 
-webkit-transition-property: -webkit-transform; 
transition-property: transform;
    		    
-o-transition-duration: .5s;
-webkit-transition-duration: .5s;
transition-duration: .5s;
                
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;

position:relative; z-index:300;
 }




small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}



#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}



h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}



.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}


#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



#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 */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	display:none;
	}
#menu-tab {display: none;}
#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}



.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 0px;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */





#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:450px;
		overflow:hidden; 
		}
	span#prevBtn{width:12px; height:23px; float:left; margin-top:-425px; margin-left:25px; position:relative; z-index:200;}
	span#nextBtn{width:12px; height:23px; float:right; margin-top:-425px;margin-right:25px; position:relative; z-index:200;}	

#info {width: 77px; height:52px; background:url(images/info.png); position:absolute; left:940px; top:500px; z-index:-20;}
#info2 {width: 50px; height:40px; position:absolute; left:970px; top:504px; z-index:10; cursor:pointer;}

#moreinfo h1 {font-family: MidoMedium, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333; font-size:24px; font-weight:normal; padding-top:0px; margin-top:-10px; 
	text-align: left; border-bottom:1px solid #FF0033; padding-left:20px; padding-right:20px; margin-bottom:10px;}

#moreinfo h2 {font-family: MidoMedium, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333; font-size:18px; font-weight:normal; padding-top:5px; 
	text-align: left; border-bottom:1px solid #00CCFF; padding-left:20px; padding-right:20px;}

#moreinfo h3 {font-family: MidoMedium, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333; font-size:14px; font-weight:normal; padding-top:0px; 
	text-align: left; padding-left:20px; padding-right:25px;}

#moreinfo h3 a{color: #3366ff;}
#moreinfo h3 a:hover {color: #00cc33;}

#moreinfo {width:558px; height:419px; background:url(images/moreinfo.png); position:absolute; top:101px; z-index:200; left:324px; display:none; padding:60px; text-align:left;}

#x {width:20px; height:20px; background:url(images/x4-s.png); float:right; cursor:pointer;}
#x:hover {background:url(images/x3-s.png);}