/*  







Theme Name: Sinister Wheel





Theme URI: http://www.williamjhines.com/







Description: The William J Hines developed theme for Sinister Wheel







Version: 1.0







Author: William J Hines







Author URI: http://www.williamjhines.com/















	Sinister Wheel Website







	http://www.williamjhines.com/















	This theme was developed by William J Hines.















	The CSS, XHTML and design is released under GPL:







	http://www.opensource.org/licenses/gpl-license.php















*/















/* BEGIN CUSTOM FORMATTING */



html, body {



	margin: 0px;

	padding: 0px;

	color: #323235;

	height: 100%;	

	font-family: Arial, Helvetica, sans-serif;	

	size: 12px;


}

a:link {

	color: #e4ca80;
	text-decoration: none;

}

a:active {

	color: #e4ca80;
	text-decoration: none;

}

a:visited {

	color: #e4ca80;
	text-decoration: none;

}

a:hover {

	color: #83aae5;
	text-decoration: none;

}

p a:link {

	background: url(images/s-icon.gif) no-repeat center left;
	padding: 0 0 1px 18px;

}

p a:active {

	background: url(images/s-icon.gif) no-repeat center left;
	padding: 0 0 1px 18px;

}

p a:visited {

	background: url(images/s-icon.gif) no-repeat center left;
	padding: 0 0 1px 18px;

}

p a:hover {

	background: url(images/s-icon-hover.gif) no-repeat center left;
	padding: 0 0 1px 18px;

}

h1 {



	font-size: 16px;
	
	color: #fff;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: none;



}

h3 {



	font-size: 18px;
	
	color: #fff;


	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: none;



}

h2 {



	font-size: 14px;
	
	color: #ababb2;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: none;



}

h1 a:link, h1 a:active, h1 a:visited {



	font-size: 16px;
	
	color: #fff;
	
	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	
	background: none;
	
	padding: 0;



}

h1 a:hover {



	font-size: 16px;
	
	color: #fff;
	
	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: underline;
	
	background: none;
	
	padding: 0;



}

h3 a:link, h3 a:active, h3 a:visited {



	font-size: 18px;
	
	color: #fff;
	


	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	
	background: none;
	
	padding: 0;



}

h3 a:hover {



	font-size: 18px;
	
	color: #fff;
	


	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration: underline;
	
	background: none;
	
	padding: 0;



}

#container {



	left: 50%;

	width: 850px;

	top: 0;

	background: no-repeat bottom left;

	margin-left: -420px;

	margin-top: 0;

	margin-bottom: 0px;

	padding: 0px 0px 0px 0px;

	position: relative;

	background: no-repeat bottom center;



}



.flash-placer {



	width: 531px;

	height: 245px;

	padding: 0;

	margin: 0;



}

#flash-box {

	margin: 0;
	padding: 6px;

}



#main-copy1 {



	width: 504px;

	margin: 0;

	padding: 0;



}



#main-copy2 {



	width: 504px;

	margin: 0;

	padding: 0;



}



#main-copy3 {



	width: 504px;

	margin: 0px;

	padding: 0 0 50px 0;



}



#main-copy4 {



	padding: 15px 25px 30px 30px;

	color: #ffffff;

	font-size: 14px;
	
	height: 300px;
	
	overflow: auto;
	
	margin: 3px 20px 0 0;

}

#main-copy5 {



	padding: 15px 25px 0px 30px;

	color: #ffffff;

	font-size: 14px;




}

#main-copy4b {



	padding: 15px 25px 30px 30px;

	color: #ffffff;

	font-size: 14px;
	
	height: 150px;
	
	overflow: auto;
	
	margin: 3px 20px 0 0;

}

#main-copy5b {



	padding: 15px 25px 0px 30px;

	color: #ffffff;

	font-size: 14px;
	
	height: 400px;
	
	overflow: auto;
	
	position: relative;
	
	margin: 3px 20px 0 0;




}

#sinister-sep {



	background: url(images/sinister-sep.gif) no-repeat top center;

	height: 23px;

	margin: 0 20px 30px 20px;



}



#footer {



	background: url(images/footer.gif) no-repeat top center;

	height: 75px;

	margin-top: 20px;



}



#footer-inset {



	padding: 26px 0px 0px 151px;

	margin: 0;



}



