@charset "UTF-8";
/**
 * Stylesheet
 * 
 * 
 * Author: Joey Santos
 *
 *
 */


/* NORMALIZING */

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}


/* MAIN */

body{
	margin: 0px;
	padding: 0px;
	font: normal normal 11px/1.2em Tahoma, Helvetica, sans-serif;
	background:transparent url(bg.gif) center 0 repeat-x;
	background-color: #333;
}

h1{
	position: relative;
	font: normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
	margin: 0px auto;
}

h2{
	font: normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
	color: #80bfff;
	margin: 0px 0px 10px 0px;
	
}


h3{
	font: normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font: normal normal 12px/1.2em Century Gothic, Tahoma, sans-serif;
	color:#FFF;
	letter-spacing: .1em;
	line-height: 1.8;
}


td{
	vertical-align: top;
}

a:link, a:visited{color: #0099CC; text-decoration: none; padding: 1px 2px;}
a:hover, a:active{text-decoration: underline;}
a:focus { -moz-outline-style: none; }
dt{
	font-weight: bold;
}

ul {
	font: normal normal 14px/1.4em Tahoma, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 0 30px 25px;
	list-style: none;
	}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.left{
	float: left;
	margin: 0 10px 10px 0;
}

.right{
	float: right;
	margin: 0 0 10px 10px;
}

blockquote {
	font: normal normal 16px/1.4em Tahoma, Helvetica, sans-serif;
	color:#999;
	margin:5px 0pt 5px 25px;
	padding:5px 60px 5px 10px;
}


.clr {
	clear: both;
	height: 0px;
}

.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */



/* STRUCTURE */
#wrapper{
	width: 860px;
	margin: 0px auto;			
	padding: 0px;
	position: relative;
}


#header{
	margin: 0px auto;
	padding: 0px;
	font: normal normal 16px/1.2em Tahoma, Helvetica, sans-serif;
	width: 860px;
	height: 230px;
	position: relative;
}

	#header h1{
	margin: 0;
	position: absolute;
	top: 55px;
	left: 2px;
	height: 86px;
	width: 400px;
	background:transparent url(gs_logo.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	}

	
	#header h2{
	margin: 0;
	position: absolute;
	top: 110px;
	right: 2px;
	height: 51px;
	width: 194px;
	text-indent: -9000px;
	background:transparent url(gs_tag.gif) center 0 no-repeat;
	display:block;
	}
	
#content{
	width: 860px;
	height: 460px;
	float:left;
	}

	
#tag{
	margin: 100px 0 0 0;
	background: transparent url(middle_text.gif) center 0 no-repeat;
	width: 485px;
	height: 127px;
	float: right;
	text-indent: -9000px;
}

#feature{
	margin: 0px;
	float: left;
	width: 375px;
	height: 320px;
	background: transparent url(feature.jpg) center 0 no-repeat;
}

#feature h3 {
	text-indent: -9000px;
	height: 18px;
	width: 84px;
	
	position: relative;
	top: 30px;
	left: 2px;
	}
	
#feature p.title {
	text-indent: -9000px;
	height: 34px;
	width: 128px;
	background: transparent url(mini_logo.jpg) center 0 no-repeat;
	position: relative;
	top: 250px;
	left: 2px;
	}
	
	#feature .featdescrp {
	margin: 10px 0;
	padding: 0;
	position: relative;
	top: 250px;
	left: 2px;
	}
	
	
	#feature a.screens {
	margin: 0;
	padding: 0;
	height: 21px;
	width: 112px;
	background:transparent url(view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	position: relative;
	top: 260px;
	left: 2px;
	}

	#feature a:hover.screens {
	background-position:center bottom;
	}


/* NAVIGATION */

#navigation{
width: 860px;
height: 170px;
float: left;
}

#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#navigation li{
 display:inline;
 }

#navigation ul a.box1{
  margin: 26px 0 0 0;
  display: block;
  width:255px;
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(navigation.gif) 2px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}

#navigation ul a.box2{
  margin: 26px 0 0 41px;
  display: block;
  width:255px;
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(navigation.gif) -282px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;

}

#navigation ul a.box3 {
  margin: 26px 0 0 41px;
  display: block;
  width:255px;
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(navigation.gif) -565px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}
  
  #navigation a:hover.box1 {
  background-position: 2px -126px;
  }
	
  #navigation a:hover.box2  {
  background-position: -282px -126px;
  }

  #navigation a:hover.box3  {
  background-position: -565px -126px;
  }
	
	
	
/* FOLIO */

#work{
margin: 0;
padding: 0;
width: 860px;
height: 31px;
float: right;
border-top: #666 1px solid;
}

