/*  
 * Theme Name: 		Shocking
 * Theme URI: 		http://www.theenglishguy.co.uk/shocking-theme/
 * Description: 	A two column theme, customised but easy to use, featuring jquery animation and brought to you by <a href="http://www.theenglishguy.co.uk">The English Guy</a>.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 * Version:			1.0.1
 * Tags:			two-columns,pink,black,right-sidebar,fixed-width,threaded-comments
 */

* {
    margin:					0;
	padding:                0;
}

body, html {
	background-color:		#000;
	font-family:			MyriadPro, Arial, Helvetica, sans-serif;
	font-size:				100%;
	background-image:		url(images/bg.png);
	background-position:	top center;
	background-attachment:	fixed;
	background-repeat:		no-repeat;
}

* html, * html body {
    background: #000 url(images/bg-trans.png) fixed no-repeat;
}



/*----------------------------- wrapper ------*/
#wrap {
    width:					950px;
	margin:					0 auto;
	text-align:				left;
}



/*-------------------------- main divs -------*/
#header {
	padding:                0 0 15px 0;
	position:				relative;
}
#header #text {
    margin:					0 0 0 25px;
}
#header h1 {
    padding:				0 0 5px 0;
}
#header h1 img {
    margin:					0 0 5px 0;
}
#header h2 {
    color:					#eee;
	padding:                0 0 10px 5px;
	font-size:				18px;
	font-style:				italic;
	text-transform:			lowercase;
}
#header #search {
	float:					right;
	width:					230px;
	margin:					0 30px 0 0;
	height:					51px;
	background-image:		url(images/search-trans.png);
	background-repeat:		no-repeat;
	background-position:	top left;
}
* html #header #search {
    margin:					0 10px 0 0;
}
#header #search form {
    margin:					0;
	padding:                0;
	background-color:		transparent;
}
#header #search input#s { 
	height:					24px;
	width:					150px;
	border:					1px solid #000;
	color:					#000;
	font-size:				15px;
	padding:                2px 0 0 2px;
	margin:					7px 0 0 23px;
}
*:first-child+html #header #search input#s {
    margin:					0 0 0 21px;
}
#header #search input#g { 
    margin:					0 0 -11px 0;
}
* html #header #search input#g {
    margin:					0 !important;
	margin-top:				-10px;
	margin-bottom:			10px;
}
*:first-child+html #header #search input#g { 
    margin:					0 !important;
}

#header #rss { 
	margin:					1px 5px 0 0;
	position:				absolute;
	top:					0px;
	left:					930px;
}
#header #rss a:link, #header #rss a:visited {
    background-image:		url(images/rss-trans.png);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	display:				block;
	width:					40px;
	height:					56px;
}
#header #rss a:hover { 
    background-position:	0px -56px;
}

#header #thread {
    min-height:             35px;
	height:					auto !important;
	height:					35px;
	width:					900px;
	margin:					0 auto;
	background-image:		url(images/thread-trans.png);
	background-repeat:		no-repeat;
}

#content {
    background-color:		transparent;
    width:					650px;
	margin:					0 0 0 25px;
	padding:                1px 0 0 0;
	float: 					left;
}
* html #content {
    margin:					0 0 0 10px;
}
#middle {
    background-color:		transparent;
}



/*-------------------------- sidebar ---------*/
#sidebar {
    width:					230px;
	float:					right;
	clear:					right;
	margin:					0 20px 0 0;
	padding:                0 10px 0 10px;
	text-align:				left;
}
* html #sidebar {
    margin:					0 5px 0 0;
}
#sidebar .block {
	margin:					0 0 10px 0;
}
#sidebar .block-top {
    min-height:             42px;
	height:					auto !important;
	height:					42px;
	background-image:		url(images/sidebar_top_up-trans.png);
	background-repeat:		no-repeat;
	background-position:	top left;
}
#sidebar .block-top h3 {
    padding:                15px 0 0 20px;
	font-size:				18px;
	font-weight:			bold;
	text-align:				left;
	cursor:					pointer;
}
#sidebar .block-content {
	background-image:		url(images/sidebar_middle-trans.png);
	background-repeat:		repeat-y;
	background-position:	top left;
}
#sidebar .block-bottom {
	min-height:             31px;
	height:					auto !important;
	height:					31px;
    background-image:		url(images/sidebar_bottom-trans.png);
	background-repeat:		no-repeat;
	background-position:	top left;
}
#sidebar ul {
    margin:					0;
	list-style-type:		none;
}
#sidebar ul li { 
    padding:                0;
	margin:					0;
}
#sidebar ul li a {
    display:				block;
	padding:                7px 5px 0 20px;
	min-height:             30px;
	height:					auto !important;
	height:					30px;
}
#sidebar ul ul li a {
    padding:                7px 5px 0 40px;
}
#sidebar ul li a:hover {
    background-image:		url(images/sidebar_middle2-trans.png);
	background-position:	0 0;
	background-repeat:		repeat-y;
}
#sidebar p {
    padding:                15px;
}


