/*

THEME NAME: Ideon

THEME URI: http://www.plaintxt.org/themes/sandbox/

DESCRIPTION: Custom sandbox theme for clickideon.com

VERSION: 1

AUTHOR: <a href="http://objectivesubject.com/">ObjectiveSubject</a> &amp; <a href="http://www.madeofpeople.org/">Thiago deMello Bueno</a>

AUTHOR URI:

TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer

Template: sandbox

*/



/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img { border:none; }
a:active, input:active
{
outline: none;
border: none;
}

a:focus, input:focus
{
-moz-outline-style: none;
border: none;
}


html, body{ height: 100% }

body {
	background:#fff;
	font-size:12px;
	color:#666;
	font-family:Tahoma, Verdana, Sans-serif;
}

html{
	overflow-y:auto;
	overflow-x:hidden;
}

* html { 
	overflow: hidden;
}


* html body{
	overflow:hidden;
}

#container{
	height: 100%;
} 

* html body #container{
	overflow-y:auto;
}



h1, h2, h3, h4{

	font-weight: bold;

	margin:0;

}



h1 {

	font-size:6em;

	line-height:1;

}



h2 { font-size:6em; }



h3 {

	width:500px;

	color:#aaa;

	/* flir doesnt do lineheight, its important to keep entry titles to one line */

	font-size:3em;

	line-height:1;

	margin-bottom:14px;

	text-transform: uppercase;

}



h3.lessPadding{

	margin-bottom:7px;

	text-transform: uppercase;

}



h4 {

	width:500px;

	color:#ccc;

	font-size:3em;

	line-height:1;

	margin-bottom:14px;

	text-transform: uppercase;

}

h6, .mousetype{

	font-size: 11px;

	color: #DDDDDD;

	font-weight: bold;

}



p {	margin:0 0 1.5em 0; }

p img.left {

	float:left;margin:1.5em 1.5em 1.5em 0;

	padding:0;

}

p img.right {

	float:right;

	margin:1.5em 0 1.5em 1.5em;

}

:focus

{

  -moz-outline-style: none;

}

a:focus{ border: none; }

a:focus, a:hover { color:#000; }

a {
	color: #666;
	text-decoration:underline;
}
.entry-title a{
	color:#aaa;
}
.entry-title a:hover, .entry-title a:active{
	color:#666;
}
blockquote {

	margin:1.5em;

	font-style:italic;

}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

sup, sub {line-height:0;}

address { font-size: 10px; }

ul {list-style-type:disc;}

ol {list-style-type:decimal;}



.clear { clear:both; }





/* blocks */

#wrapper{

	min-width: 555px;

	width: auto!important;

	width:auto;

	min-height: 100%;

	height: auto!important;

	height:100%;

	margin-left: 49%;

	background: url( images/horizontalgradient.png) repeat-y;

}

* html #wrapper{

	height: 100%;

  	overflow: auto;

}

#shim{ clear:both; }



#content{ 

	min-width: 555px;

	width: auto!important;

	width:auto;

	height: auto;

}



/* nav */



#nav{

	position: fixed;

	z-index: 4;

	min-width: 500px;

	width: 49% !important;

	width:49%;

	top:20%;

	left:0;

}

* html #nav {

	position:absolute;

}



#nav ul{
	width: 363px;
	margin:0 17% 0 auto;	
	list-style:none;
	color:#ddd;
	font-weight: bold;
	/* ie 7 adds 2px to each margin for some reason so we set the font-size to 1px*/
	font-size:1px;	
}



#nav ul li{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	height: 56px;
	width: 363px;
	/* ie 7 adds 2px to each margin for some reason so we set the font-size to 1px in the definition for ul#nav, now we need to set it back*/
	font-size:1em;
	cursor: pointer;
}



#nav ul li a{
	display:block;
	text-transform: uppercase;
	text-decoration: none;
	color:#ddd;
	height: 56px;
	width: 363px;
}



#nav ul li a span{ display:none; }

	

#nav ul li#ideonhome a{	background: url( images/ideon.gif ) no-repeat; }



#nav ul li#ideonhome a:hover,

#nav ul li#ideonhome a.active{ background: url( images/ideon.gif ) bottom left no-repeat; }



#nav ul li#info a{ background: url( images/nav_info.gif ) no-repeat; }



#nav ul li#info a:hover,

#nav ul li#info a.active{ background: url( images/nav_info.gif ) bottom left no-repeat; }



#nav ul li#work a{ background: url( images/nav_work.gif ) no-repeat; }



#nav ul li#work a:hover,

#nav ul li#work a.active{ background: url( images/nav_work.gif ) bottom left no-repeat; }



#nav ul li#idealog a{ background: url( images/nav_idealog.gif ) no-repeat; }



