/*
Theme Name: Spark Check
Theme URI: http://www.sparkcheck.net/
Description: Theme from <a href="http://www.sparkcheck.net/">Spark Check</a>.
Version: 1.3
Author: Bill Butler
Author URI: http://www.sparkcheck.net/

	This theme was designed by Bill Butler.
*/

/* --------------------------------------------------  */
/* ------------------------------------- Basic Layout  */
/* --------------------------------------------------  */

html { 
	padding: 0; 
	margin: 0;
    border: 0;
	}

body {
	text-align: center;
	background: #808080 url("images/bodyBack.jpg") center bottom no-repeat;
	}

#page {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	width: 1000px;
	height: 100px;
    background: transparent url("images/headerBack.jpg") left top no-repeat;
	}

	/* --------------------------------------------------  */
	/* ------------------------------ Rollover in #header  */
	/* --------------------------------------------------  */

	#title {
		width: 1000px;
		height: 100px;
		background: transparent;
		position: relative;
		}

	#title li	{
		list-style: none;
		display: block;
		position: absolute;
		}
        
    #title li a:link, #title li a:visited, #title li a:hover, #title a:active {
        display: block;
		width: 100%;
		height: 100%;
        }
        
	#blogTitle	{
		left: 0px;
		top: 35px;
		width: 443px;
		height: 43px;
		}

	#blogTitle a:link, #blogTitle a:visited { 
		background: url("images/sparkcheckTitle.gif") no-repeat;
		background-position: left top; 
		}

	#blogTitle a:hover, #blogTitle a:active { 
		background: url("images/sparkcheckTitle.gif") no-repeat; 
		background-position: left bottom; 
		}
        
    #menuHome {
        left: 472px;
        top: 63px;
        width: 75px;
        height: 15px;
        }
        
    #menuHome a:link, #menuHome a:visited { 
		background: url("images/sparkcheckTitleMenu.gif") no-repeat;
		background-position: left top; 
		}

	#menuHome a:hover, #menuHome a:active { 
		background: url("images/sparkcheckTitleMenu.gif") no-repeat; 
		background-position: left bottom; 
		}
        
    #menuArchives {
        left: 547px;
        top: 63px;
        width: 98px;
        height: 15px;
        }
        
    #menuArchives a:link, #menuArchives a:visited { 
		background: url("images/sparkcheckTitleMenu.gif") no-repeat;
		background-position: -75px top; 
		}

	#menuArchives a:hover, #menuArchives a:active { 
		background: url("images/sparkcheckTitleMenu.gif") no-repeat; 
		background-position: -75px bottom; 
		}
        
    #menuAbout {
        left: 645px;
        top: 63px;
        width: 81px;
        height: 15px;
        }
        
    #menuAbout a:link, #menuAbout a:visited { 
		background: url("images/sparkcheckTitleMenu.gif") no-repeat;
		background-position: right top; 
		}

	#menuAbout a:hover, #menuAbout a:active { 
		background: url("images/sparkcheckTitleMenu.gif") no-repeat; 
		background-position: right bottom; 
		}
        
	#twitterBird	{
		left: 966px;
		top: 21px;
		width: 34px;
		height: 29px;
		}

	#twitterBird a:link, #twitterBird a:visited { 
		background: url("images/twitter-rss.jpg") no-repeat;
		background-position: left top; 
		}

	#twitterBird a:hover, #twitterBird a:active { 
		background: url("images/twitter-rss.jpg") no-repeat; 
		background-position: right top; 
		}
        
	#rssLogo	{
		left: 966px;
		top: 50px;
		width: 34px;
		height: 28px;
		}

	#rssLogo a:link, #rssLogo a:visited { 
		background: url("images/twitter-rss.jpg") no-repeat;
		background-position: left bottom; 
		}

	#rssLogo a:hover, #rssLogo a:active { 
		background: url("images/twitter-rss.jpg") no-repeat; 
		background-position: right bottom; 
		}

	#searchBox {
		left: 758px;
		top: 50px;
		}
        
    #customBox {
		width: 200px;
		height: 27px;
		background: transparent url("images/searchbox.jpg") left top no-repeat;
        position: relative;
        }
        
    #customBox form { display: inline ; }
 
    .insideBox {
        border: 0px; 
        background-color: transparent;
        position: absolute;
        top: 5px;
        left: 21px;
        width: 174px;
        }