/*----------------------------- post ---------*/
.post {
	margin:                 0 0 10px 0;
}
.post-top {
	background-image:		url(images/panel_top-trans.png);
	background-repeat:		no-repeat;
	min-height:             40px;
	height:					auto !important;
	height:					40px;
	position:				relative;
}
.post-title {
	margin:					0 15px;
	padding:                15px 0 0 0;
}
.post-title h2 {
    font-size:				16px;
}

.post-meta { 
    width:					199px;
	float:					right;
	z-index:				90;
	position:				absolute;
	left:					441px;
	top:					11px;
}
.post-meta-panel { 
    display:				none;
	background-image:		url(images/meta-trans.png);
	background-repeat:		no-repeat;
	width:					199px;
	height:					210px;
	z-index:				85;
	position:				absolute;
	top:					8px;
	left:					441px;
}
.post-date { 
	float:					right;
    font-size:				12px;
}
.post-date p {
    margin:					0 11px 0 2px;
	padding:                5px 0 0 0;
	text-align:				center;
	color:					#000;
}
.post-date span.month { 
	font-weight:			bold;
}
.post-info {
	margin:					0 0 0 3px;
	cursor:					pointer;
}
.post-meta-panel .post-info {
    margin:					4px 0 0 14px;
}

.post-meta-meta {
    font-size:				13px;
	margin:					35px 5px 10px 5px;
}
.post-meta-meta p {
    padding:                4px 0 4px 0;
}
.post-meta-meta p.lined {
    border-bottom:			1px dotted #333;
}

.post-content {
	background-image:		url(images/panel_middle-trans.png);
	background-repeat:		repeat-y;
	background-position:	top left;
	line-height:			1.4em;
	padding:                0;
	font-size:				14px;
	min-height:             162px;
	height:					auto !important;
	height:					162px;
}
* html .post-content {
    background-image:		url(images/panel_middle_big-trans.png);
}
.post-content ul, .post-content ol, .post-content dl {
    padding:                5px 5px 10px 25px;
}
.post-main {
    padding:                0 15px;
}
.post-main p {
    padding:                3px 0 7px 0;
}

.post-bottom {
	min-height:             26px;
	height:					auto !important;
	height:					26px;
	background-image:		url(images/panel_bottom-trans.png);
	background-repeat:		no-repeat;
}

.post-comments-box {
	margin:					0 10px 0 0;
}
.post-comments-box p {
    text-align:				left;
	padding:                5px 0 0 0;
	margin:					2px 1px 0 0;
}