#nav ul li#idealog a:hover,

#nav ul li#idealog a.active{ background: url( images/nav_idealog.gif ) bottom left no-repeat; }



/* titleNav */

#titleNav{
	position: fixed;
	min-width: 1000px;
	width: 100%;
	top:33px;
	z-index:7;
	padding:0;
	list-style: none;
	color: #9F9EA3;
	font-size:.9em;
	left:0;
}

#footerNav{
	position: fixed;
	min-width: 1000px;
	width: 100%;
	bottom:33px;
	z-index:7;
	padding:0;
	list-style: none;
	color: #9F9EA3;
	font-size:.9em;
	left:0;
}
#footerNav{
	display: none;
}

* html #titleNav, *html #footerNav{
	position:absolute;
	width: auto;
}

body.iphone #footerNav ul{
	margin-left: 7%;
	width: 200px;
}


#titleNav ul{
	width: 555px;
	margin-left: 49%;
}

#footerNav ul{
	width: 555px;
	margin-left: 49%;
	filter: alpha(opacity=50); /* MSIE/PC */
	-moz-opacity: 0.5; /* Mozilla 1.6 and older */
	opacity: .5;
	-webkit-transition: all 250ms linear;
}

#footerNav:hover ul{
	filter: alpha(opacity=100); /* MSIE/PC */
	-moz-opacity: 1; /* Mozilla 1.6 and older */
	opacity: 1;
}



#titleNav li, #footerNav li{

	display:block;

	float:left;

	margin:0 5px 0 0;

	padding:0;

}



#titleNav li a, #footerNav li a{

	display: block;

	float:left;

	padding:1px 3px;

	color: #999;

	font-weight: bold;

	text-decoration:none;

	white-space: nowrap;

	text-transform:uppercase;
	-webkit-transition: all 250ms linear;

}



#titleNav li a:hover, #footerNav li a:hover{

	background: #666;

	color:#fff;

}



/* posts */



#content .page{
	width:500px;
}



.post{ 
	width:500px;
	margin:4em 0 0 0; 
}

.page p{
	margin-bottom:14px;
}

.page p + h4, .page p + h3, .page div + h3{
	margin-top:46px;
}

h4 + h3{
	margin-top: -7px; 
}

.page:first-child, .post:first-child{ 
	margin-top:0; 
}

#wp-footer{ clear:both; }

.maillink{
	color:#666!important;
	text-decoration:none;
}



.copyright{	font-size: 9px; }



#content img.size-thumbnail,
#content img.size-full { margin: 0 0 26px 0; }



#content img.size-thumbnail{
	height: 200px;
}



#content .page ul,

.post ul{
	list-style:none;
	margin:0;
	padding: 0;
}



#content .page ul li,

.post ul li{
	margin:0 0 1.5em 0;
	padding: 0;
}



#content em{
	font-style: normal;
	color: #0af;
}

body.single #post{
	margin-bottom: 100px;
}

/* blinds */

#topBlind,
#bottomBlind{
	position: fixed;
	min-width: 1000px;
	width:100%;
	left:0;
}

* html #topBlind,
* html #bottomBlind{
	width: auto;
	position:absolute;
}



#topBlind{
	z-index: 5;
	top: 0px;
}



#topBlind .fade,
#bottomBlind .fade{
	width: 555px;
	margin-left: 49%;
}





#topBlind .fade{
	background: url( images/blindTop.png );
	height: 52px;
}



#bottomBlind{
	z-index: 6;
	bottom: 0px;
}



#bottomBlind .fade{
	background: url( images/blindBottom.png );
	height: 52px;
}



#bottomBlind .gradientShim,
#topBlind .gradientShim{
	background: url( images/gradientshim.png ) repeat-y;
	margin-left: 49%;
	width:555px;
}


/* add ons */

h5.accordion, em.accordion{
	cursor: pointer;
	color: #9FE210!important;
	font-size:.9em;
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
}


h5.accordion:hover, em.accordion:hover{
	color: #0af!important;
}


.collapse {
	margin-bottom: 10px;
}



#footerNav #rss{
	display: block;
	margin-top: 38px;
	padding-left: 20px;
	background: url( images/rss.png ) no-repeat left top;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1en;
}

#fnav #rss{
	display: block;
	height: 30px;
	margin-top: 38px;
	padding-left: 25px;
	background: url( images/rssfollow.png ) no-repeat left top;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1en;
}
#fnav #rss a{
	margin-top: 10px;
}

body.category-work #rss{
	display: none;
}

.entry-meta{
	clear: both;
}

.home a.maillink{
	color:#666!important;
	text-decoration:none;
}

#flipper{
	position: relative;
}

.page-template-flipper-php .post{
	visibility: hidden;
}
.page-template-flipper-php #tagline{
	visibility: visible;
		position: absolute;
	top: 0;
	left: 0;
	width: 560px;