.smalltxt {



	font-size: 12px;

	color: #9e9a8f;

	text-align: left;



}



.showcase-tagline {



	padding: 8px 15px 0 30px;



}



#main-copy4 h1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ffffff;



}



#main-copy4 p {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ababb2;



}

#main-copy5 h1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ffffff;



}



#main-copy5 p {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #fff;



}
.white, p.white,  #main-copy4 p.white   {

	color: #fff;

}


#bigbox1 {



	margin: 0;

	padding: 0;

	

}



#bigbox2 {



	margin: 0;

	padding: 0;
	
	width: 850px;

	

}



#bigbox3 {



	margin: 0;

	padding: 0;

	width: 850px;

	

}

#bigbox3-main {

	height: 257px;

}

#bigbox3-gallery {



	margin: 0;

	padding: 0;

	width: 850px;
	
	height: 225px;

	

}

#bigbox3-gallery-gallery {



	margin: 0;

	height: 202px;

	padding: 50px 0 0 200px;
	
	background: url(images/showcase-BIKE.jpg) no-repeat center left;
	

}

#thanks-upload {

	padding: 0px 0px 0px 150px;
	color: #fff;
	font-size: 14px;

}

#bigbox3-gallery-events {



	margin: 0;

	height: 202px;
	
	padding: 50px 0 0 200px;
	
	background: url(images/showcase-EVENT.jpg) no-repeat center left;
	

}


#bigbox3b {



	margin: 0;
	padding: 18px 175px 25px 25px;

	

}

#bigbox4 {

	margin: 0;
	padding: 18px 25px 25px 25px;
	background: url(images/callys.gif) no-repeat 575px 40px; }

}

#bigbox4 h1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ffffff;



}



#bigbox4 p {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ababb2;



}



/* END CUSTOM FORMATTING*/















/* BEGIN WORDPReSS FORMATTING*/





























/* Begin Structure */















.narrowcolumn {







	float: left;







	padding: 0 0 20px 45px;







	margin: 0px 0 0;







	width: 450px;







	}















.widecolumn {







	padding: 10px 0 20px 0;







	margin: 5px 0 0 150px;







	width: 450px;







	}















.post {







	margin: 0;







	text-align: justify;







	}















.post hr {







	display: block;







	}















.widecolumn .post {







	margin: 0;







	}















.narrowcolumn .postmetadata {







	padding-top: 5px;







	}















.widecolumn .postmetadata {







	margin: 30px 0;







	}















.widecolumn .smallattachment {







	text-align: center;







	float: left;







	width: 128px;







	margin: 5px 5px 5px 0px;







}















.widecolumn .attachment {







	text-align: center;







	margin: 5px 0px;







}















.postmetadata {







	clear: left;







}























/* End Structure */































































/* Begin Images */





.description {



	float: left;

	padding: 0px 40px 0px 0px;

}









/*	Using 'class="alignright"' on an image will (who would've







	thought?!) align the image to the right. And using 'class="centered',







	will of course center the image. This is much better than using







	align="center", being much more futureproof (and valid) */















img.centered {







	display: block;







	margin-left: auto;







	margin-right: auto;







	}















img.alignright {







	padding: 4px;







	margin: 0 0 2px 7px;







	display: inline;







	}















img.alignleft {







	padding: 4px;







	margin: 0 7px 2px 0;







	display: inline;







	}















.alignright {







	float: right;







	}















.alignleft {







	float: left







	}







/* End Images */































/* Begin Lists















	Special stylized non-IE bullets







	Do not work in Internet Explorer, which merely default to normal bullets. */















html>body .entry ul {







	margin-left: 0px;







	list-style: none;







	padding-left: 10px;







	text-indent: -10px;







	} 















html>body .entry li {







	margin: 7px 0 8px 10px;







	}















.entry ul li:before, #sidebar ul ul li:before {







	content: "\00BB \0020";







	}















.entry ol {







	padding: 0 0 0 35px;







	margin: 0;







	}















.entry ol li {







	margin: 0;







	padding: 0;







	}















.postmetadata ul, .postmetadata li {







	display: inline;







	list-style-type: none;







	list-style-image: none;







	}















#sidebar ul, #sidebar ul ol {







	margin: 0;







	padding: 0;







	}















#sidebar ul li {







	list-style-type: none;







	list-style-image: none;







	margin-bottom: 15px;







	}















