/*
Theme Name: Woodstock
Theme URI: http://vincentmre.com
Description: Already replacing my theme I made for the start of the new year. I just wanted something simple and clean. Easy to read and got the point across.. whatever that is.
Version: 3.0
Author: Vincent Re
Author URI: http://vincentmre.com
Tags: clean, simple
*/
/*  RESET  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}ol, ul  {list-style:  none;}blockquote, q {quotes: none;}table {border-collapse: collapse;border-spacing: 0;}.floatLeft  {float: left;display: inline;}.floatRight  {float: right;display:inline;}.clear {clear:both;}.tk-museo-slab {font-family:  "museo-slab-1", "museo-slab-2", serif !important;}
/*  STYLES  */
body {
    background: #4d4d4d url(images/bg.jpg) repeat center top;
    font-family:  Helvetica, Arial, sans-serif;
}
#container {
	    margin: 0 auto;
	    position:  relative;
	    width: 900px;
	}
	#header, #projects ul li, #footer, #contact {
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
		    background: #fff;
		    border-right: 1px solid #473428;
		    border-bottom: 1px solid #473428;
		    padding: 20px;
		    margin: 0 0 30px 0;
		}
	#header  {
		    margin-top: 93px;
		    position:  relative;
		}
		#header-left {
			    float:  left;
			    display:  inline;
			    width: 405px;
			    margin:  0 20px 0 0;
			    *position:  relative;
			}
			#header h1 {
					
				}
				#header h1 a {
					    color: #477341;
					    display: block;
					    font-size: 74px;
					    line-height:62px;
					    text-decoration:  none;
					    width: 412px;
					    margin: 0 0 8px 0;
					}
			#header span {
			    -webkit-border-radius: 5px;
			    -moz-border-radius: 5px;
			    border-radius: 5px;
			    background: #6B5445;
			    color: #FFFFFF;
			    display: block;
			    font-size: 14px;
			    font-weight:  normal;
			    margin: 0 0 4px;
			    padding: 5px;
			    text-align:  right;
			}
		#header #contact-section {
			    position: absolute;
			    right: 0;
			    top:  -58px;
			    _right: 22px;
			}
			#contact-section li {
				    float:  left;
				    display:  inline;
				    margin: 0 0 0 20px;
				}
				#contact-section li a {
					    -webkit-border-radius: 5px;
					    -moz-border-radius: 5px;
					    border-radius: 5px;
					    color: #fff;
					    cursor:  pointer;
					    display: block;
					    text-decoration:  none;
					    padding: 5px;
					}
					#contact-section li a:hover, #contact-section li a.active {
						    background: #fff;
						    border:  none;
						    color: #477341;
						    padding: 5px;
						    text-decoration:  none;
						}
		#header #about {
			    color: #6e6e6e;
			    font-size: 16px;
			    line-height: 20px;
			}
			#about a {
				    color: #92AF8E;
				    cursor:  pointer;
				    font-style:  italic;
				    text-decoration: underline;
				}
				#about a.lastfm {color: #D45F7C;}
				#about a.definition {
					    color: #634b3d;
					    font-style:  normal;
					    text-decoration:  none;
					    cursor:  help;
					}
					#about a.definition:hover {
						    color: #2D1D13;
						    font-style:  italic;
						}
			#social-links {
				    margin: 12px 0 0 0;
				}
				#social-links li {
					    float:  left;
					    display:  inline;
					}
					#social-links li.social-title {
						    font-size: 14px;
						    padding-top: 2px;
						}
					ul#social-links li a {
							background: url(images/socialicons.jpg) no-repeat;
						    color: #477341;
						    display: block;
						    font-size: 12px;
						    font-weight: bold;
						    margin: 0 0 0 12px;
						    opacity: .6;
						    text-indent:  -9999px;
						    width: 24px;
						    height: 24px;
						}
						#social-links li a.facebook-link {background-position: left top;}
							#social-links li a.facebook-link:hover {background-position: left bottom;}
						#social-links li a.lastfm-link {background-position:  -24px top;}
							#social-links li a.lastfm-link:hover {background-position:  -24px bottom;}
						#social-links li a.linkedin-link {background-position:  -48px top;}
							#social-links li a.linkedin-link:hover {background-position:  -48px bottom;}
						#social-links li a.flickr-link {background-position: -72px top;}
							#social-links li a.flickr-link:hover {background-position: -72px bottom;}
						#social-links li a.delicious-link {background-position: -96px top;}
							#social-links li a.delicious-link:hover {background-position: -96px bottom;}
						#social-links li a.twitter-link {background-position: -120px top;}
							#social-links li a.twitter-link:hover {background-position: -120px bottom;}
						#social-links li a.youtube-link {background-position: -144px top;}
							#social-links li a.youtube-link:hover {background-position: -144px bottom;}
	#content  {
	
		}
		#contact {
		    display:  none;
		}
		#contact-form, #contact-info {
			    float: left;
			    display: inline;
			    margin: 0 20px 0 0;
			    width: 550px;
			    position:  relative;
			}
			#contact-form h3, #contact-info h3 {
					border-bottom: 1px dotted #765E50;
					color: #564034;
					display: block;
					font-size: 20px;
					font-weight: bold;
					margin: 0 0 15px;
					padding: 0 0 5px 0;
				}
			#contact-form ul, #mail_success, #mail_fail {
					padding: 0 10px;
				}
				#contact-form ul li {
						clear: both;
						color: #513D2E;
						font-size: 14px;
						margin: 0 0 10px 0;
						padding: 0;
						position:  relative;
					}
			#contact-form label {
				    color: #634B3D;
				    float:  left;
				    display: block;
				    margin: 0 0 10px 0;
				    padding: 5px 0 0 0;
				    width: 120px;
				}
			#contact-form input, #contact-form textarea {
			    -webkit-border-radius: 5px;
			    -moz-border-radius: 5px;
			    border-radius: 5px;
			    background: #fcfcfc;
			    border: 1px solid #ddd;
			    color: #666;
			    font-size: 14px;
			    font-family:  Helvetica, Arial;
			    float:  left;
			    padding: 6px;
			    width: 395px;
			}
			#button input#send_message {
			    -webkit-border-radius: 5px;
			    -moz-border-radius: 5px;
			    border-radius: 5px;
			    border:  none;
			    width: 100px;
			    background: #6B5445;
			    float:  right;
			    color: #fff;
			    cursor:  pointer;
			    display: block;
			    font-style:  italic;
			    font-size: 12px;
			    margin: 0 3px 0 0;
			    padding: 5px;
			}
			#button input#send_message:hover {
			    background: #4D7048;
			}
			textarea:hover, input:hover, input:focus, textarea:focus {
			    border-color: #ccc !important;
			}
			input.invalid, textarea.invalid {
			    border-color: #ff0000 !important;
			}
			#mail_success, #mail_fail {
			    color: #477341;
			    font-weight: bold;
			    padding: 0 10px;
			}
		#contact-info {
			    color: #634B3D;
			    float:  right;
			    display:  inline;
			    font-size: 14px;
			    line-height: 20px;
			    margin: 0 4px 0 0;
			    padding: 0;
			    width: 280px;
			}
			#contact-info a {
			    color: #477341;
			    font-size: 14px;
			    font-style:  italic;
			}
			#contact-info ul {
			    	padding: 10px
			    }
				#contact-info ul li {
					    padding: 0 0 6px 0;
					}
					#contact-info ul li img {
						    margin: 0 5px 0 0;
						}
	.error, .success  {
		    display: none;
		}
		p.error {
			    background: url(images/error-icon.jpg) no-repeat 95px top;
			    color: #C1503F;
			    margin: 5px 0 0;
			    padding: 2px 0 2px 120px;
			    text-align: left;
			}
	#projects  {
		    width: 900px;
		}
		#projects #the-list  {
			}
			#the-list li {
				    background: #fff;
				    float:  left;
				    display:  inline;
				    margin: 20px 20px 0 0 !important;
				    position:  relative;
				    width: 399px;
				}
				#the-list li.odd {
					    margin-right:  0 !important;
					}
				#the-list li h2  {
					    font-weight:  normal;
					}
					#the-list li h2 a {
					    border-bottom: 1px dotted #765E50;
					    color: #477341;
					    display: block;
					    font-size: 18px;
					    font-weight: bold;
					    margin: 0 0 15px 0;
					    padding: 0 5px 10px 0;
					    text-decoration:  none;
					}
				#projects .project-info {
					    display:  none;
					    -webkit-border-radius: 5px;
					    -moz-border-radius: 5px;
					    border-radius: 5px;
					    background: #FFFFFF;
					    bottom: 34px;
					    color: #477341;
					    font-size: 12px;
					    left: 30px;
					    line-height: 16px;
					    padding: 5px 10px;
					    position: absolute;
					}	
				#projects ul#the-list li:hover {
					    background: #fff !important;
					}
					#projects ul#the-list li:hover .project-info {
					    display: block;
					    background: #fff !important;
					    padding: 5px;
					    text-decoration:  none !important;
					}
				#the-list p a {
				    -webkit-border-radius: 5px;
				    -moz-border-radius: 5px;
				    border-radius: 5px;
				    background: #6B5445;
				    color: #fff;
				    display: block;
				    font-style:  italic;
				    font-size: 12px;
				    margin: 10px 0 0 0;
				    padding: 5px;
				    position: absolute;
				    right: 25px;
				    top: 8px;
				    text-align:  right;
				}
				#the-list li a img {
				    width: 400px;
				}
				#projects h2.heading {
					    color: #fff;
					    display: block;
					    font-size: 45px;
					    line-height: 40px;
					    margin:  0 0 -22px 0;
					    position:  relative;
					    text-shadow: 1px 1px #473428;
					    z-index: 9999;
					}
					#projects .heading span {
							position:relative;
							top:-20px;
							color: #92AF8E;
						}
	#footer {
		    border-bottom:  none;
		    margin: 30px 0;
		}
		#footer #left-side, #footer #ilastfm, #footer #right-side {
			    float:  left;
			    display:  inline;
			    width: 286px;
			}
			#flickr a#setlink {
					color: #477341;
				}
				#flickr a.flickrfeedlink  {
						float:left;
						display:block;
						position:relative;
						text-align:right;
						width:85px;
						text-decoration: none;
					}
					#flickr a img  {}
					#flickr a span  {
						    bottom: 5px;
						    color: #FFFFFF;
						    font-size: 14px;
						    left: 15px;
						    position: absolute;
						    display:  none;
						    text-align: left;
						    text-decoration: none;
						}
						#flickr a:hover span  {
						    display:  block;
						}
				#flickr p {
					font-size: 16px;
					color: #444;
					line-height: 20px;
					padding: 0 5px;
					margin: 0 0 10px 0;
					}
			#footer h2 {
			    border-bottom: 1px dotted #765E50;
			    color: #564034;
			    display: block;
			    font-size: 20px;
			    font-weight: bold;
			    margin: 0 0 10px 0;
			    padding: 0 0 5px 0;
			}
			#footer-content a.footer-link {
				    color: #745946;
				    display: block;
				    font-size: 12px;
				    font-style:  italic;
				    margin: 0 0 0 10px;
				    padding: 10px 0;
				    text-decoration:  none;
				}
	#backtotop {
			float: left;
			display: inline;
		}
	#wordpress-link {
			float: right;
			display: inline;
		}
		p#backtotop,p#wordpress-link {
			    color: #fff;
			    font-size: 14px;
			    padding: 0 0 30px 0;
			    text-align: center;
			}
			p#backtotop a,p#wordpress-link a  {
				    color: #eee;
				    font-style:  italic;
				}