#reports {
	clear: both;
	width: 1000px;
	}
    
    .post {
        background: #fff url("images/reportBody.gif") repeat-y;
        margin: 0 0 15px 0;
        }
    
    .postHeader {
        height: 120px;
        background: url("images/reportHeader.gif") no-repeat;
        }
        
        .postIncident {
            width: 245px;
            height: 50px;
            float: left;
            }
            
        .postSubject {
            width: 755px;
            height: 50px;
            float: left;
            }
            
        .postDate {
            width: 140px;
            height: 30px;
            float: left;
            }
            
        .postTime {
            width: 105px;
            height: 30px;
            float: left;
            }
            
        .postAuthor {
            width: 305px;
            height: 30px;
            float: left;
            }
            
        .postCategories {
            width: 350px;
            height: 30px;
            float: left;
            }
        
        .postComments {
            width: 100px;
            height: 30px;
            float: left;
            }

        
    .postBody {
        margin: 0 250px;
        }
        
    .postFooter {
        height: 50px;
        background: url("images/reportFooter.gif") no-repeat;
        }
        
#sidebar {
	clear: both;
	width: 1000px;
	}

/* --------------------------------------------------- */
/* 3 Column Settings by Matthew Taylor --------------- */
/* http://matthewjamestaylor.com --------------------- */
/* --------------------------------------------------- */

	/* column container */

.colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	}

	/* holy grail 3 column settings */

.holygrail {
	background: transparent;	/* Right column background colour */
	}

.holygrail .colmid {
	float: left;
	width: 200%;
	margin-left: -333px; 		/* Width of right column */
	position: relative;
	right: 100%;
	background: transparent; 	/* Centre column background colour */
	}

.holygrail .colleft {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 666px;				/* Left column width + right column width */
	background: transparent;	/* Left column background colour */
	}

.holygrail .col1wrap {
	float: left;
	width: 50%;
	position: relative;
	right: 333px;				/* Width of left column */
	padding-bottom: 0;			/* Centre column bottom padding. Leave it out if it's zero */
	}
	
.holygrail .col1 {
	margin: 0 348px 0 348px;	/* Centre column side padding:
								   Left padding = left column width + centre column left padding width
								   Right padding = right column width + centre column right padding width */
	position: relative;
	left: 200%;
	overflow: hidden;
	}

.holygrail .col2 {
	float: left;
	float: right;			/* This overrides the float:left above */
	width: 303px;        	/* Width of left column content (left column width minus left and right padding) */
	position: relative;
	right: 15px;         	/* Width of the left-had side padding on the left column */
	}

.holygrail .col3 {
	float: left;
	float: right;			/* This overrides the float:left above */
	width: 303px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right: 45px;  	/* Width of right column right-hand padding + left column left and right padding */
	position: relative;
	left: 50%;
	}

#footer {
	clear: both;
	width: 1000px;
	height: 125px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	}

/* -----------------------------------------------------  */
/* ------------------------------------- Text Formatting  */
/* -----------------------------------------------------  */

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
	font-family: 'TypewriterFSRegular';
	src: url('fonts/Typewriter-Regular-webfont.eot');
	src: local('☺'), url('fonts/Typewriter-Regular-webfont.woff') format('woff'), url('fonts/Typewriter-Regular-webfont.ttf') format('truetype'), url('fonts/Typewriter-Regular-webfont.svg#webfontk4qDRzod') format('svg');
}

@font-face {
	font-family: 'TypewriterFSBold';
	src: url('fonts/Typewriter-Bold-webfont.eot');
	src: local('☺'), url('fonts/Typewriter-Bold-webfont.woff') format('woff'), url('fonts/Typewriter-Bold-webfont.ttf') format('truetype'), url('fonts/Typewriter-Bold-webfont.svg#webfontk4qDRzod') format('svg');
}

@font-face {
	font-family: 'TypewriterFSItalic';
	src: url('fonts/Typewriter-Italic-webfont.eot');
	src: local('☺'), url('fonts/Typewriter-Italic-webfont.woff') format('woff'), url('fonts/Typewriter-Italic-webfont.ttf') format('truetype'), url('fonts/Typewriter-Italic-webfont.svg#webfontk4qDRzod') format('svg');
}

