/* 
	Theme Name: Gridlock
	Theme URI: http://socialuxe.com/labs/gridlock/
	Description: A grid-based, XHTML-compliant, webzine-style WordPress theme.
	Version: 1.6
	Author: Eston Bond
	Author URI: http://socialuxe.com/

	The theme that ran hyalineskies 6 (September 2005 - August 2006). 
	Well, sort of. It's had a facelift. A couple of them. A couple of times.

	Thanks to:
		Mike Davidson, Shaun Inman, Khoi Vinh, Cameron Moll, John Gruber, and Jeffrey Zeldman.
		I look up to all of you. You guys are my inspiration. (eston, september 2005)
*/

body {
    background-color: #f7f7f7;
	padding: 0; 
        margin: 0;
	font-family: "Century Gothic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#content_wrap {
	padding: 0;
	margin: 0;
	width: 960px;
        height:100%;
        border:1px solid #ddd;
        border-top:none;
	margin: 0 auto;
        background-color:#fff;
}




/* Block-Level Elements */

#masthead {
		color: #000000;
		margin: 0px;
		padding: 0 0 0 5px;
		width: 100%;
	}
	
#masthead #logo { float:left; margin:16px 80px 12px 26px;}

#masthead h1 a:link, 
#masthead h1 a:visited,
#masthead h1 a:hover, 
#masthead h1 a:active { color:#6d6e6d; text-decoration: none; border-bottom: none; }


#navbar {
		padding: 0; 
                margin: 0;
                margin-top:29px;
		vertical-align: middle;
		display: block;
                width:595px;
                float:left;
}
	
.nav {
		float: left;
}
	

.nav a:link, .nav a:visited {
                display:block;
                text-decoration: none;
                color: #999; 
       	        background-color: #fff;
		width: 66px;
		padding: 5px 5px 5px 8px;
		margin: 0;
		border-left: 1px solid #eee;
		font-weight: normal;
		font-size: 11px;
		text-align: left;
                border-bottom:none;
}

.nav a:hover {
		color: #333;
                text-decoration: none;
                border-left:1px solid #bbb;
}

.nav a:active {
		color: #3FC8F4;
                text-decoration: none;
                border-left:1px solid #3FC8F4;
}

.nav_right a:link, .nav_right a:visited, 
.nav_right a:active, .nav_right a:hover {
		border: none; display: block;                 
                text-decoration: none;
	}
	
.nav_right img#feedicon {
		width: 14px; height: 14px;
		display: block;
	}

.wrapper {
	width: 100%;
	margin: 0; 
        padding: 0;
        clear:both;
}



#main_content {

                margin: 0;
		padding: 15px 35px 15px 35px;
		border-right: 0px solid #666;
		text-align: left;
		display: block;
		clear: both;
                color:#000;
	}
#main_content .section-photo {
                margin-left:-35px;
}
#main_content .section-photo img {
               width:960px;
               border-bottom:6px solid #3FC8F4;
               border-top:1px solid #bbb;
}

#main_content h1 {
		font-weight: normal;
		font-size: 22px;
		color: #777;
		margin: 25px 0 15px 0;
	}



#main_content .page-content {
                width:550px;
                float:left;
                font-size:14px;
}

#main_content .page-content h2 {
               font-weight:normal;
                font-size:17px;
               margin-bottom:2px;
}


#main_content .page-content h4 {
               font-weight:normal;
               font-size:13px;
               margin-top:0;
               color:#aaa;
}

#main_content .entry {
               padding-bottom:12px;
               border-bottom:1px dotted #bbb;
}

#main_content .sidebar {
                width:240px;
                float:left;
                margin-left:90px;
                margin-top:30px;
                font-size:12px;
}


#main_content .sidebar h3 {
               font-weight:normal;
               margin:40px 0 6px 0;
               color:#888;
               border-top:1px solid #eee;
               padding-top:5px;
}


#main_content .sidebar p {
               margin:12px 0;
}

.new {
  float:left; 
  width:220px; 
  margin-left:10px; 
  padding-left:20px; 
  color:#999; 
  line-height:145%; 
  font-size:14px; 
  border-left:1px solid #ccc;
}

.new h3 {
  margin:0; 
  padding-bottom:8px;
}

