/*
 Theme Name:   Twenty Twelve Child
 Description:  Richard Perso (v1 Chris)
 Author:       Michael Rosenbrock
 Template:     twentytwelve
 Version:      1.0.0
*/


@import url("../twentytwelve/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */


/* General formatting
-------------------------------------------------------------- */

/*-- turn off word wrap and hyphens for site --*/
.site-content article {
	word-wrap: normal;
	hyphens: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
}
.widget-area .widget {
	word-wrap: normal;
	hyphens: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
}

/*-- set site background --*/
body {
	background-color: #141415;
	background-image: url('http://richardperso.com/wp-content/uploads/2014/09/bg_body2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	}
	
body {
	background-color: #141415;
}

/*-- remove white background --*/
.site {
	background: none !important;
	margin-top: 0 !important;
	box-shadow: 0 0 0 !important;
	}

.site-header {
	padding: 0;
}

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

/*-- remove site navigation menu --*/
#site-navigation {
	display: none;
	}

/*-- remove header group --*/
hgroup {
	display: none;
	}

/*-- header - div for music store link --*/
#headerstorelink {
	float: right;
	margin-top: 25px;
	}

/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
	.site-content {
		float: right;
	}
	.widget-area {
		float: left;
	}
}
/* for IE8 and IE7 ----------------*/
.ie .site-content {
	float: right;
}
.ie .widget-area {
	float: left;
}

/*-- change width of main and side bar --*/
.site-content {
	width: 75.104166667%;
	}
.widget-area {
	width: 16.041666667%; 
	}


/* Content styles
-------------------------------------------------------------- */

/*-- p - paragraph text --*/
p {
	color: white;
}

/*-- h1 - note use of Google font, need to load in header--*/
h1 {
	font-family: 'Special Elite', cursive;
	color: rgb(255,255,255);
	}

/*-- h3 - remove clear both to get flow of text on contact page--*/
h3 { 
	clear: none !important;
	}
/*-- h3 - colour pink and font size --*/
h3 {
	color: rgb(255,0,255);
	font-size: 24px;
}
/*-- h4 - colour white --*/
h4 {
	color: white;
}

/*-- images --*/
img {
	box-shadow: 0 0 0 !important;
}

/* Formatting - main content
-------------------------------------------------------------- */

/*-- format article entries --*/
.site-content article {
	background-color: rgba(0,0,0,0.5);
	padding: 30px;
	padding-top: 15px;
	box-shadow: 0 0 0 !important;
	margin: 0;
	}
.site-content article {
	border: none;
	margin-bottom: 0;
}


/*-- custom format for front page --*/
#post-21 {
	margin-top: 185px;
	}
#post-21 .entry-header {
	display: none;
	}

/*-- table formatting in articles --*/
.entry-content td {
	padding: 0;
	border: 0;
	color: white;
}
.entry-content table {
	color: white;
	border: 0;
}


/* Formatting - side bar
-------------------------------------------------------------- */

/*-- format side menu --*/
.menu-item a {
	font-family: 'Special Elite', cursive;
	text-decoration:none !important;
	color:#000;
	font-size:18px;	
	text-transform:uppercase;
}
.widget-area .widget a { color: white; }
.widget-area .widget a:link { color: white; }
.widget-area .widget a:visited { color: white; }
.widget-area .widget a:active { color: lightgrey; }
.widget-area .widget a:hover { color: lightgrey; }
.widget-area .widget li {
	line-height: 1.3;
	font-weight: bold;
}
.widget-area .widget li a:hover {
	color: white;
}

/*-- format email subscription form --*/
.widget-area .widget h3 {
	color: white;
	margin-bottom: 0px;
}
.widget-area .widget p {
	margin-bottom: 0px;
}
.sendpress-signup-form #thanks {
	color: white;
}
.widget-title {
	margin-bottom: 0px;
}
input[type="submit"] {
	margin-top: 2px;
}
#sendpress-public {
	background-color: rgba(0,0,0,0.5);
	padding: 15px;
}

/* Formatting - footer
-------------------------------------------------------------- */

/*-- padding for sponsor images in footer area --*/
footer img { 
	padding-right: 35px;
	padding-left: 10px;
	}
/*-- remove footer border --*/
footer {
	border: none !important;
}




/* Responsive layout tweaks
-------------------------------------------------------------- */


@media screen and (max-width: 600px)
{
.site-content {width: 100%;}
.widget-area {width: 100%;}
#post-21 {margin-top: 20px;}
.menu-item a:link { color: white;}
.widget-area .widget li a:visited { color: white;} 
#headerstorelink {display: none;}
}

@media screen and (min-width: 600px) and (max-width: 960px) 
{
.site-content {width: 65.104166667%;}
.widget-area {width: 26.041666667%;}
}