@font-face {
	font-family: 'TypewriterFSBoldItalic';
	src: url('fonts/Typewriter-BoldItalic-webfont.eot');
	src: local('☺'), url('fonts/Typewriter-BoldItalic-webfont.woff') format('woff'), url('fonts/Typewriter-BoldItalic-webfont.ttf') format('truetype'), url('fonts/Typewriter-BoldItalic-webfont.svg#webfontk4qDRzod') format('svg');
}

body {
	font: 19px TypewriterFSRegular, "Courier New", Courier, monospace;
	}
    
strong {
    font-family: TypewriterFSBold, "Courier New", Courier, monospace;
    font-style: normal;
    }
    
em {
    font-family: TypewriterFSItalic, "Courier New", Courier, monospace;
    font-style: normal;
    }
    
strong em {
    font-family: TypewriterFSBoldItalic, "Courier New", Courier, monospace;
    font-style: normal;
    }
    

	/* Post */

.post {	}
    
.post a, .post a:visited {
	color: #999;
	text-decoration: underline;
	}

.post a:hover, .post a:active {
	text-decoration: none;
    background-color: #ff0;
	}
    
.postIncident p {
    margin: 33px 0 0 25px;
    font-weight: bold;
    }

.postSubject p {
    text-transform: uppercase;
    margin: 33px 0 0 15px;
    font-weight: bold;
    }
    
.postSubject span {
    text-decoration: underline;
    }
    
.postDate p {
    margin: 15px 0 0 25px;
    }
    
.postTime p {
    margin: 15px 0 0 15px;
    }
    
.postAuthor p {
    margin: 15px 0 0 15px;
    }
    
.postCategories p {
    margin: 15px 0 0 15px;
    }
    
.postComments p {
    margin: 15px 0 0 15px;
    }

.postBody p { 
	margin-bottom: 12px;
	}
    
.postBody h1 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    }
    
.postBody h2 {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    }
    
.postBody h3 {
    font-size: 20px;
    font-style: italic;
    text-decoration: underline;
    }
    
.postBody h4 {
    font-size: 20px;
    font-weight: normal;
    text-decoration: underline;
    }
    
.postBody .hrule {
    text-align: center;
    margin: 12px 0 36px 0;
    }
    
.postBody ul {
    padding: 0;
    margin: 0;
    }
    
.postBody ul li {
    list-style: none;
    background: url("images/reportBullet.gif") left center no-repeat;
    padding-left: 15px;
    }

.postBody img {}

.tagger {
    clear: both;
    }


	/* Sidebar */
    
#sidebar {
    color: #fff;
    font-size: 18px;
    }
    
#sidebar ul {
    padding: 0 0 30px 0;
    margin: 0;
    }
    
#sidebar li {
    list-style: none;
    background: url("images/sidebarBullet.gif") left 6px no-repeat;
    padding-left: 15px;
    border-bottom: 1px dotted;
    }
    
#sidebar a:link, #sidebar a:visited { 
	text-decoration: none; 
	color : #fff; 
    display: block;
	}

#sidebar a:active, #sidebar a:hover { 
	text-decoration: none; 
	color : #808080;
    background-color: #ddd; 
    display: block;
	}
    
#sidebar h3 {
    font: 18px TypewriterFSBold, "Courier New", Courier, monospace;
    font-style: normal;
    }
    
#sidebar .col1 div {
    padding-bottom: 30px;
    }
    
#sidebar .col1 div a {
    display: inline;
    text-decoration: none;
    }

	/* Footer */

#footer p {
	padding-top: 80px;
    font-size: 18px;
	}

#footer a:link, #footer a:visited {
	color: #bbb;
	text-decoration: none;
	}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	}
    
    /* Comments */

#comment-box {
    padding: 0;
    margin: 0;
    border: 0;
    }
    
#comment-box h3 {
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    text-transform: uppercase;
    }
    
#comment-box #respond {
    padding: 10px 5px;
    }
    
