/******************************************************************
Eddie Machado

Designed by Eddie Machado
Eddie Machado
http://skeletonkeymedia.com
eddie@skeletonkeymedia.com

Design Copyright 2010. All Rights Reserved. 
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.
******************************************************************/


/******************************************************************
RESET STYLES
******************************************************************/

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, 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;
	vertical-align: baseline; 
}

*:focus {outline: 0;}

ul {list-style: none;}

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

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

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

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

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

html {-webkit-font-smoothing: antialiased;}

/******************************************************************
GENERAL STYLES
******************************************************************/

body {
	font: normal 62.5% Cambria, Georgia, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
	color: #333333;
	background: #D3D3D3;
}

.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#pagewrap {
	margin: 0 0 0 165px; 
    width: 765px;
}

/******************************************************************
SPAN STYLES
******************************************************************/

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
}

h1, .h1 {
	font-size: 3.6em;
	line-height: 1.33em;
}

h2, .h2 {
	font-size: 1.28em;
	line-height: 1.33em;
}

h3, .h3 {}

h4, .h4 {}

h5, .h5 {}

/******************************************************************
HEADER STYLES
******************************************************************/

#header {}

	#header h1 {
		padding: 10px 0 0;
		margin: 0;
		font-size: 7.7em;
		font-weight: 100;
	}

	#header h1 a {
		color: #404040;
		font-family: "etica-display-1","etica-display-2";
	}
	
	#header h1 a:hover {
		color: #00599C;
		-moz-transition: all .23s ease-in-out;
		-webkit-transition: all .23s ease-in-out;
	}
	


/******************************************************************
NAVIGATION STYLES
******************************************************************/

ul.menu {}

	.menu li {
		font-size: 1.5em;
		line-height: 1.8em;
		margin: 0 0 1.857em;
		font-family: "etica-display-1","etica-display-2";
	}
	
		.menu li a {
			text-decoration: none;
			color: #010101;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		
		.menu li.About a {
			background: url(http://skeletonkeymedia.com/eddiemachado/types/about.png) left no-repeat;
			padding: 5px 10px 5px 25px;
		}
		
		.menu li.ask-me a {
			background: url(http://skeletonkeymedia.com/eddiemachado/types/ask-me.png) left no-repeat;
			padding: 5px 10px 5px 25px;
		}
		
		.menu li.map a {
			background: url(http://skeletonkeymedia.com/eddiemachado/types/map.png) left no-repeat;
			padding: 5px 10px 5px 25px;
		}
		
		.menu li.contact a {
			background: url(http://skeletonkeymedia.com/eddiemachado/types/email.png) left no-repeat;
			padding: 5px 10px 5px 25px;
		}
		
			.menu li a:hover {
				color: #00599C;
				-moz-transition: all .23s ease-in-out;
				-webkit-transition: all .23s ease-in-out;
			}


/******************************************************************
CURRENT LOCATION BAR STYLES
******************************************************************/

#current-location {}

	#location-list {
		padding: 10px 15px;
		background: #FFFDE3;
		border-top: 3px solid #333333;
		box-shadow: 0 0 2px #333333;
		-webkit-box-shadow: 0 0 2px #333333;
		-moz-box-shadow: 0 0 2px #333333;
	}
	
		#location-list li { 
			float: left;
			margin: 0 10px 0 0;
		}
		
		#location-list li a {
			font-size: 1.4em;
			text-decoration: none;
			font-weight: 700;
			color: #00599C;
			padding: 0 5px 0 25px;
		}
		
			#location-list li.location {
				font-size: 1.4em;
				color: #333333;
			}
			
				#location-list li.location span {
					padding: 0 0 0 20px;
					margin: 0 15px 0 7px;
					background: url(http://skeletonkeymedia.com/eddiemachado/types/location.png) left no-repeat;
				}
			
			#location-list li.facebook {}
			
			#location-list li.twitter {}
			
			#location-list li.dribble {}
			
			#location-list li.gowalla {}

				#location-list li a:hover {

					border-bottom: 2px solid #333333;
				}
			
