/*
Theme Name: FuzzyClean
Theme URI: http://fuzzytolerance.info
Description: Based on Starkers, clean layout
Version: 1 (WP2.9.1)
Author: Tobin Bradley
Author http://fuzzytolerance.info
Tags: fuzzy tolerance, clean
*/

/*
Color Theme 

White		#ffffff
very light grey	#efefed
Light grey	#dfdfdf
grey		#9a9a9a
dark grey		#5e5e5e
black		#222222
fusia 	#E20074
cyan		#00B7EB

*/


/* RESET and DEFAULTS */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a img { border:none }


/* some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
h1, h2, h3, h5, h5, h6 { font-weight:bold }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear { clear: both; }
div { position:relative }
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* br class to clear floats */

/* ----------------------------------------- */


/* FONTS */
/* ----------------------------------------- */

.fonteffect {
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	-moz-transition-property: opacity, text-shadow, color;
	-moz-transition-duration: 2s, 2s, 2s; 
	transition-property: opacity, text-shadow, color;
	transition-duration: 2s, 2s, 2s;
	color:#5e5e5e;

}
.fonteffect:hover {
	color:#00B7EB;
}

.fonteffect2 {
	-webkit-transition-property: color;
	-webkit-transition-duration: 4s; 
	-moz-transition-property: color;
	-moz-transition-duration: 4s; 
	transition-property: color;
	transition-duration: 4s;
}
.fonteffect2:hover {
	color:#E20074;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive.eot');
	src: local('ChunkFive'),
	    url('fonts/Chunkfive.woff') format('woff'),
	    url('fonts/Chunkfive.ttf') format('truetype'),
	    url('fonts/Chunkfive.svg#ChunkFive') format('svg');
}


/* ----------------------------------------- */


/* LAYOUT */
/* ----------------------------------------- */

#page-wrap { 
	width: 960px;  
	background: #ffffff url(img/compass.png) 580px 60px no-repeat ; 
	padding: 0 20px 0 20px; 
}
#page-head { height: 290px; overflow: hidden; }
#nav-menu { height: 60px; }
#left-col { width: 700px; }
#sidebar {width: 220px; margin-top: 55px}
#footer { padding-top: 50px; text-align: center; font-size: 12px}

/* ----------------------------------------- */