#work h2{
	margin:0 auto;
	height: 32px;
	width: 126px;
	background:transparent url(mini_logo.jpg) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
	}
	
.top {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 280px;
	float: left;
	border-top: #666 1px solid;
	}
	
.top h3{
	margin:0 0 10px 0;
	color: #a9cc66;
	font: normal normal 15px/1.2em Century Gothic, Tahoma, sans-serif;
	}
	
.top .descrp{
	margin: 100px 0 0 0;
	padding: 0;
	height: 170px;
	width: 400px;
	float: right;
	}

.top p{
	margin:0;
	padding: 0 25px 0 0;
	}

	
.item {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 280px;
	float: left;
	border-top: #444 1px dotted;
	}
	
.item h3{
	margin:0 0 10px 0;
	color: #a9cc66;
	font: normal normal 15px/1.2em Century Gothic, Tahoma, sans-serif;
	}
	
.item .descrp{
	margin: 100px 0 0 0;
	padding: 0;
	height: 170px;
	width: 400px;
	float: right;
	}

.item p{
	margin:0;
	padding: 0 25px 0 0;
	}
	
	
.folioimg {
	border: #a9cc66 4px solid;
	padding: 0;
	margin: 40px 0;
	float: left;
	}
	
.item a.screens {
	margin: 20px 0 0 0;
	padding: 0;
	height: 21px;
	width: 112px;
	background:transparent url(view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	float:left;
	}
	
.item a:hover.screens {
	background-position:center bottom;
	}
	
.top a.screens {
	margin: 20px 0 0 0;
	padding: 0;
	height: 21px;
	width: 112px;
	background:transparent url(view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	float:left;
	}
	
.top a:hover.screens {
	background-position:center bottom;
	}
	
	

/* ABOUT */

#about{
margin: 0;
padding: 0;
width: 860px;
height: 31px;
float: left;
border-top: #666 1px solid;
}

#about h2{
	margin:0 auto;
	height: 32px;
	width: 136px;
	background:transparent url(mini_logo.jpg) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
	}
	
#bio {
	margin: 0 0 20px 0;
	padding: 40px 0 0 0;
	width: 860px;
	float: left;
	border-top: #666 1px solid;
	}
	
#bio h3{
	margin:0 0 10px 0;
	color: #a9cc66;
	font: normal normal 15px/1.2em Century Gothic, Tahoma, sans-serif;
	}	

#bio .col1 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 250px;
	float: left;
	}
	
#bio .col2 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 250px;
	float: right;
	}

#bio p {
	font: normal normal 11px/1.2em Century Gothic, Tahoma, sans-serif;
	color:#CCC;
	letter-spacing: .1em;
	line-height: 1.6;
	}
	
#bio p.spacer{
	margin-bottom: 10px;
	}

		
	
/* FOOTER */

#footer{
	height: 60px;
	float: left;
	clear: left;
	padding: 15px 0 0 0;
	width: 860px;
	margin: 0 0 30px 0;
	border-top: #656565 1px solid;
}
	#footer p{
	color: #999;
	font: normal normal 10px/1.2em Century Gothic, Tahoma, sans-serif;
}

	#footer a{
		color: #fff;
		font-size: 12px;
		}
		
	#footer a:hover{
		text-decoration: underline;
		}
		
	#footer .email{
	font: normal normal 12px/1.2em Century Gothic, Tahoma, sans-serif;
	float: left;
	color:#999;
	}
	
	#footer .tp{
	font: normal normal 12px/1.2em Century Gothic, Tahoma, sans-serif;
	float: left;
	margin-left: 250px;
	color:#999;
	}
	
	#footer .copy{
	float: right;
	color:#999;
	padding-right: 0px;
	}

	#footer ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}
	
	#footer li.smldesc {
		font: normal normal 10px/1em Tahoma, Helvetica, sans-serif;
		padding: 2px 0px 8px 2px;
		color: #999;
	}
	

/* BLOG MAIN */

	
#tcontent{
	width: 860px;
	height: 460px;
	float:left;
	}

	
#ttag{
	margin: 100px 0 0 0;
	background: transparent url() center 0 no-repeat;
	width: 356px;
	height: 127px;
	float: right;
	text-indent: -9000px;
}

#tfeature{
	margin: 0px;
	float: left;
	width: 452px;
	height: 269px;
	background: transparent url() center 0 no-repeat;
}


#tumblr {
  margin: 0;
  padding: 0;
  border-top: #666 1px solid;
  float: left;
  width: 580px;
	}
	
	#tumblr h2{
	margin:0 auto;
	height: 31px;
	background:transparent url() center -1px no-repeat;
	display:block;
	border-bottom: #666 1px solid;
	text-indent: -9000px;
	}

