/* 
Theme Name: Fogo Island
Theme URI: http://www.artscorpfogoisland.ca/ 
Description: Fogo Island Arts Corp Site Layout. 
Author: Sveinn Davidsson
Author URI: http://keepitcomplicated.com/
Version: 1.0 
. 
Copyrights 2010 Fogo Island Arts Corporation
. 
*/

* { margin: 0px; padding: 0px; border: none; font: bold 13px/21px Helvetica, Arial, sans-serif; text-decoration: none; }
body { margin: 10px; background: #eed; }

#container { width: 900px; margin: auto; }

#head { width: 610px; min-height: 100px; margin-bottom: 20px; padding: 20px 260px 20px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
	#head:hover { background: white; color: #9dcfef; -webkit-box-shadow: #E0E0D1 0px 4px 12px; -moz-box-shadow: #E0E0D1 0px 4px 12px; }
	#head img { margin-bottom: 20px; float: right; padding: 10px; border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#head:hover img { border: 1px solid white; background-color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: #ddd 0px 2px 6px; -moz-box-shadow: #ddd 0px 2px 6px; }
	#name1, #name2 { font-size: 75px; line-height: 65px; letter-spacing: -4px; text-align: right; color: black; text-decoration: none; }
	#head:hover #name1 { color: #f64b55; }
	#head:hover #name2 { color: #00b9e9; }

#content { width: 610px; float: left; margin: 0px 10px 60px 0px; padding: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#content:hover { background: white; -webkit-box-shadow: #E0E0D1 0px 4px 12px; -moz-box-shadow: #E0E0D1 0px 4px 12px; }
	#content:hover a, #content:hover h1, #content:hover h2, #content:hover h3, #content:hover .time, #content:hover .time a, #content:hover p.wp-caption-text { color: #becf6c; }
	#content:hover a:hover { color: black; }
	.post { margin-bottom: 20px; clear: both; }
	.time { float: right; margin-top: 11px; font-size: 10px; }
	.time a, #content:hover .time a:hover { color: black; font-size: 10px; text-decoration: none; }
	h1, h2, h3 { font-size: 36px; padding-bottom: 5px; margin-bottom: 15px; letter-spacing: -2px; }
	h1, h2 { border-bottom: 1px solid black; }
	h1 { line-height: 32px; }
	#content:hover h1, #content:hover h2 { border-bottom: 1px solid black; }
	h1 { padding-left: 32px; margin-bottom: 25px; padding-top: 2px; background: #eed url(images/arrow-r.png) no-repeat -3px -4px; }
	#content:hover h1 { background: white url(images/arrow-r-h.png) no-repeat -3px -4px; }
	h2 { text-align: right; padding-top: 40px; margin-bottom: 25px; background: url(images/arrow-r.png) no-repeat -3px 36px; }
	#content:hover h2 { background: url(images/arrow-r-h.png) no-repeat -3px 36px; }
	h3 { font-size: 24px; text-align: right; letter-spacing: -1px; padding: 0px 26px 5px 0px; background: url(images/arrow-d.png) no-repeat right -1px; }
	#content:hover h3 { background: url(images/arrow-d-h.png) no-repeat right -1px; }
	h4 { font-size: 16px; text-align: right; color: black; }
	#content p { text-align: justify; font-weight: normal; padding-bottom: 21px; }
	#content p a { color: black; text-decoration: none; }
	.post ul { list-style-type: square; margin: 0px 0px 20px 20px; font-weight: normal; }
	em { font-weight: normal; font-style: italic; }
	.post img { padding: 10px; border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#content:hover .post img { border: 1px solid white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: #ddd 0px 2px 6px; -moz-box-shadow: #ddd 0px 2px 6px; }
	.post .alignleft { float: left; margin: 0px 30px 10px 0px; }
	.post .alignright { float: right; margin: 0px 0px 10px 20px; }
	.post .alignnone { margin-bottom: 10px; }
	.post .size-thumbnail {  }
	#content p.wp-caption-text { font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px 0px 20px 5px; }
	.post .wpcf7 { float: right; width: 290px; }
	.wpcf7 .cf-box { width: 274px; padding: 4px 8px 3px 8px; background: #eed; border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: normal; }
	.wpcf7 input { margin-bottom: 10px; }
	input.cf-submit { padding: 4px 8px 3px 8px; background: black; color: #eed; border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.wpcf7 .wpcf7-response-output, .wpcf7 .wpcf7-not-valid-tip { margin: 0; padding: 4px 8px 3px 8px; }
	.wpcf7 .wpcf7-not-valid-tip { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#content:hover .wpcf7 .cf-box { background: #f9f9f9; border: 1px solid #f9f9f9; }
	#content:hover input.cf-submit { background: #becf6c; border: 1px solid #becf6c; color: white; }
	#content:hover input.cf-submit:hover { background: black; border: 1px solid black; color: white; cursor: pointer; }
	.post li { list-style-type: square; font-weight: normal; }
	.post li a, .post li a:visited { color: black; }

#sidebar { width: 230px; float: left; }
.sidebar { width: 210px; float: right; margin: 0px 0px 20px; 10px; padding: 20px 10px 20px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.sidebar:hover { background: white; -webkit-box-shadow: #E0E0D1 0px 4px 12px; -moz-box-shadow: #E0E0D1 0px 4px 12px; }
	.sidebar:hover a { color: #dd9ebe; }
	.sidebar:hover li:hover a, .sidebar:hover li a:hover { color: black; }
	.sidebar ul { list-style-type: none; }
	.sidebar li { padding-left: 20px; }
	.sidebar li a { font-size: 18px; text-decoration: none; color: black; }
	.sidebar li.current_page_item, .sidebar:hover li.current_page_item:hover { padding-left: 20px; background: url(images/arrow-l.png) no-repeat 0px 2px; }
	.sidebar:hover li.current_page_item { background: url(images/arrow-l-h.png) no-repeat 0px 2px; }
	#search { width: 180px; border: 1px solid black; margin-left: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.sidebar form { background: url(images/search.png) #eed no-repeat 0px 2px; }
	.sidebar:hover form { background: url(images/search.png) white no-repeat 0px 2px; }
	.sidebar input { background: #eed; padding: 0px 3px 0px 3px; }
	.sidebar:hover #search { background: #f6f6f6; border: 1px solid #f6f6f6; }

#foot { width: 190px; padding: 20px; float: right; margin-left: 10px; font-size: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#foot:hover { background: white; -webkit-box-shadow: #E0E0D1 0px 4px 12px; -moz-box-shadow: #E0E0D1 0px 4px 12px; }
	#foot p { font-size: 10px; clear: left; }
	#foot a { font-size: 10px; color: black; text-decoration: none; }
	#foot:hover a { color: #e6b25c; }
	#foot:hover a:hover { color: black; }
	#rss, #twitter, #facebook { width: 24px; height: 24px; float: left; margin: 0px 12px 10px 0px; cursor: pointer; }
	#rss, #foot:hover #rss:hover { background: url(images/rss.png) no-repeat; }
	#foot:hover #rss { background: url(images/rss-h.png) no-repeat; }
	#twitter, #foot:hover #twitter:hover { background: url(images/twitter.png) no-repeat; }
	#foot:hover #twitter { background: url(images/twitter-h.png) no-repeat; }
	#facebook, #foot:hover #facebook:hover { background: url(images/facebook.png) no-repeat; }
	#foot:hover #facebook { background: url(images/facebook-h.png) no-repeat; }