/*
THEME NAME: Hubcaps
THEME URI: http://www.flatfields.com
DESCRIPTION: Rockabilly theme for Sean Castillo and The Hubcaps
VERSION: 1.6
AUTHOR: <a href="http://flatfields.com/">Paul Bennett</a>
AUTHOR URI:
TAGS: rockabilly, music, sean castillo, hubcaps, al almaya, bob stafford, johnny mendez
*/

/* Two-column with sidebar on left from the /examples/ folder  
*/
@import url('1c-b.css');

body {
	font: 100% Courier, Times;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/* color: #e8d478; */
	color: #2a0000;
	
}
.hubcaps #header {
	width: 780px;
	height: 268px;
	margin: 0 auto;
	border: 0px solid #000000;
	background-image: url(images/header.jpg);
}
.hubcaps #navigation {
	width: 780px;
	height: 29px;
	margin-left: 0px;
	border: 0px solid #000000;
	position: relative;
	top: 204px;
}

.hubcaps #intro {
	width: 560px;
	color: #ffffff;
	font-weight:bold;
	margin-left: 120px;
	
	position: relative;
	top: 220px;
}

.hubcaps #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/background.jpg);
}
.hubcaps #content {
	width: 640px;
	margin-left: 50px;
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.hubcaps #content2 {
	width: 400px;
	margin-left: 50px;
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border: solid #0000FF;
	float: left;
}
 .hubcaps #footer {
	width: 780px;
	height: 90px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url(images/footer.jpg);
}

.hubcaps #footer p{	
margin: 20px;
}

#hpc1 {
width: 400px;
float: left;
clear: both;
}
#hpc2 {
width: 200px;
float: left;
padding-left: 0px;
}

h1 {
color: #9f0000;
}


h2 {

margin: 5px 0px 5px 0px;
color: #9f0000;
font-size: 20px;
}

h3 {
margin: 5px 0px 5px 0px;
color: #ffffff;
font: 14px Courier, Times;

}
a {

color: #006459;
}
/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title {
clear:both;
padding-top: 10px;
}

.entry-meta {
clear:both;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
font: 80% arial, verdana;
font-size: 12px;
text-align: center;
border-top: thin dotted #28211a;
border-bottom: thin dotted #28211a;
}

.entry-date,.published {
font-size: 12px;
color: #65000;
clear:both;
}

.entry-content2 {

width: 620px;
position: relative;
clear: all;
}
.entry-content3 {

width: 300px;
float: right;
position: absolute;
left: 320px;
top: 5px;
clear: all;
padding-bottom: 30px;
}
div#container,div#primary {
margin-top:269px;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:none;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}
div#sideshoppingcart {
	width: 180px;
}
/*div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}*/

div#Sicon {

width: 200px;
float: left;
}

div#Sicon2 {
padding-top: 10px;
padding-left: 10px;
width: 200px;
height: 200px;
float: left;
background-image: url(http://www.seancastilloandthehubcaps.com/wp-content/themes/sandbox/images/mp3-icon.gif);
}
 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
/* background-image: url(http://www.seancastilloandthehubcaps.com/wp-content/themes/sandbox/images/arrow.gif); */
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}

#dl ul
{
list-style-type: none;
}

li
{
font: 12px Courier, Times;
list-style-type: none;
/* list-background: url(http://www.seancastilloandthehubcaps.com/wp-content/themes/sandbox/images/arrow.gif); */
line-height: 20px;
padding-left: .1em;
}
p
{
font-size: 14px;
color: #2a0000;
padding: 0;
margin-top: 7px;
margin-bottom: 5px;
}
.hubcaps #band {
	height: 220px;
}
/* page navi */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #0066cc;
	color: #d5d5d5;
	/* background-color: #3b3a43;	*/
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #0066cc;
	color: #797979;
	background-color: #323139;	
}
.wp-pagenavi a:hover {	
	border: 0px solid #000000;
	color: #000000;
	background-color: #ffc57a;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #0066cc;
	color: #ffffff;
	background-color: #6b4927;	
}
.wp-pagenavi span.pages {
	padding: 2px 40px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #d5d5d5;
	border: 0px solid #000000;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: normal;
	border: 0px solid #000000;
	color: #fff;
	background-color: #ff2700;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px solid #000000;
	color: #eaeaea;
	background-color: #3b3a43;
}

