/*
Theme Name: Futureface
Theme URI: http://www.computerfinearts.com/collection/walczak/futureface
Description: based on thoughtmechanics
Version: 1.0
Author: Marek Walczak
Author URI: http://mw2mw.com/ 
*/

body {
  background: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  text-align:left;
  color:#666;
  font-size: 9pt;
  margin:  0;
  padding: 0;
  text-align: center;
}

.cite {
  font-size: 8pt;
}

code {
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#9F6204;
  font-size: 8pt;
}

#wrapper {
  width: 772px;
  margin: auto;
  background-color: #FFF;
} 

.left {
  float: left;
  margin: 0 10px 0 0;
  padding:0;
  font-size: 8pt;
}

.right {
  float: right;
  margin: 0 0 0 10px;
  padding:0;
  font-size: 8pt;
}

#masthead {
  position: relative;
  background: url('http://computerfinearts.com/collection/walczak/futureface/wp/wp-content/themes/futureface/images/ff.gif');
  background-repeat: no-repeat;
  background-color: #FFF;
  margin: 0;
  text-align: justify;
}

#masthead ul.cosmos {
	margin: 25px 0 5px 0;
	padding: 0;
	list-style: none;
	font-size: 140%;
}

#masthead li.cosmos {
	display: inline;
	padding: 0;
	margin: 0;

}

#masthead a {
border:0;
}

#masthead a:hover {
border: 1px solid orange;
}
		
#masthead li.keyword1 { font-size: 0.7em; }
#masthead li.keyword2 { font-size: 0.9em; }
#masthead li.keyword3 { font-size: 1.0em; }
#masthead li.keyword4 { font-size: 1.1em; }
#masthead li.keyword5 { font-size: 1.2em; }
#masthead li.keyword6 { font-size: 1.3em; }
#masthead li.keyword7 { font-size: 1.4em; }
#masthead li.keyword8 { font-size: 1.5em; }
#masthead li.keyword9 { font-size: 1.6em; }
#masthead li.keyword10 { font-size: 1.7em; }
#masthead li.keyword11 { font-size: 1.8em; }
#mastheadli.keyword12 { font-size: 1.9em; }
#masthead li.keyword13 { font-size: 2.0em; }

#masthead li.keyword14 { font-size: 2.1em; }
#masthead li.keyword15 { font-size: 2.2em; }

#insideWrapper {
  position: relative;
  width: 772px;
  margin: auto;
  background-color: #FFF;
  text-align: justify;
} 

#footer {
  font-size: 7pt;
  position: relative;
  margin: 0 120px 0 120px;
  padding: 0;
  text-align: left;
}

#navLinks {
  position: left;
  width: 300px;
  height: 22px;
  margin: 10px 0 0 120px;
  padding: 0;
}

#navHome, #navSearch, #navContact, #navAbout {
 float: left;
 padding: 0;
 margin: 0 0 0 5px;

}

#navHome a, #navSearch a, #navContact a, #navAbout a {
 display: block;
 width: 35px;
 height: 22px;
}

#navHome a { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/home.gif) 0 0; }
#navHome a:hover { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/home.gif) 0 -22px; }

#navSearch a { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/search.gif) 0 0; }
#navSearch a:hover { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/search.gif) 0 -22px; }

#navContact a { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/contact.gif) 0 0; }
#navContact a:hover { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/contact.gif) 0 -22px; }

#navAbout a { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/about.gif) 0 0; }
#navAbout a:hover { background: url(http://computerfinearts.com/collection/walczak/futureface/wp/wp-images/about.gif) 0 -22px; }

.commentPos2 {
 float: left;
 text-align: left;
 font-size: 8pt;
 margin: 0px;
 padding: 0px;
}

.commentPos {
 text-align: right;
 font-size: 8pt;
 float: right;
 margin: 0px;
 padding: 0px;
}

.post {
  margin: 15px 120px 5px 120px;
  background-color: #F0F2F2;
  text-align: justify;
  border: 1px solid #CCC;
  padding: 5px 10px 5px 10px;
}

.post2 {
  margin: 15px 0 5px 120px;
  background-color: #FFF;
  text-align: left;
  border: 0;
  padding: 5px 0 5px 0;
}

.commentBox {
  width: 80%; 

  background-color: #f5f5f5; 
  text-align: left; 
  border: 1px solid #999; 
  padding: 5px;
}


input {
  border: 1px solid #333;
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
  padding: 0px;
}

.scroller {
	margin: 0px;
	padding: 0px;
	overflow: scroll;
	height: 405px;
	width: 512px;
}

img {border: 0; padding: 0; margin:0; }

p img { padding: 0; margin:0; max-width: 100%; }

img.right { padding: 0; margin: 0 0 0 10px; display: inline; }
img.left { padding: 0; margin: 0 10px 0 0; display: inline; }


h2 {
  color: #666;
  font-size: 9pt;
  text-align: left;
}

li {
  list-style-type: square;
}

li li {
  list-style: none;
  padding: 0;
  background: FFF;

}

blockquote, blockquote p {
  text-indent: 0px;
  margin-bottom: 7px;
  color: #999;
}

.box1 a {
  border: 1px solid white;
  padding: 0;
  margin: 0;
  width: 73px;
  height: 54px;
  float: left;
}

.box1 a:hover {
	border: 1px solid orange;
}

.box2 a {
  border: 0;
  padding: 0 0 0 4px;
  margin: 0;
  width: 103px;
  height: 56px;
  float: left;
}

.box3 a {
  border: 0;
  padding: 0;
  margin: 0;
  width: 75px;
  height: 54px;
  float: left;
}

img { border: 0;}

#navsin  {
  border: 0;
  padding: 0;
  margin: 0;
  width: 635px;
  height: 504px;
  position: center;
}

.footerLink {
  color: #666;
  text-decoration: none;
} 

a.footerLink {
  color: #666;
  text-decoration: none;
}

a.footerLink:visited {
  color: #666;
  text-decoration: none;
}



a.footerLink:hover {
  color: #999;
  text-decoration: none;
}

.title {
  font-weight: bold;
  color: #666;
  font-size: 9pt;
}

a.title {
  color: #666;
}

a.title:visited {
  color: #666;
}

a.title:hover {
  color: #999;
}


a {
  color: #EF9104;
  text-decoration: none;
}

a:visited {
  color: #D48104;
  text-decoration: none;
}



a:hover {
  color: #394651;
  text-decoration: none;
}

.clearfix:after {content: ".";
 display: block;
 height: 0;
 clear: both;

 visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End cl earfix */

/* Print Styles */
@media print {
body { background:white; color:black; margin:0 }
}