a.noline:link,
a.noline:active,
a.noline:visited,
a.noline:hover { text-decoration:none; }

        #aboutAuthor {
                width: auto;
                margin: 0 0 10px 0;
                padding: 10px 2px 10px 5px;
                border-bottom: 3px solid #ccc;
                background-color: #333;
                font-size: 11px;
                text-align: left;
                color: #333;
                line-height: 14px;
        }
 
        .trench {
                width: 210px; 
                margin: 0 0 10px 0;
                padding: 0;
        }
	

	#minibar {
		width: 99px;
		margin: 10px 0 10px 10px;		
		padding: 0 0 0 10px;
		border-left: 1px solid #ccc;
		float: left;
		text-align: left;
	}
	
	.substory_frame {
		padding: 0;
		margin: 0;
		display: block;
                overflow: auto;
	}
	
	.substory {
		/* width: 250px; */
		display: block;
		padding: 5px; margin: 0;
	}
	
	#left {
		width: 254px;
		padding: 0 8px 0 0;
		float: left;
    display: block;
	}
	
	#right {
		width: 255px;
		padding: 0 0 0 10px;
                margin: 0 0 0 3px;
		float: left;
                display: block;
	}

	.excerpt {
		padding: 0; margin: 0 0 20px 0;
	}
	
	.comment_box {
		width: auto;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px dotted #999;
		background-color: #fff;
	}
	
	.comment_box_reg {
		width: auto;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px dotted #999;
		background-color: #fff;
	}


/* Theme Page Stuff */

        .download_graphics {
               margin: 0; padding: 0;
               display: inline;
               text-decoration: none;
        }

        .download_graphics a:link, 
        .download_graphics a:hover, 
        .download_graphics a:visited, 
        .download_graphics a:active {
               border: none;
               text-decoration: none;
        }      
        


/* Typography */
	h1.hidden {
		display: none;
	}
	
        

	#main_content p a:link {

		color: #14A0C1; 

	}


	
	#main_content p a:visited, #main_content a:active {
		color: #14A0C1;
	}

	#main_content p a:hover {
		color: #1a95bc;
	}
	
	#headline {
		font-weight: normal;
		font-size: 30px;
		color: #666;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: left;
                display: block;
	}

        #headline a:link {
		font-weight: normal;
		font-size: 30px;
		color: #666;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: right;
                text-decoration: none;
                border: 0;
        }

        #headline a:visited {
		font-weight: normal;
		font-size: 30px;
		color: #333;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: right;
                text-decoration: none;
                border: 0;
        }

        #headline a:hover, #headline a:active {
		font-weight: normal;
		font-size: 30px;
		color: #186FD0;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: right;
                text-decoration: none;
                border: 0;
        }

      
	


        .substory_head a:link {
		font-weight: normal;
		font-size: 18px;
		color: #666;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: right;
        text-decoration: none;
		border: none;
        }

        .substory_head a:visited {
		font-weight: normal;
		font-size: 18px;
		color: #333;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: right;
        text-decoration: none;
        border: none;
    	}

        .substory_head a:hover, .substory_head a:active {
		font-weight: normal;
		font-size: 18px;
		color: #186FD0;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: right;
        text-decoration: none;
		border: none;
        }

	
	h3.substory_subhead, #linkblog h3.substory_subhead {
		font-weight: normal;
		font-size: 12px;
		color: #186FD0;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #ccc;
		width: auto;
	}
	
	h3.substory_head {
		font-weight: normal;
		font-size: 18px;
		color: #333;
		padding: 0;
		margin: 0 0 10px 0;
		text-align: left;
	}
	
	
	#main_content p {
		font-weight: normal;
		margin: 0 0 2em 0;
		padding: 0;
		line-height: 140%;
	}
	
	h4.comment {
		font-weight: bold;
		font-size: 12px;
		line-height: 18px;
                color: #333;
	}
	
	
	
	
	h4.substory_comment {
		font-weight: normal;
		font-size: 11px;
		line-height: 16px;
		width: auto;
		text-align: right;
                color: #333;
	}
	
	h4.substory_comment a:link, h4.substory_comment a:visited, h4.linkblog_caption a:link, h4.linkblog_caption a:visited {
		text-decoration: none;
		color: #186FD0;
		border-bottom: 1px solid #7db5f4;
	}	
	
	h4.substory_comment a:active, h4.substory_comment a:hover, h4.linkblog_caption a:active, h4.linkblog_caption a:hover {
		text-decoration: none;
		color: #186FD0;
		border-bottom: 1px solid #186FD0;
	}

        h4.linkblog_caption {
		font-weight: normal;
		font-size: 11px;
		padding: 0; margin: 2px 0 2px 0;
		line-height: 16px;
		width: auto;
		text-align: right;
        }
	
	#left p, #right p {
		font-weight: normal;
		font-size: 11px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 16px; 
        color: #101010;
	}
	
	h3.comment_title {
		font-weight: bold;
		font-size: 12px;
		color: #333;
		background-color: #fff;
		margin: 0; padding: 5px 0 5px 0;
		width: auto;
	}
	
		h3.comment_title a:link {
			font-weight: normal;
			font-size: 14px;
			color: #333;
			text-decoration: underline;
		}
		
		h3.comment_title a:visited {
			font-weight: normal;
			font-size: 14px;
			color: #333;
			text-decoration: none;
		}
	
	h3.comment_title_reg {
		font-weight: normal;
		font-size: 14px;
		color: #fff;
		text-indent: 10px;
		border-top: 1px solid #186FD0;
		background-color: #fff;
		margin: 0; padding: 0;
	}