div#coldform * {
	padding: 0;
	margin: 0px, auto;
	border: 0;
}
div#coldform {
	font-family: "courier", "Lucida Sans Unicode", Verdana, sans-serif;
	/* background-color: #111; */
	font-size: 12px;
	margin: 11px 0;
	width: 540px;
	color: #ffffff;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
}
div#coldform legend.hide {
	display: none;
}
.label:after {
	content: "> ";
}
.input:focus, textarea:focus { 
	border: 1px solid #777; 
	color: #aaa;
}
div#coldform label.label {
	font-size: 1.1em;
	display: block;
	margin: 5px 0;
	width: 177px;
	clear: left;
	float: left;
}
input#coldform_carbon { margin-bottom: -7px; }
div#coldform textarea#coldform_message,  
div#coldform input.input {
	font-family: "Courier New", monospace, sans-serif;
	border: 1px solid #444;
	letter-spacing: 1px;
	background: #222; 
	padding: 1px 3px;
	font-size: 1.1em;
	margin-top: 7px;
	display: block;
	width: 300px;
	color: #888;
	clear: right;
	float: right;
}
div#coldform input.submit {
	border: 1px solid #444;
	margin: 7px 0 17px 0;
	letter-spacing: 1px;
	font-weight: bold;
	/* background: #222; */
	font-size: 1.1em;
	cursor: pointer;
	display: block;
	padding: 3px;
	width: 308px;
	color: #888;
	clear: right;
	float: right;
}








.breaking, .recent {
padding: 10px;
border: 1px solid #3d3d3d;
margin-bottom: 15px;
}

	.postimg {
	float: right;
	width: 200px;
	height: 200px;
	padding-bottom: 10px;
	}
	
	.postimg-s {
	float: right;
	width: 50px;
	height: 50px;
	padding-bottom: 10px;
	}
	
	.breaking h2 {
	font-size: 2.5em;
	line-height: 1em;
	margin-bottom: 0px;
	}
	
		.breaking h2 a, .recent h3 a {
		text-decoration: none;
		color: #3d3d3d;
		}
		
		.breaking h2 a:hover, .recent h3 a:hover {
		text-decoration: underline;
		}
	
	p.datetime {
	font-style: italic;
	font-size: 0.9em;
	}
	
	/* POST META */
	.postmeta {
	margin: -10px;
	padding: 4px;
	background-color: #dedbd1;
	clear: both;
	}
	
		.postmeta p {
		margin: 0;
		padding-left: 6px;
		text-transform: uppercase;
		font-weight: bold;
		}
		
		.postmeta span.comm {
		font-weight: normal;
		}
		
		.postmeta a:link, .postmeta a:visited {
		color: #3d3d3d;
		text-decoration: none;
		}
		
		.postmeta a:hover, .postmeta a:active {
		text-decoration: underline;
		}
		
		
#wp-calendar{text-align:center;margin:0;width:95%;}
#wp-calendar td{line-height:10px;font-size:10px;color:#333;}
#wp-calendar td a{display:block;color:#000;text-decoration:none;line-height:10px;border:1px solid #ccc;}
#wp-calendar #prev a{width:30px;}
#wp-calendar #next a{width:30px;margin:0 0 0 30px;}
#wp-calendar #today{background:transparent;color:#999;}
#wp-calendar #today a{color:#000;font-weight:700;border:1px solid #ccc;}
#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;text-transform:lowercase;}
.contactc1 {
	width: 300px;
        margin: 20px;
	float: left;
}
.contactc2 {
	width: 300px;
	float: left;
}

/* page navi */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #0066cc;
	color: #d5d5d5;
	/* background: url(images/content-bg.png);
	background-color: #3b3a43;	*/
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #0066cc;
	color: #797979;
	/* background: url(images/content-bg.png);
	 background-color: #323139;	 */
}
.wp-pagenavi a:hover {	
	border: 0px solid #000000;
	color: #76d5ff;
	background-color: #5e5e5e;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #0066cc;
	color: #d4fb78;
	/* background-color: #5e5e5e;	*/
}
.wp-pagenavi span.pages {
	padding: 2px 40px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #d5d5d5;
	border: 0px solid #000000;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: normal;
	border: 0px solid #000000;
	color: #fff;
	background-color: #ff2700;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px solid #000000;
	color: #eaeaea;
	/* background-color: #3b3a43;*/
}