/*-------------------------- comments --------*/
.commentsdiv {
	margin:					10px 0 0 0;
	text-align:				left;
}
.commentlist {
    list-style:				none;
	padding:                0;
	margin:					0;
 	background-image:		url(images/panel_middle-trans.png);
	background-repeat:		repeat-y;
	background-position:	top left;
}
.threaded .commentlist {
    background-image:		none !important;
}
.commentlist li.comment {
	padding:                5px 15px 25px 15px;
	margin:					0;
	line-height:			1.3em;
	font-size:				13px;
}
.threaded .commentlist li.comment { 
    background-image:		url(images/comment_panel-trans.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
}
.commentlist li.comment:after {
    content: 				".";
    display: 				block;
    clear: 					both;
    visibility: 			hidden;
    line-height: 			0;
    height: 				0;
}
html[xmlns] .commentlist li.comment {
    display:				block;
}
* html .commentlist li.comment {
    height: 				1%;
}
.commentlist ul, .commentlist ol, .commentlist dl {
	padding:                0;
	margin:                 0 0 10px 20px;
}
.commentlist ul { 
    list-style-type:		disc !important;
}
.commentlist ol {
    list-style-type:		decimal;
}
.commentlist p {
    padding:                5px 0;
}

.commentlist .children {
    margin:					20px 0 0 0;
}

.comments-header {
	min-height:             30px;
	height:					auto !important;
	height:					30px;
	margin:					0 0 3px 0;
}
.comments-header h2 {
    padding:                3px 0 0 15px;
	font-size:				18px;
	color:					#fff !important;
}
.comment-author {
    float:					right;
	width:					80px;
	font-size:				11px;
	text-align:				center;
}
.comment-author-text {
    font-size:				16px;
	padding:				15px 0 0 15px;
}
.comment-author img {
    clear:					both;
	margin:					0 20px;
}
.comments-number { 
	font-size:				20px;
	font-weight:			bold;
	color:					#000;
	float:					right;
	padding:                0 5px 5px 5px;
}
.comments-poster {
    padding:                3px 0 10px 0;
	text-align:				center;
}
.comments-date {
    font-size:				11px;
}

.comments-top {
	background-image:		url(images/panel_top-trans.png);
	background-repeat:		no-repeat;
	min-height:             40px;
	height:					auto !important;
	height:					40px;
}
.comments-top h2 {
    padding:                13px 0 0 15px;
	font-size:				18px;
	color:					#000;
}
.comments-middle {
	color:					#000;
 	background-image:		url(images/panel_middle-trans.png);
	background-repeat:		repeat-y;
	background-position:	top left;
    padding:                5px 15px 7px 15px;
	min-height:             75px;
	height:					auto !important;
	height:					75px;
}
.comments-middle p {
	font-size:				14px;
	line-height:			1.4em;
	padding:                3px 0 7px 0;
}
.comments-date { 
	float:					right;
	padding:                16px 17px 0 0;
}
.comments-date p {
    font-size:				13px;
	text-align:				center;
	color:					#000;
}
.comments-bottom {
	min-height:             26px;
	height:					auto !important;
	height:					26px;
	background-image:		url(images/panel_bottom-trans.png);
	background-repeat:		no-repeat;
}

.commentform {
	width:					500px;
	margin:					0 auto;
	padding:                10px 0;
}
.commentform-inputs label {
    width:					100px;
	float:					left;
	font-size:				13px;
	font-weight:			bold;
}
.commentform-inputs input {
    margin:					0 0 5px 0;
	border:					1px solid #c03;
}
.commentform-inputs textarea {
    width:					498px;
	margin:                 0 0 25px 0;
	border:					1px solid #c03;
}
.commentform-inputs input#submit {
	float:					right;
	margin:                 0 5px 0 0;
	padding:                2px 5px;
}

.comments ul, .comments ol, .comments dl {
    margin:					0 0 0 25px;
}


/*---------------------------- footer --------*/
#footer { 
	background-image:		url(images/footer-trans.png);
	background-repeat:		no-repeat;
	background-position:	top left;
	min-height:             60px;
	height:					auto !important;
	height:					60px;
	width:					900px;
	margin:					0 auto;
}
#footer div {
	margin:					0 0 10px 0;
}
#footer p {
    padding:                18px 5px 0 5px;
	text-align:				center;
	color:					#000;
	line-height:			1.8em;
	font-size:				13px;
}



/*----------------------------- links --------*/
a:link, a:visited, .comments-header h2 {
    color:					#603;
	text-decoration:		none;
}
a:hover {
    color:					#fff;
}

h2#pagetitle { 
    color:					#c9ea11;
	padding:                0 0 5px 10px;
	font-size:				20px;
}

.post-top a:link, .post-top a:visited {
    color:					#000;
}
.post-top a:hover {
    color:					#c03;
}

.post-meta-meta a:link, .post-meta-meta a:visited {
    color:					#c03;
}
.post-meta-meta a:hover {
    color:					#333;
}

.align-left h3 a:link, .align-left h3 a:visited, .align-right h3 a:link, .align-right h3 a:visited {
    color:					#fff;
	text-decoration:		none;
}
.align-left h3 a:hover, .align-right h3 a:hover {
	text-decoration:		underline;
}

.post-info a:link, .post-info a:visited {
    color:					#360;
    text-decoration:		underline;
	font-weight:			100;
	font-size:				14px;
}
.post-info a:hover {
    color:					#000;
}

#sidebar ul a {
    color:					#333;
	text-decoration:		none;
}
#sidebar ul a:hover {
    color:					#000;
}

#footer a, #footer a:visited {
    color:					#603;
	text-decoration:		none;
}
#footer a:hover {
    color:					#fff;
}