#aboutAuthor a:link { 
                color: #eee; 
                text-decoration: none;
                border-bottom: 1px solid #efefef;
}

#aboutAuthor a:hover {
                color: #186FD0;
                text-decoration: none;
                border-bottom: 1px solid #186FD0;
}

#aboutAuthor a:visited {
                color: #eee;
                text-decoration: none;
                border-bottom: 1px solid #eee;
} 

#aboutAuthor a:active {
                color: #186FD0;
                text-decoration: none;
                border-bottom: 1px solid #186FD0;
}

p.trench_intro { padding: 0 0 10px 0; margin: 0; font-size: 11px; 
                 line-height: 14px; }

       a.no_border {
                border: 0;
       }
	
/* Form Stuff */

#author, #email, #url, #s {
		background-color: #ddd;
		font-size: 12px;
		color: #666;
		border: 1px solid #ddd;
		padding: 2px;
	}

#author:focus, #email:focus, #url:focus, #s:focus {
		background-color: #888;
		font-size: 12px;
		border: 1px solid #888;
		color: #fff;
		padding: 2px;
	}
	
#comment {
		background-color: #ddd;
		font-size: 12px;
		color: #666;
		border: 1px solid #ddd;
		padding: 2px;
		width: 528px;
}

#comment:focus {
		background-color:#888;
		font-size: 12px;
		border: 1px solid #888;
		color: #333;
		padding: 2px;
		width: 528px;
}

#submit, #searchsubmit {
		background-color: #eee;
		font-size: 12px;
		border: none;
		color: #777;
		padding: 2px 6px;
}

#submit:focus, #submit:hover, #searchsubmit:focus, #searchsubmit:hover {
		background-color: #bbb;
		font-size: 12px;
		border: none;
		color: #fff;
		padding: 2px 6px;
}

	
/* Images */

	a img, img a, #main_content p img a:link, 
        #main_content p img a:active, 
        #main_content p img a:visited, 
        #main_content p img a:hover {
		border: none; margin: 0;
                text-decoration: none;
	}
	
	img.left {
		float: left;
		padding: 5px 5px 5px 0;
	}
	
	img.right {
		float: right;
		padding: 5px 0 5px 5px;
	}

        .entry_graphic {
                display: block;
                margin: 1em 0 1em 0; padding: 0;
                border-top: 4px solid #333;
                border-bottom: 4px solid #333;
        }



        .download_graphic,
        .download_graphic a:link, .download_graphic a:hover, 
        .download_graphic a:visited, .download_graphic a:active, 
        img.download_graphic {
                display: inline;
                margin: 10px 5px 10px 0; padding: 2px 0 2px 0;
                border-top: 2px solid #333;
                border-bottom: 2px solid #333;
                width: 210px;
                text-decoration: none;
        }

        img a:link, img a:hover, img a:visited, img a:active {
                border: 0px;
        }
	
	/* TextAmerica Styles */
	
	.TAImageBox, .TAImageDiv {
		padding: 0; margin: 0; border: 0;
	}
	
	a.TAImageLink {
		border: 0; text-decoration: none;
	}
	
	.TAImage {
		border: 1px solid #000;
	}