/******************************************************************
POST STYLES
******************************************************************/





    h1, h2, h3, h4, h5, .source, #footer {
      font-family: Cambria, Georgia, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;;
      letter-spacing: 1px;
      margin: 0 15px 0.8em;
      text-align: center;
      text-shadow: #fff 0 0 0;
      text-transform: uppercase; }




    p {
      padding: 0.5em 0 0.5em; }

    .pages {
        text-align: center;
        line-height: 1.8;
        background: #92300d url(http://static.tumblr.com/ro5gmuq/svQkkujej/ko3lqkpvh62htiqhpwkcr0nd_400.jpg);
        padding: 15px 35px;
	}
	    .pages a {
	        color: #444;
    	    font-family: Cambria, Georgia, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            text-decoration: none;
            background: #fff;
            border: 2px solid #444;
    	    border-radius: 7px;
    	        -webkit-border-radius: 7px;
    	        -moz-border-radius: 7px;
    	    padding: 0px 7px;
    	    display: inline-block;
	    }



.post {
	clear: both;
	background: #fff;
	border-top: 6px #c45d30 solid;
	box-shadow: 0 0 2px #333333;
	-webkit-box-shadow: 0 0 2px #333333;
	-moz-box-shadow: 0 0 2px #333333;
}
      
	.post .wrapper {
		background: #fcfcfc;
        margin: 0 auto;
        padding: 1.2em 10px;
        width: 745px;
	}
      
      .post .permalink {
        background: #92300d; }
        .post .permalink .wrapper {
          background: #bc3d0e;
          padding: 0 10px;
          position: relative; }

	.post .permalink p {
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0;
		overflow: hidden;
		text-align: right;
		padding: 1em 0; 
	}
          
          .post .permalink p a {
            border: 0;
            color: #eee !important;
            display: block;
            text-decoration: none;
            overflow: hidden;
            text-shadow: #555 0 1px 1px;
            zoom: 1; }
            
            .post .permalink p a:hover {
              color: #fff !important;
              text-shadow: 0.01em 0.01em 1em #FFFFFF;
              }
              
            .post .permalink p a span {
              display: block;
              float: left;
              text-align: right;
              padding: 20px 0 20px 35px;
              width: 320px; }
              
              
            .post .permalink p a .right {
              padding: 20px 0 20px 35px;
              text-align: left; }
              
        .post .permalink .wrapper {
          padding-bottom: 0; }
      .post img, .post object, .post embed {
        border: 1px #d0cdce solid;
        padding: 4px;
        display: block;
        margin: 0 auto; }
      .post a:hover img {
        background: #fff;
        border-color: #398c81; }

	.post .description {
		margin-right: 5px;
        margin-left: 5px;
        margin-top: 10px;
	}
		
		.post .description p {
			font-size: 1.4em;
			line-height: 1.857em;
		}
	
		.post .description p:first-child {
			margin-top: 0;
		}
        
        
        .post p a, .post li a, .post .description a {
          border-bottom: 1px #c8c8ad solid;
          color: #bc3d0e;
          text-decoration: none; }
          .post p a:hover, .post li a:hover, .post .description a:hover {
            color: #000 !important; }
      .post blockquote {
        border-left: 1px #9d9f9a dotted;
        margin: 0 15px 0.5em;
        padding: 0 0 0 10px; }
        .post blockquote p {
          margin-top: 0.5em;
          margin-bottom: 0.5em;
          padding: 0; }
      .post ul {
        list-style: disc;
        margin-right: 16px;
        margin-left: 16px; }
      .post ol {
        margin-right: 16px;
        margin-left: 20px; }

/******************************************************************
POST TYPE STYLES
******************************************************************/

.post.quote {
	border-color: #005a9e;
}

	.post.quote blockquote {
        text-align: center;
        border-left: 0;
        padding-bottom: 1em;
        margin-bottom: 0;
        font-family: "buendia-1","buendia-2";
        font-style: italic;
    }
        .post.quote blockquote.short {
          font-size: 3em;
          line-height: 1.4em; }
        .post.quote blockquote.medium {
          font-size: 2em;
          line-height: 1.6em; }
        .post.quote blockquote.long {
          font-size: 1.4em;
          line-height: 1.857em; }
        .post.quote blockquote p {
          padding-bottom: 0; }
          
	.post.quote .source {
		border-top: 1px solid #cecece;
		padding: 1em 0;
	}
          
	.post.quote p a, .post.quote li a, .post.quote .source a {
		color: #005a9e;
	}
	
      .post.quote .permalink {
        background: #004e88; }
        .post.quote .permalink .wrapper {
          background: #005a9e;}
        .post.quote .permalink p a {
          background: url(http://skeletonkeymedia.com/eddiemachado/types/quote.png) center no-repeat; }

    .post.photo {
      border-color: #091E93; text-align:center; }
      .post.photo h2 a:hover {
        color: #036f5d; }
      .post.photo p a, .post.photo li a, .post.photo .description a {
        color: #036f5d; }
      .post.photo .permalink {
        background: #005547; }
        .post.photo .permalink .wrapper {
          background: #091E93;
         }
        .post.photo .permalink p a {
          background: url(http://skeletonkeymedia.com/eddiemachado/types/photo.png) center no-repeat; }

    .post.video {
      border-color: #cd2855; }
      .post.video h2 a:hover {
        color: #cd2855; }
      .post.video p a, .post.video li a, .post.video .description a {
        color: #cd2855; }
      .post.video .permalink {
        background: #b4224a; }
        .post.video .permalink .wrapper {
          background: #cd2855; }
        .post.video .permalink p a {
          background: transparent url(http://skeletonkeymedia.com/eddiemachado/types/video.png) center center no-repeat; }

    .post.link {
      border-color: #a40e12; }
      .post.link h2 a:hover {
        color: #a40e12; }
      .post.link p a, .post.link li a, .post.link .description a {
        color: #a40e12; }
      .post.link .permalink {
        background: #901112 url(http://static.tumblr.com/ro5gmuq/2oRkkukxj/ko3lqkpvh62i1ktcslo7bc3j_400.jpg); }
        .post.link .permalink .wrapper {
          background-image: url(http://static.tumblr.com/ro5gmuq/iXMkkuky6/ko3lqkpvh62i24cuciwg7ril_400.jpg);
          background: #a40e12; }
        .post.link .permalink p a {
          background: transparent url(http://static.tumblr.com/rlw59xo/D2ql1mznu/panda.png) center center no-repeat; }

.post.conversation {
	border-color: #09937B;
}
	.post.conversation h2 a:hover {
		color: #d5be16;
	}
	
	.post.conversation p a, .post.conversation li a, .post.conversation .description a {
		color: #d5be16;
	}
	
	.post.conversation .permalink {
		background: #bca913;
	}
	
	.post.conversation .permalink .wrapper {
		background: #09937B;
	}
	
		.post.conversation .permalink p a {
			background: transparent url(http://skeletonkeymedia.com/eddiemachado/types/conversation.png) center center no-repeat;
		}
      
	.post.conversation ul {
		list-style: none;
        margin-left: 0;
    }
    
	.post.conversation ul li {
		padding: 5px 8px 4px;
		font-size: 1.5em;
		line-height: 1.8em;
		margin: 0 0 1.8em;
	}
          
		.post.conversation ul li span {
			color: #444;
			font-size: .75em;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 2px;
		}

		.post.conversation ul li.user_1 {
			background: #e7e7cf url(http://skeletonkeymedia.com/eddiemachado/types/user-1.png) 3px 6px no-repeat;
			padding: 0 0 0 25px;
            border-left: 1px #cfcfaf dotted;
        }
          
          .post.conversation ul li.user_2 {
            background: url(http://skeletonkeymedia.com/eddiemachado/types/user-2.png) 3px 6px no-repeat;
			padding: 0 0 0 25px;
            border-left: 0; }
          
          .post.conversation ul li.user_3 {
            background: #f8f8ec url(http://skeletonkeymedia.com/eddiemachado/types/user-3.png) 3px 6px no-repeat;
			padding: 0 0 0 25px;
            border-left: 1px #c3c3ab dotted; }

    .post.audio {
      border-color: #006e9d; }
      .post.audio h2 a:hover {
        color: #006e9d; }
      .post.audio p a, .post.audio li a, .post.audio .description a {
        color: #006e9d; }
      .post.audio .permalink {
        background: #005e86; }
        .post.audio .permalink .wrapper {
          background: #006e9d; }
        .post.audio .permalink p a {
          background: transparent url(http://skeletonkeymedia.com/eddiemachado/types/music.png) center center no-repeat; }
      .post.audio .audio_player {
        margin: 10px auto;
        text-align: center; }

    .source {
      margin: 0 80px; }
    


    .text img {
		max-width: 100%;
	}

	.post .permalink .wrapper a.comments {
	    color: #444;
	    font-size: 9px;
	    font-family: Cambria, Georgia, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        text-decoration: none;
        background: #fff;
        border: 2px solid #444;
	    border-radius: 7px;
	        -webkit-border-radius: 7px;
	        -moz-border-radius: 7px;
	    padding: 2px 7px;
	    position: absolute;
	    top: 27px;
	    right: 30px;
	}
	
	.post .permalink .wrapper a.notes {
	    color: #444;
	    font-size: 9px;
	    font-family: Cambria, Georgia, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        text-decoration: none;
        background: #fff;
        border: 2px solid #444;
	    border-radius: 7px;
	        -webkit-border-radius: 7px;
	        -moz-border-radius: 7px;
	    padding: 2px 7px;
	    position: absolute;
	    top: 27px;
	    left: 30px;
	}
	
    ol.notes {
    	color: #444;
	    font-size: 9px;
	    font-family: Cambria, Georgia, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        padding: 0;
    	margin: 0 5px;
    	list-style-type: none;
    	clear: both
    }

    ol.notes a img.avatar {
        max-width: 16px;
        border-width: 0px;
    	margin: 2px 8px 0 0;
    	padding: 0;
    	float: left;
    }

    ol.notes span.action {
    	float: left;
    	padding-top: 1px;
    	line-height: 18px;
    }

    ol.notes .clear {
    	clear: both;
    	height: 1px;
    }

    ol.notes blockquote {
    	padding: 4px 10px;
    	margin: 7px 0px 0px 25px;
    	font-weight: normal;
    }

    ol.notes blockquote a {
    	text-decoration: none;
    }

    ol.notes .answer_content {
    	font-weight: normal;
    }

	#disqus_thread {
	    font-size: 0.5em;
	    text-align: left !important;
	    padding: 0 5px;
	}

	    #disqus_thread a {
	        color: #444;
	        text-align: left: !important;
	    }
	    
/******************************************************************
SIDEBAR STYLES
******************************************************************/	    
	    
#left-bar {
	width: 155px;
	position: fixed;
	height: 300px;
	margin: 150px 10px 0 0;
}

/******************************************************************
FOOTER STYLES
******************************************************************/

#footer {
	background: #010101;
	margin: 0;
	color: #eee;
}

	#footer .wrapper {
		background: #333333;
    	margin: 0 auto 0;
    	overflow: hidden;
    	padding: 10px 0 20px;
    	width: 765px;
    	zoom: 1;
	}
	
  #footer ul li {
    float: left;
    padding-top: 2.6em;
    width: 180px; }
    #footer ul li.page {
      font-size: 4.4em;
      padding-top: 0;
      width: 180px;
      text-shadow: #222 0 2px 2px; }
    #footer ul li.newer {
      text-align: left; }
    #footer ul li.older {
      text-align: right; }
  #footer p {
    clear: both;
    text-align: center;
    font-size: 11px; }
  #footer a {
    color: #eee;
    text-decoration: none;
    text-shadow: #555 0 1px 1px; }
    #footer a:hover {
      color: #fff;
      text-shadow: 0.01em 0.01em 1em #FFFFFF;
       }
       
/******************************************************************
ABOUT PAGE STYLES
******************************************************************/

.back-nav {
	position: absolute;
	right: 30px;
	top: 0;
}

	.back-nav a {
		background: #fcfcfc url(http://skeletonkeymedia.com/eddiemachado/types/arrow-left.png) left no-repeat;
		padding: 10px 7px 10px 25px;
		font-size: 1.4em;
		font-weight: 700;
		color: #333333;
		text-decoration: none;
	}