/*-------------------------- calendar --------*/
/* wp-calendar refers to the table itself     */
#wp-calendar {
    margin:					5px auto;
	width:					200px;
	background-image:		url(images/calendar_bg-trans.png);
	background-position:	top left;
	background-repeat:		no-repeat;
}
#wp-calendar caption {
    display:				none;
}
#wp-calendar thead tr { }
#wp-calendar thead tr th {
    text-align:				center;
	background-color:		#97888f;
} 
#wp-calendar tbody tr { }
#wp-calendar tfoot tr { }
#wp-calendar tbody td { 
    min-height:             20px;
	height:					20px;
	background-color:		transparent;
	margin:					0 5px 5px 0;
	border:					1px solid #97888f;
	vertical-align:			top;
	color:					#fff;
	text-align:				center;
}
#wp-calendar tbody td:hover {
    background-color:		#6e0435;
	color:					#fff;
}
#wp-calendar tbody td#today {
    background-color:		#97888f;
	color:					#000;
}
#wp-calendar tbody td#today:hover {
    background-color:		#603;
}

#wp-calendar tbody a {
    color:					#f06;
	font-weight:			bold;
}
#wp-calendar tbody a:hover {
    color:					#fff;
}
#wp-calendar tfoot td {
    text-align:				center;
}
#wp-calendar tfoot a {
    color:					#000;
	font-size:				18px;
	text-decoration:		none;
}
#wp-calendar tfoot a:hover {
    color:					#900;
}



/*----------------------------- misc ---------*/
.spacer {
    clear:					both;
}
.justify {
    text-align:				justify;
}
.navigation {
    text-align:				center;
}
abbr, acronym {
    border:					0;
}
.small {
    font-size:				87%;
}
.uppercase {
    text-transform:			uppercase;
}
.centered {
    text-align:				center;
	margin:					0 auto;
}
.align-left {
    margin:					0 0 0 10px;
	float:					left;
}
.align-right {
    margin:					0 10px 0 0;
	float:					right;
}
img {
    border:					0;
}
blockquote {
    background-color:		#ccc;
	border-left:			3px solid #603;
	margin:					5px 25px 5px 15px;
	padding:                2px 5px 5px 5px;
	color:					#000;
}
.commentsdiv blockquote {
    margin:					5px 75px 5px 15px;
}

.clearfix:after {
    content: 				".";
    display: 				block;
    clear: 					both;
    visibility: 			hidden;
    line-height: 			0;
    height: 				0;
}

.clearfix {
    display: 				inline-block;
}

html[xmlns] .clearfix {
    display: 				block;
}

* html .clearfix {
    height: 				1%;
}


/*--------- wordpress css conformance --------*/
.aligncenter, div.aligncenter {
    display: 				block;
    margin-left: 			auto;
    margin-right: 			auto;
}

.alignleft {
    float: 					left;
}

.alignright {
    float: 					right;
}

.wp-caption {
    border: 				1px solid #ddd;
    text-align: 			center;
    background-color: 		#f3f3f3;
    padding-top: 			4px;
    margin: 				10px;
}

.wp-caption img {
    margin: 				0;
    padding:                 0;
    border: 				0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 				11px;
    line-height: 			17px;
    padding:                0 4px 5px;
    margin: 				0;
}


/*------------- login page -------------------*/
#login { 
    margin:					8em auto;
}
#login h1 a {
    display:				none;
}
#login form {
	margin-left: 			8px;
	padding: 	            16px 16px 40px 16px;
	font-weight: 			normal;
	border: 				none;
	background:				none;
	background-image:		url(images/loginbox-trans.png);
	background-repeat:		no-repeat;
}
#login #nav, #login #nav a:link, #login #nav a:visited {
    color:					#fff !important;
}
#login #nav a:hover { 
    color:					#360 !important;
}
#login label {
	color: 					#000;
	font-size: 				14px;
}
#login #backtoblog a { 
    background-color:		#000 !important;
}
body.login {
	border-top-color:		transparent;
}
p.message {
    background-color:		#720437 !important;
	border:					1px solid #000 !important;
	color:					#fff !important;
}
#user_pass, #user_login, #user_email {
	width: 					96%;
	padding:                3px;
	margin:					2px 8px 16px 0;
}
p#reg_passmail {
    margin:					-12px 0 5px 0 !important;
	padding:                0 !important;
}
#login form .submit input {
	font-family: 			"Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding:                3px 10px;
	border: 				none;
	font-size: 				12px;
	border-width: 			1px;
	border-style: 			solid;
	-moz-border-radius: 	11px;
	-khtml-border-radius: 	11px;
	-webkit-border-radius: 	11px;
	border-radius: 			11px;
	cursor: 				pointer;
	text-decoration: 		none;
	margin-top: 			-3px;
}
#login form .submit input, #login form .submit input:visited {
	border-color: 			#720437 !important;
	color: 					#000 !important;
	background: 			#fff;
}
#login form .submit input:hover {
    color:					#720437 !important;
	border-color: 			#720437 !important;
}