/* About Page Stuff */

        #about_sidebar {
                width: 210px;
                margin: 0 10px 10px 0;
                padding: 10px 5px 10px 5px;
                border-top: 3px solid #ccc;
                border-bottom: 3px solid #ccc;
                background-color: #333;   
                color: #eee;     
                float: left;
        }

       #about_sidebar img.portrait, #about_sidebar p img.portrait {
                text-align: center; margin: 0; padding: 0;
       }

       #about_sidebar p {
                text-align: left;
                color: #eee;
                line-height: 14px;
       }

       * #about_sidebar a:link, * #about_sidebar p a:link { 
                color: #eee; 
                text-decoration: none;
                border-bottom: 1px solid #efefef;
       }

       * #about_sidebar a:hover, * #about_sidebar p a:hover {
                color: #186FD0;
                text-decoration: none;
                border-bottom: 1px solid #186FD0;
       }

       * #about_sidebar a:visited, * #about_sidebar p a:visited {
                color: #eee;
                text-decoration: none;
                border-bottom: 1px solid #eee;
       } 

        * #about_sidebar a:active, * #about_sidebar p a:active {
                color: #186FD0;
                text-decoration: none;
                border-bottom: 1px solid #186FD0;
       }

       #about_sidebar .tiny_head {
                color: #eee !important;
                font-weight: normal;
       }

       * .lastfm, * a.lastfm, * .lastfm a {
               text-align: center;
               border: 0 !important; margin: 10px 0;
       }

/* Linkblog */

    /* Linkblog */
    .delicious-posts {
	width: auto;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
            
}

	h2.delicious_banner {
		display: none;
	}
	
	.delicious-posts ul {
		list-style-type: none;
		margin: 0; padding: 0;
		width: auto; display: block;
	}

    .delicious-post {
			display: block;
            width: auto;
            padding: 5px 0 4px 0;
            border-bottom: 1px solid #eee;
            background-color: transparent;
            list-style-type: none;
    }


	.delicious-tag {
		display: none;
	}

    .delicious-link_seplink {
            display: block;
            width: auto;
     }

	p.delicious-extended {
		text-decoration: none;
		margin: 5px 0 10px 0 !important;
		display: block;
	}

	a.delicious-link:link, a.delicious-link:visited {
		text-decoration: none;
		color: #186FD0;
		border-bottom: 1px solid #7db5f4;
	}
	
	a.delicious-link:hover, a.delicious-link:active {
		text-decoration: none;
		color: #186FD0;
		border-bottom: 1px solid #186FD0;
	}
	
	img.tinyfeed { margin-bottom: -3px; width: 12px; height: 12px; } 
	
	img.tinyfeed a:link, img.tinyfeed a:active,
	img.tinyfeed a:hover, img.tinyfeed a:visited,
	a:link img.tinyfeed, a:hover img.tinyfeed, 
	a:visited img.tinyfeed, a:active img.tinyfeed,
	a.linkblog_rss_link:link, a.linkblog_rss_link:visited,
	a.linkblog_rss_link:active, a.linkblog_rss_link:hover {
		border: none !important; text-decoration: none;
	}

	
/* sIFR */

/* 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;
}


/* 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 #headline {
	font-size: 30px;
	text-align: left;
}

.sIFR-hasFlash .nav {
	text-indent: 5px;
}

.sIFR-hasFlash h3.substory_head {
	font-size: 18px;
}

.sIFR-hasFlash #sidebar ul li h2 {
	font-weight: normal;
	font-size: 12px;
	color: #186FD0;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}


.sIFR-hasFlash #sidebar ul li h2.widgettitle {
	margin: 15px 0 10px 0;
}

.sIFR-hasFlash h3.subhead {
	font-weight: normal;
	font-size: 12px;
	color: #186FD0;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	width: auto;
}

.sIFR-hasFlash #linkblog h3.substory_subhead {
    font-size: 12px;
}

#footer {
     clear:both;
     font-size:11px;
     color:#777;
     margin:150px 25px 25px 36px;
     text-transform:uppercase;
}

#content_wrap { position:relative; }
#slideshow { position:relative; left:-70px; }