/*
	Theme Name: Shutter
	Theme URI: http://thehappybit.com
	Description: WordPress Shutter theme made by THB
	Version: 1.1
	Author: The Happy Bit
	Author URI: http://thehappybit.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: black, white, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, custom-menu

	================================================================================================
	PLEASE DO NOT EDIT THIS FILE!
	================================================================================================

	reset.css       => main reset file
	framework.css   => main framework
	layout.css      => theme stylesheet

	Plugins & Extra
	prettyPhoto.css => Pretty Photo stylesheet
	tipTip.css      => tipTip jquery plugin
*/
.background_overlay { background-image: url(../images/background_diagonal_2.png); }

#title{
	font-size:60px;
	color: #FFF;
}
#foot{
	-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;

}
#switcher {
		background: #fff;
		color: #333;
		font: normal 12px/1.5 Helvetica, Arial, sans-serif;
		padding: 20px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;

		position: fixed;
		top: 40px;
		left: -341px;
		width: 300px;
		z-index: 999999;
		box-shadow: 0 2px 0 rgba(0,0,0,.10);

		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;

	}

	#switcher.open {
		left: 0;
	}

	#switcher .handle {
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;

		height: 32px;
		width: 33px;
		padding: 5px;
		display: block;
		cursor: pointer;
		position:absolute;
		right: -44px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #fff url(http://andreagandino.com/themes/shutter/wp-content/themes/shutter11/switcher/images/colorwheel.png) 6px center no-repeat;
		box-shadow: 0 2px 0 rgba(0,0,0,.10);
	}

	#switcher div {
		clear: both;
	}

	#switcher p {
		color: #888;
		margin-bottom: 1.5em;
	}
	
	#switcher p strong {
		font-weight: bold;
		color: #222;
	}

	#switcher h1 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 12px;
	}

	#switcher h2 {
		font-weight: bold;
		margin: 24px 0 12px 0;
		border-bottom: 1px solid #ddd;
	}
	
	#switcher label {
		float: left;
		width: 60px;
		color: #888;
		margin-top: 3px;
	}
	
	#switcher .swrow {
		clear: both;
		display: block;
		margin-bottom: 8px;
	}

	#switcher input {
		display: none;
	}

	#switcher #applyChanges {
		font-family: inherit;
		font-weight: bold;
		background: #eee;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 4px 10px;
		margin-top: 20px;
		margin-left: 60px;
		cursor: pointer;
		color: #666;
		float: left;
		text-shadow: 1px solid #fff;
		box-shadow: inset 0 -3px 5px rgba(0,0,0,.1);
	}

	#switcher #applyChanges:hover {
		background: #f7f7f7;
		color: #666;
	}

	#switcher #applyChanges:active {
		background: #ddd;
		color: #888;
		text-shadow: -1px solid #333;
		box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
		padding-top: 5px;
		padding-bottom: 3px;
	}

	#switcher #loader {
		margin-top: 26px;
		margin-left: 10px;
		float: left;
		display: none;
	}
	#opacity{
		opacity:0.4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	
	}
	#header{
	opacity:0.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	}
	#middle{
	opacity:0.4;
	background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
		
	}
	#contact{
		color:#FFF;
		font-size:12px;
	}
	.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 0 /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}