/* MAIN ELEMENT STYLINGS */
/* ----------------------------------------- */
body { 
	color: #222222; 
	font-family:  Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	font-variant: normal; 
	background: #fff;
}
a { text-decoration: none; color:#007b9e; }
a:visited { color:#007b9e; }
a:hover { text-decoration: underline; color:#007b9e;}
ol li { list-style-type: decimal;   }
ul li { list-style-type: disc; }


/* ----------------------------------------- */


/* HEAD */
/* ----------------------------------------- */

/* page navigation */
#nav-menu {margin: 0; }
ul.menu li { 
	display: inline; 
	list-style-type: none; 
	text-transform:lowercase; 
	font-size: 14px; 
}
ul.menu li a {
	padding: 8px 0 5px 0; 
    	width: 100px; 
	height: 20px; 
	background: #DFDFDF; 
	float: left; 
	border-radius: 0 0 5px 5px; 
	-webkit-border-radius: 0 0 5px 5px; 
	-moz-border-radius: 0 0 5px 5px;
	margin-right: 4px; 
	text-align: center; 
	text-decoration: none; 
	-webkit-box-shadow: 1px 1px 3px #ccc; 
	-moz-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
}
ul.menu a, ul.menu a:visited { color: #999; }

/* header text */
#intro-text {   font-family: ChunkFiveRegular, serif;  margin: 40px 0 30px 20px;   line-height: 50px; }
#intro-fuzzy { font-size: 150px; text-shadow: 2px 8px #b5c1b8, -1px -1px #fff; -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg); color: #00B7EB }
#intro-tolerance { font-size: 80px; text-shadow: 2px 4px #b5c1b8, -1px -1px #fff; }
#intro-text a { text-decoration: none; }
#intro-text a:hover { text-decoration: none; }
#intro-summary { width: 375px;  font-family: 'Yanone Kaffeesatz', serif; font-size: 30px; text-shadow: 1px 1px #b5c1b8, -1px -1px #fff; color:#5e5e5e;}


/* moving image */
#cloud {
     position: relative;
     top: 15px;
     left: 0;
     width: 299px;
     height: 173px;
	background: transparent url(img/cloud.png) no-repeat scroll 0 0;
}

/* ----------------------------------------- */


/* WORDPRESS STUFF */
/* ----------------------------------------- */

/* Wordpress post settings */
.wp-caption p.wp-caption-text { font-size: 11px; font-style: italic; text-align: center;
   padding: 0 4px 5px; }

.post { margin-bottom: 100px;}
 { margin:0 0 4px 0;  }
.post h2, .post h2 a, .post h2 a:visited, #single h2 { font-size:27px; color: #6c6c6c; font-weight: bold; font-family: 'Yanone Kaffeesatz', arial, serif;}
.post h2:hover, .post h2 a:hover { text-decoration:none; color:#00B7EB;}

.post-content { margin-bottom: 20px; width: 620px; }
.post-content p, .post p { margin:0 0 1em 0; line-height:140%;  }
.post-content ul li, .post ul li { margin-left: 40px; }
.post-content ul, .post ul { margin: 10px 0 10px 0;  }

.post img, .post a img, .wp-caption img {  padding:0 7px 0 7px; margin:0; }
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }

.post-category { background:url(img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; font-size: 12px; }
.post-comment { background:url(img/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; font-size: 12px; }
.post-date{ display: inline; padding: 5px; margin:0 8px 8px 0; background: #9a9a9a; color: #efefed; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 5px; -webkit-box-shadow: #ccc 3px 3px 5px; -moz-box-shadow: 3px 3px 5px #ccc ; }

blockquote {
	background:#efefed url(img/blockquote.png) 3px 3px no-repeat;
	padding:4px 12px 0 40px;
	margin: 20px ;
	word-wrap:break-word;
	overflow:hidden;
	font-style:italic;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 5px #ccc;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
}
.post blockquote p { margin-bottom: 5px; }


/* Wordpress Sidebar */
.sidebar h2{ padding-top:10px }    
.sidebar ul { margin:0; }
.sidebar ul ul{ padding:0 0 0 6px; }
.sidebar li { padding:2px; list-style:none; }
.sidebar li li li { padding:2px 2px 2px 6px; list-style:circle inside; }
.sidebar .sidebar-icons img { 
	height: 64px; width: 64px; 
	-webkit-transform: rotate(0deg); 
	-webkit-transition: -webkit-transform 1s ease-in;
	-moz-transform: rotate(0deg); 
	transform: rotate(0deg);
	}
.sidebar .sidebar-icons img:hover { 
	-webkit-transform: rotate(10deg); 
	-webkit-transition: -webkit-transform 1s ease-in;
	-moz-transform: rotate(10deg); 
	transform: rotate(10deg);
}
.sidebar-quote { margin-bottom: 20px; font-size: 14px; color:#5e5e5e; font-style: italic;  }


/* Wordpress search results */
.search_header {font-size: 32px; }
.search_posts h3 {font-size: 20px;}
.search_posts { margin-bottom: 20px; }

/* Wordpress form and comments */

input, select, textarea {
    padding: 1px 2px 1px 2px;
    border: 1px solid #999;
    border-style:solid;
    border-radius:4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[type="submit"] { 
	border: 1px solid #999; 
	background: white; 
	padding: 2px ; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	color: #272727
}
input[type="submit"]:hover { background: #9a9a9a; color: white; }


fieldset{
    border:1px solid;
    padding: 8px
}
textarea {width: 98%}

#comments, #respond { font-size: 18px; margin: 10px 0; }
#respond { margin:20px 0 4px;  }

#commentform {
    margin: 5px 10px 0 0
}
#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0
}
#commentform textarea {
    width: 100%;
    margin: 5px 5px 1px 0
}
#commentform #submit {
    cursor:pointer
}
#commentform p {
    margin: 5px 0
}
#commentform p.submit {
    margin: 5px 0 0 0;
	text-align:right;
}
.comment-body p {
	 margin: 10px 0;
}
.commentlist .comment { margin-bottom: 20px; }
.comment-author .avatar { float: left; padding-right: 10px; }


/* Wordpress page navigation */
.navigation {
    font-size:12px;
}
.navigation div a{
    display:block;
    width:auto;
    height:32px;
    margin:0 20px
}
.navigation div.clear{
    height:0;
}