background: #fff url(http://clickideon.com/wp-content/themes/ideon/images/horizontalgradient.png) repeat-y;
	z-index: 100;
}

.page-template-flipper-php .post{ margin-top:0; }

a.readmore{ text-transform: uppercase; font-weight: bold; font-size: 10px; text-decoration: none;}



/* FORMS */

form, form p{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin: 6px 0;
}
.wp-email form{
	display: block;
	float: left;
	clear: both;
}
form p em{
	display: block;
	position: relative;
	height: 0;
	clear: both;
	float: left;
	padding: 0;
	overflow: hidden;
	-webkit-transition: all 350ms ease-out;
}
form p:hover em{
	height: 17px;
	padding: 5px 0;
}
form p img{
	position: absolute;
	top: 7px;
	left: 370px;
}
input, textarea, .submit, input.Button{
	font-family:Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	color: #666!important;
}
input:focus, textarea:focus, .submit:focus, input.Button:focus{
	color: #000!important;
}
input{
	padding: 10px 10px 0 10px;
	margin: 0 0 0 160px;
	border: none;
	height: 22px;
	width: 250px;
	clear: right;
	float: left;
	background: #FFF url( images/input_bg.png) no-repeat;
}
body.firefox input{
	padding: 0 10px 0 10px;
	height: 32px;
}

textarea{
	padding: 7px 12px 0 8px;
	margin: 30px 0 10px 0;
	width: 410px;
	border: none;
	height: 90px;
	float: left;
	clear: both;
	background: #FFF url( images/input_bg.png) no-repeat;
}
label, #wp-email-required{
	display: block;
	position: absolute;
	top: 9px;
	font-weight: bold;
	letter-spacing: .2ex;
	font-size:10px;
	text-transform: uppercase;
}
.wp-email label, span#wp-email-required{
	left: 0;
}
.checklist li{
	padding: 0;
}
.submit, input.Button, input.button{
	background: url('images/button_bg.png') no-repeat bottom right;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size:10px;
	letter-spacing: .2ex;
	padding: 0 2px 2px 0;
	width: 82px;
	margin-left: 350px;
	height: 30px;
}
input.Button, input.button{
	height: 34px;
}
.submit:hover, input.Button:hover, input.button:active{
}
.submit:active, input.Button:active, input.button:active{
	background: #fff url('images/input_bg.png') no-repeat top left;
	padding: 2px 0 0 2px;
}

#searchform-404 input{
	margin: 0;
}

h6{
	font-size:10px;
	font-weight: normal;
	color: #0af;
	letter-spacing: .2ex;
	text-transform: uppercase;
	margin: 20px 0 12px 0;
}

form p.disclaimer{
	width: 435px;
	margin-top: 10px;
}
form span.mousetype{
}

/* sociable and wpemail css */

div.sociable, .wpemail{
	// display: none!important;
}
div.sociable, .wpemail{
	display: block!important;
}
.sociable, .wpemail{
	float: left;
	margin: 0 0 54px 0;
	opacity: .5;
}
.post .sociable, .post .wpemail{
	-webkit-transition: all 350ms ease-out;
}
.post:hover .sociable, .post:hover .wpemail{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable li a img, .wpemail img{
	float: none;
	border: 0;
	margin: 0;
	padding: 0;
	background: #AAAAAA;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 350ms ease-out;
}
.wpemail img{
	margin-right: 5px;
}
.sociable li a img:hover, .wpemail a img:hover{
	background: #57BCEB;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable li a img:active{
	background: #57BCEB;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}

span.sociable_tagline { display: none; }
span.sociable_tagline span { display: none; }

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }


/* new footer */
#fnav, #newsletter{
	display: none;
}
#fnav:after, #newsletter:after, #wp-email-content:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#fnav, #newsletter{
	display: block;
	clear: both;
	margin: 60px 0 0 0;
	border-top: #EAEBEB 4px solid;
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}
#newsletter form{
	width: 500px;
	margin-top: 10px;
}
#newsletter input{
	margin: 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size:10px;
	letter-spacing: .2ex;
	width:320px;
}
#newsletter input.button{
	margin-right: 10px;
	margin-left: 10px;
	height: 34px;
	width: 82px;
}
#newsletter #mce-responses{
	clear: both;
	padding-top: 5px;
}
img.simpleicon{
	display: block;
	float: left;
	margin: -4px 4px -2px 0;
}
#fnav #rss{
padding-top: 5px;
margin-top: 0; 
}
img.WP-EmailIcon{
	display: none;
}
img.WP-EmailIcon{
	display: inline;
}

.wp-email-loading{
	float: left;
	clear: both;
	margin: 5px 0;
}