.post {
	width: 500px;
	margin: 20px auto;
	padding: 30px;
	postion: relative;
	}
	
	
	.post p {
	clear:left;
	}
	
	.stamp {
	width: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 20px;
	text-align: center;
	margin: 10px 480px 25px 0px;
	background-color:#0099cc;
	padding:0 0 5px 0;
	white-space:nowrap;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	color:#FFF;
	vertical-align: middle;
	}
	
	.stamp a{
	color:#fff;
	}
	
	.plus {
	width: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 20px;
	text-align: center;
	margin: 10px 480px 25px 0px;
	background-color:#0099cc;
	padding:0 0 5px 0;
	white-space:nowrap;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	color:#FFF;
	vertical-align: middle;
	}
	
	.plus a{
	color:#fff;
	}
	
	
/* SIDEBAR */


#sidebar {
	margin: 0;
  	padding: 0;
  	border-top: #666 1px solid;
	float: right;
	width: 265px;
	}
	
	#sidebar h2{
	margin:0 auto;
	height: 31px;
	background:transparent url() center -1px no-repeat;
	display:block;
	border-bottom: #666 1px solid;
	text-indent: -9000px;
	}

	#sidebar ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}
	
	
	#sidebar li.smldesc {
		font: normal normal 10px/1em Tahoma, Helvetica, sans-serif;
		padding: 2px 0px 8px 2px;
		color: #999;
	}
	


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:24px !important;
	height:24px;
	font-size:24px;
	margin: 25px 0 10px 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:14px !important;
	height:14px;
	font-size:14px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:18px !important;
	height:18px;
	font-size:18px;
}



/* TUMBLR STYLES */
            
/* Regular Post */
.post .regular {
     font-size: 12px;
      color: #666;
      line-height: 17px;
	  margin: 0 0 5px 0;
}

     .post .regular blockquote {
    	 font-style: italic;
      }
            
/* Photo Post */
.post .photo img {
	  width: 375px;
      border: solid 5px #fff;
	  margin: 0 0 5px 0;
}

     .post .photo div.caption {
      	font-size: 14px;
        color: #666;
        margin: 15px 0 15px 0;
		line-height: 1.4;
      }
            
      /*.post .photo div.caption a {
      color:            {color:Text};
       }*/
            
/* Quote Post */
.post .quote{
	margin: 20px 0 15px 0;
	}

.post .quote span.quote {
	font: bold normal 20px/1em Tahoma, Helvetica, sans-serif;
	letter-spacing: -1px;
    color: #666;
	margin: 0 0 10px 0;
}

        /*.post .quote span.quote a {
        color:            {color:Quote};
        }*/

       .post .quote span.quote big.quote {
          	font: bold normal 40px/1em Tahoma, Helvetica, sans-serif;
            line-height: 8px;
            vertical-align: -20px;
         }
            
            .post .quote span.source {
                font-size: 14px;
                font-weight: Bold;
                color: #999;
				margin: 2px 0 15px 0;
                letter-spacing: -1px;
				text-transform: uppercase;
            }

            /*.post .quote span.source a {
                color:            {color:Quote Source};
            }*/
            

/* Link Post */
.post .link {
	margin: 25px 0 15px 0;
	}


.post .link a.link {
	font: bold normal 19px/1em Tahoma, Helvetica, sans-serif;
	line-height: 4px;
	letter-spacing:   -1px;
	/*color:            {color:Link Post};*/
    }
            
    .post .link span.description {
    	font-size: 12px;
		line-height: 1.2;
        font-weight: normal;
		color: #666;
         }

            
/* Audio Post */      
.post .audio div.caption {
	font-size: 11px;
    color: #666
    margin-top: 5px;
    }
            
   /* .post .audio div.caption a {
   color: {color:Text};
   }*/
            
/* Video Post */

.post .video {
	width: 375px;
    margin: 20px 0 15px 0;
            }

    .post .video div.caption {
        font-size: 14px;
        color: #666;
        margin-top: 15px;
		line-height: 1.4;
         }
            
           /* .post div.video div.caption a {
                color:            {color:Text};
            }*/

            /* Pages */
			
			
            #pages {
				height: 40px;
				clear:both;
				background-color: #f5f5f5;
				margin: 45px 0 0 0;
            }
            
			#pgcenter{
				width: 500px;
                margin: 0px auto 0px auto;
				padding: 8px 0 0 0;
				text-transform: uppercase;
                font-size: 12px;
				}
			
			
            #pages a {
                text-decoration:  none;
            }
            
            #pages a:hover {
                text-decoration:  underline;
            }
			
			#pages .archive{
				text-transform: none;
				color: #888;

/* Disqus Styles */

.dsq-comment-header {
	font-size: 14px;
	color: #333;
	}