#sidebar ul p, #sidebar ul select {







	margin: 5px 0 8px;







	}















#sidebar ul ul, #sidebar ul ol {







	margin: 5px 0 0 10px;







	}















#sidebar ul ul ul, #sidebar ul ol {







	margin: 0 0 0 10px;







	}















ol li, #sidebar ul ol li {







	list-style: decimal outside;







	}















#sidebar ul ul li, #sidebar ul ol li {







	margin: 3px 0 0;







	padding: 0;







	}







/* End Entry Lists */































/* Begin Form Elements */







#searchform {







	margin: 10px auto;







	padding: 5px 3px; 







	text-align: center;







	}















#sidebar #searchform #s {







	width: 108px;







	padding: 2px;







	}















#sidebar #searchsubmit {







	padding: 1px;







	}















.entry form { /* This is mainly for password protected posts, makes them look better. */







	text-align:center;







	}















select {







	width: 130px;







	}















#commentform input {









	width: 170px;







	padding: 2px;







	margin: 5px 5px 1px 0;







	}















#commentform textarea {







	width: 100%;







	padding: 2px;







	}















#commentform #submit {







	margin: 0;







	float: right;







	}







/* End Form Elements */































/* Begin Comments*/







.alt {







	margin: 0;







	padding: 10px;







	}















.commentlist {







	padding: 0;







	text-align: justify;







	}















.commentlist li {







	margin: 15px 0 3px;







	padding: 5px 10px 3px;







	list-style: none;







	}































.nocomments {







	text-align: center;







	margin: 0;







	padding: 0;







	}















.commentmetadata {







	margin: 0;







	display: block;







	}







/* End Comments */































/* Begin Sidebar */







#sidebar







{







	padding: 20px 0 10px 0;











	}















#sidebar form {







	margin: 0;







	}







/* End Sidebar */































/* Begin Calendar */







#wp-calendar {







	empty-cells: show;







	margin: 10px auto 0;







	width: 155px;







	}















#wp-calendar #next a {







	padding-right: 10px;







	text-align: right;







	}















#wp-calendar #prev a {







	padding-left: 10px;







	text-align: left;







	}















#wp-calendar a {







	display: block;







	}















#wp-calendar caption {







	text-align: center;







	width: 100%;







	}















#wp-calendar td {







	padding: 3px 0;







	text-align: center;







	}















#wp-calendar td.pad:hover { /* Doesn't work in IE */







	background-color: #fff; }







/* End Calendar */































/* Begin Various Tags & Classes */







acronym, abbr, span.caps {







	cursor: help;







	}















acronym, abbr {







	border-bottom: 1px dashed #999;







	}

















blockquote {







	margin: 15px 30px 0 10px;







	padding-left: 20px;







	border-left: 5px solid #ddd;







	}















blockquote cite {







	margin: 5px 0 0;







	display: block;







	}















.center {







	text-align: center;







	}















hr {







	display: none;







	}















a img {







	border: none;







	}















.navigation {







	display: block;







	text-align: center;







	margin-top: 10px;







	margin-bottom: 60px;







	}







/* End Various Tags & Classes*/































/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.







	It won't be a stylish marriage, I can't afford a carriage.







	But you'll look sweet upon the seat of a bicycle built for two." */





#post-markup, #post-markup a, #post-markup a:visited, #post-markup a:active {



	margin: 0px;

	padding: 5px 0px 5px 0px;

	color: #ffffff;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;



}



#post-markup a:hover {



	margin: 0px;

	padding: 5px 0px 0px 0px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	text-decoration: underline;

	background: transparent;



}





#clear {



	clear: left;



}



.media-items {

	clear:both !important;

	display:block !important;

	font-size:0.9em !important;

	padding-top:15px;

	text-align:left;

}



.media-items img {

	float: left;

	padding: 0px 67px 0px 0px;

}



.media-bottom {

	clear:both;

	display:block !important;

	padding: 5px 0px;

	font-size: 0.9em;

	overflow:hidden;

	width:100%;

}



.logo-items-desc {

	float: left;

	padding: 0px 70px 0px 0px;

}



.media-items-desc {

	float: left;

	padding: 0px 35px 0px 0px;

}



#inset-gallery {



	float: left;

	padding: 6px;



}

.showcase-tagline p { margin: 0px; }