#comment-box .comment-fields, .wpcf7-text {
    width: 50%; 
    padding: 3px; 
    color: #888;
    font: 16px TypewriterFSRegular, "Courier New", Courier, monospace;
    }
    
#comment-box .comment-forms, .wpcf7-textbox {
    width: 98%; 
    padding: 3px; 
    color: #888;
    font: 16px TypewriterFSRegular, "Courier New", Courier, monospace;
    }
    
#comment-box .focused {
    color: #555;
    }
    
.comment-body {
    clear: both;
    }
    
.commentHeader {
    width: 500px;
    height: 80px;
    background: transparent url("images/commentCard.gif") center 6px no-repeat;
    }
    
.commentFooter {
    width: 500px;
    height: 20px;
    }
    
#commentform p {
    padding: 0;
    }
    
.commentText p {
    font-weight: normal; 
    padding: 0 24px;
    }

.commentlist .avatar {
    padding: 6px;
    background-color: #fff;
    border: #888 1px solid;
    margin: -15px 25px 0 10px;
    float: right;
    }
     
.comment-author {
    width: 300px;
    height: 25px;
    float: left;
    }
    
.comment-author p {
    margin: 25px 0 0 45px;
    }
    
.comment-date {
    width: 200px;
    height: 25px;
    float: left;
    }
    
.comment-date p {
    margin: 25px 0 0 30px;
    }
    
.reply {
    padding: 65px 30px 0 0; 
    text-align: right;
    }

.commentlist {
    margin: 0;
    padding: 0;
    }
    
.commentlist li {
    list-style: none;
    margin-bottom: 18px;
    border: #000 1px solid;
    }
    
ul.children {
    margin: 0;
    padding: 0;
    }

ul.children .comment-body {
    background: transparent;
    }
    
ul.children .commentHeader {
    height: 48px;
    background: transparent;
    }
    
ul.children .commentHeader .comment-author {
    width: 300px;
    height: 18px;
    }
    
ul.children .commentHeader .comment-author p {
    margin: 0;
    }
    
ul.children .commentHeader .comment-date {
    width: 200px;
    height: 18px;
    clear: both;
    }
    
ul.children .commentHeader .comment-date p {
    margin: 0;
    }
    
ul.children .commentText p {
    font-weight: normal; 
    padding: 0;
    }

ul.children .avatar {
    height: 32px;
    width: 32px;
    padding: 3px;
    border: #ccc 1px solid;
    margin: -60px 0 0 0;
    float: right;
    }
    
ul.children .commentFooter {
    height: 5px;
    background: transparent;
    }
    
.commentlist ul.children li {
    background: #fafafa; 
    margin: 10px;
    padding: 10px;
    border: #ccc 1px solid;
    list-style: none;
    }
    
.commentlist ul li ul.children li {
    background: #fff;
    margin: 0;
    padding: 10px;
    border: #ccc 1px solid;
    }
    
    /* Page Nav */
    
.postNavigation {
    clear: both;
    text-align: center;
    padding: 24px 0;
    }
    
.wp-pagenavi {
    text-align: center;
    padding-top: 27px;
    }

.wp-pagenavi a {
    font-weight: normal;
    padding: 2px 3px;
    margin: 2px;
    text-decoration: none;
    }
    
.wp-pagenavi a:hover {
    background-color: #eee;
    }

.wp-pagenavi a.page { }

.wp-pagenavi a.first { }

.wp-pagenavi a.last { }

.wp-pagenavi span { }
    
.wp-pagenavi span.current {
    font-weight: bold;
    text-decoration: underline;
    padding: 2px 3px;
    margin: 2px;
    }
    
.wp-pagenavi span.extend {
    border: 0;
    }

.wp-pagenavi span.pages {
    padding-right: 8px;
    }
    
#navigation .wp-pagenavi {
    padding: 6px 0 36px 0;
    color: #fff;
    }
    
#navigation .wp-pagenavi a {
    color: #bbb;
    }
    
    /* Images */
    
.centered {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 6px;
    }
    
.alignleft {
    float: left;
    margin: 0 10px 10px -150px;
    }
    
.alignright {
    float: right;
    margin: 0 -150px 10px 10px;
    }
        
.picborder {
    padding: 9px;
    background-color: #fff;
    border: #888 1px solid;
    }