/*
Theme Name: INNERHYTHMIC
Theme URI: http://www.INNERHYTHMIC.com
Author: TRYGA
Author URI: http://TRYGAdesign.com
Description:  
Version: 1.0
*/

/************************************************
					reset
************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, /* add p to remove paragraph breaks */
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {

	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	
}
/************************************************
					 fonts
************************************************/
@charset "utf-8";

@font-face {
    font-family: 'helv47';
    src: url('./fonts/helv47.eot');
    src: url('./fonts/helv47.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helv47.woff') format('woff'),
         url('./fonts/helv47.ttf') format('truetype'),
         url('./fonts/helv47.svg#helv47') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helv57';
    src: url('./fonts/helv57.eot');
    src: url('./fonts/helv57.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helv57.woff') format('woff'),
         url('./fonts/helv57.ttf') format('truetype'),
         url('./fonts/helv57.svg#helv57') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helv67';
    src: url('./fonts/helv67.eot');
    src: url('./fonts/helv67.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helv67.woff') format('woff'),
         url('./fonts/helv67.ttf') format('truetype'),
         url('./fonts/helv67.svg#helv67') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helv77';
    src: url('./fonts/helv77.eot');
    src: url('./fonts/helv77.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helv77.woff') format('woff'),
         url('./fonts/helv77.ttf') format('truetype'),
         url('./fonts/helv77.svg#helv77') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* @license
 * MyFonts Webfont Build ID 2331880, 2012-07-27T17:15:36-0400
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * You may obtain a valid license at the URLs below.
 * Webfont: Press Gothic Regular by Canada Type
 * URL: http://www.myfonts.com/fonts/canadatype/press-gothic/regular/
 * Copyright: Copyright &#x00A9; 2007 Canada Type. All rights reserved.
 * Licensed pageviews: 20,000
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2331880
 * � 2012 Bitstream Inc
*/
 @font-face {
	 font-family: 'pressgothic';
	 src: url('./fonts/2394E8_0_0.eot');
	 src: url('./fonts/2394E8_0_0.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/2394E8_0_0.woff') format('woff'),
		 url('./fonts/2394E8_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/************************************************
					H1s
************************************************/

#container h1 {
	font-family:'pressgothic', "Arial Black";
	font-size:1px;
	font-weight: normal;
	font-style: normal;
	display:inline;
	color: #000000;
	line-height:100%;
	margin:0;
	padding:0 0 0 0 !important;
}
	#container h1 a:link, #container h1 a:visited {
		text-decoration:none;
		}
	#container h1 a:hover {
		text-decoration:underline;
		}


#container h2 {	/******* FOR THE GALLERY ********/
	display:none;
		}


#container h3 {
	font-family:'pressgothic', "Arial Black";
	font-size:30px;
	font-weight: normal;
	font-style: normal;
	display:inline;
	color: #000000;
	line-height:100%;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}
	#container h3 a:link, #container h3 a:visited  {
		font-family:'pressgothic', "Arial Black";
		color: #000000;
		text-decoration:none;
		}
	#container h3 a:hover {
		font-family:'pressgothic', "Arial Black";
		color: #333333;
		text-decoration:underline;
		}

#container h3.media {
	font-family:'pressgothic', "Arial Black";
	font-size:30px;
	font-weight: normal;
	font-style: normal;
	display:block !important;
	color: #000000;
	line-height:100%;
	text-transform:uppercase;
	margin:0 0 20px 0 !important;
	padding:0;
	width: 664px !important;
	float:right;
}
	#container h3.media a:link, #container h3.media a:visited  {
		font-family:'pressgothic', "Arial Black";
		color: #000000;
		text-decoration:none;
		}
	#container h3.media a:hover {
		font-family:'pressgothic', "Arial Black";
		color: #333333;
		text-decoration:underline;
		}


#container h4 {
	font-family:'pressgothic', "Arial Black";
	font-size:24px;
	font-weight: normal;
	font-style: normal;
	display:inline;
	color: #362927;
	line-height:100%;
	margin:0;
	padding:0;
}
	#container h4 a:link, #container h4 a:visited  {
		font-family:'pressgothic', "Arial Black";
		color: #362927;
		text-decoration:none;
		display:inline;
		}
	#container h4 a:hover {
		font-family:'pressgothic', "Arial Black";
		color: #000000;
		text-decoration:underline;
		display:inline;
		}


#container h5 {
	font-family: 'pressgothic', "Arial Black";
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	display:inline;
	color: #362927;
	margin:0;
	padding:0;
}
	#container h5 a:link, #container h5 a:visited  {
		font-family:'pressgothic', "Arial Black";
		color: #362927;
		text-decoration:none;
		display:inline;
		}
	#container h5 a:hover {
		font-family:'pressgothic', "Arial Black";
		color: #000000;
		text-decoration: underline;
		display:inline;
		}

#container h5.grid {
	font-family: 'helv47';
	font-size:16px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	line-height:80%;
	margin:0;
	padding:0;
}
	#container h5.grid a:link, #container h5.grid a:visited  {
		font-family: 'helv47';
		color: #000000;
		text-decoration:none;
		display:inline;
		}
	#container h5.grid a:hover {
		font-family: 'helv47';
		color: #333333;
		text-decoration: underline;
		display:inline;
		}




#container h6 {
	font-family: 'pressgothic', "Arial Black";
	font-size:16px;
	font-weight: normal;
	font-style: normal;
	display:inline;
	color: #847c7a;
	line-height:100%;
	margin:-2px 0 0 0;
	padding:0;
}	
	#container h6 a:link, #container h6 a:visited  {
		font-family: 'pressgothic', "Arial Black";
		color: #847c7a;
		text-decoration:underline;
		display:inline;
		}
	#container h6 a:hover {
		font-family: 'pressgothic', "Arial Black";
		color: #333333;
		text-decoration:none;
		display:inline;
		}


#container .postmetadata  {
	font-family: 'helv47';
	font-size:16px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	opacity:0.99;
	line-height:100%;
	letter-spacing:1px;
	margin:3px 0 0 2px;
	padding:0;
}	
	#container .postmetadata  a:link, #container .postmetadata  a:visited  {
		font-family: 'helv47';
		color: #000000;
		text-decoration:underline;
		}
	#container .postmetadata  a:hover {
		font-family: 'helv47';
		color: #333333;
		text-decoration:none;
		}


/************************************************
					base
************************************************/
		html {
			background: #000000;
			font-family: "helvetica", "arial", sans-serif;
			font:13px/1.231 sans-serif;
			font-style:normal;
			font-weight:300px;
			-webkit-font-smoothing: antialiased;
			-webkit-font-smoothing:subpixel-antialiased;
			overflow-y: scroll;
			height: 100%;   /* for 100%  bg height */			
			}
		body {
			background: url(../imgs/_pagebg.jpg) center top repeat-x;
			margin:0 0 0 0;
			padding:0 0 0 0;
			-webkit-background-size: 1650px 1296px;
			min-height: 1296px;   /* for 100%  bg height */		
			}
/************************************************
				usual suspects
************************************************/
blockquote, q {
	quotes:none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
	}

img.centered, .aligncenter, div.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	display: block;
	padding:0;
	margin:0 0 10px 22px;
	float: right;
	}
img.alignleft {
	display: block;
	padding:0;
	margin:0 22px 10px 0;
	float: left;
	}
.alignright {
	display: inline;
	float: right;
	}
.alignleft {
	display: inline;
	float: left;
	}
img	{
	margin:0;
	padding:0;
	border:0;
	line-height:0;
	font-size:0;
	}
.ie7 img { 
	display: block;
	-ms-interpolation-mode: bicubic; 
	}

.left {
	float: left;
	}
.right {
	float: right;
	}

object { 
	outline:none;
	margin:0;
	padding:0;
	border:0;
	line-height:0;
	font-size:0;
	}
.flashmovie {
	margin:0;
	padding:0;
	border:0;
	line-height:0;
	font-size:0;
	}
table	{
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	}
td, td img	{
	vertical-align:top;
	/*  line-height:0;  remove this from here, colapses lines (dummy) */
	/*  opacity:0.99; THIS CANNOT GO IN A TD, FUCKS UP Z-INDEX */
	}
iframe {
    padding:0;
    margin:0;
	border:none;
	}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #5d5544;
	margin:1em 0;
	padding:0;
	}



/*artis reveal text color fix */
.scrdiv
	{
	font-size:15px;
	color: #000000;
	line-height:140%;
	-webkit-font-smoothing: antialiased;
	}
p {
	font-size: 15px;
	color: #000000;
	line-height:140%;
	-webkit-font-smoothing: antialiased;
	}
p.small  {
    font-size:12px;
	color: #000000;
	line-height:140%;
	background: none repeat;
	padding:3px 0 0 7px;
	margin:0;
	}
p.small a:hover  {
    font-size:12px;
	color: #000000;
	text-decoration: underline;
	}
p.hirespress {
    font-size:18px;
	color: #000000;
	line-height:140%;
	background: none repeat;
	padding:0;
	margin:0;
	}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
a:link {
	 color: #000000;
     text-decoration: none;
	 -webkit-tap-highlight-color: #FF5E99;
	 }
a:hover {
     color: #000000;
     text-decoration: underline;
	 }
a:active {
	 color: #000000;
     text-decoration: none;
	 outline: none;
	 }
a:focus { 
	outline: 0;
	-moz-outline-style: none; 
	 }
a:visited {
	 color: #333333;
     text-decoration: none;
	 }


ol,ul {
	list-style:bullet;
	list-style-position: inside;
	color: #000000;
	}
li a {
	color: #000000;
	text-decoration: underline;
	}
li a {
	color: #000000;
	text-decoration: none;
	}
li a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

nav ul {
	list-style:none;
	}
nav ul, nav li {
	margin: 0;
	}
small {
	font-size: 85%;
	}
strong, th {
	font-weight: bold;
	}
sub {
	vertical-align: sub;
font-size: smaller;
	}
sup {
	vertical-align: super;
	font-size: smaller;
	}
pre {
	padding: 15px;
	white-space: pre;
/* CSS2 */
	white-space: pre-wrap;
/* CSS 2.1 */
	white-space: pre-line;
/* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word;
/* IE */
	}
/* bicubic resizing for non-native sized IMG: */
.ie7 img {
	-ms-interpolation-mode: bicubic;
	}
/* for image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	}

/* Hide for both screenreaders and browsers */
.hidden {
	display: none;
	visibility: hidden;
	}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
	}
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;	
	} 
.clearfix:after {
	clear: both;
	}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom: 1;
	}


/************************************************
					HEADER
************************************************/

.wrapfix {
	width: 944px;  /* WRAPFIX for stupid mobile confilcts. */ /* MINUS side margins */
	background: url(../imgs/_textbg.png); 
	margin: 0 auto;
	padding: 0 25px 0 25px; /* page side margins */
	overflow: hidden; 
	}
#container {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	position:relative; /* !!! MUST BE RELATIVE FOR ANYTHING ELSE TO POSITION !!! */
	z-index:1;
	}
#top {
	height: 249px; 
	overflow: hidden; 
	margin: 21px 0 25px 0;
	}
#top_title {
	position:absolute;
	z-index:999;
	}

.logo {
	max-height: 85px; 
	margin: 18px 0 0 0px; 
	overflow: hidden; 
	float: left;
	}

.side_socials {
	min-width: 311px;
	max-width: 311px;
	height: 100px; 
	margin: 0 0 35px 0; 
	}
	.side_socials .fb {
		margin: 10px 24px 0 0; 
		float: left;
		}
	.side_socials .twt {
		margin: 10px 18px 0 0; 
		float: left;
		}
	.side_socials .googleplus {
		position:relative;
		margin: 10px 0 0 0; 
		float:left;
		}
	.side_socials .googlehider {
		opacity:0;
		height:39px;
		width:39px;
		position:absolute;
		top:0;
		left:0;
		z-index:3;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		}
	.side_socials .mygoogle {
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		margin-left:6px;
		}




.search {
	width: 170px; 
	margin: 30px -4px 0 0; 
	float: right;
	}
.search fieldset {
	width: 170px; 
	height: 29px; 
	background: #000000;
	margin:0; 
	}
.search input {
	width: 125px; 
	border: none; 
	background: none; 
	padding: 8px; 
	margin:0; 
	color: #fff; 
	font: 11px "helvetica", "arial", sans-serif;
	text-transform: uppercase; 
	vertical-align: middle;
	}
.search button {
	width: 16px; 
	height: 16px; 
	background: url("../imgs/search.png") 50% 50% no-repeat; 
	cursor: pointer; 
	border: none; 
	vertical-align: middle;
	}

#featured {
	height:314px;
	margin: 0 0 24px 0;	
	padding: 0 0 0 0;
	}
.paginate {
	background: none; 
	text-align:left;
	margin:10px 0 10px 0;	
	padding:0 0 0 0;
	}



/************************************************
					Navbar      								 
************************************************/
#nav_wrap {
	width:1050px;
	height:103px;
	background: none; 
	text-align:left;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	overflow:hidden;
	display:inline;
	z-index:9999;
	float:left;
	}
	.menu-menu-container  {
		margin:23px 0 0 218px;
		}
		li.menu-item {
			font-family:'pressgothic', "Arial Black";
			font-size:36px;
			font-weight: normal;
			font-style: normal;
			color: #362927;
			opacity:0.99;
			padding:0 0 0 71px;
			display:inline;
			text-align:right;
			text-transform: uppercase;
			text-decoration: none;
			}
		li.menu-item a {
			font-family:'pressgothic', "Arial Black";
			font-size:36px;
			font-weight: normal;
			font-style: normal;
			color: #362927;
			opacity:0.99;
			text-decoration: none;
			}
		li.menu-item a:hover {
			font-family:'pressgothic', "Arial Black";
			font-size:36px;
			font-weight: normal;
			font-style: normal;
			color: #660000;
			opacity:0.99;
			text-decoration: none;
			border-bottom: 1px solid #660000;
			}
		li.current-menu-item a {
			font-family:'pressgothic', "Arial Black";
			font-size:36px;
			font-weight: normal;
			font-style: normal;
			color: #660000;
			opacity:0.99;
			text-decoration: none;
			border-bottom: 1px solid #660000;
			} 
		li.current_page_parent a {
			font-family:'pressgothic', "Arial Black";
			font-size:36px;
			font-weight: normal;
			font-style: normal;
			color: #660000;
			opacity:0.99;
			text-decoration: none;
			border-bottom: 1px solid #660000;
			} 


/************************************************
					content
************************************************/

	#content {
		width: 100%;
		zoom: 1;
		overflow:hidden;
		margin: 0 0 25px 0;
		}

		.indexpost_wrap {
			width:100%;
			overflow:hidden;
			margin: 20px 0 20px 0;
			}
		.indexpost {
			min-width:222px;
			max-width:222px;
			min-height:200px;
			max-height:200px;
			margin: 0 19px 20px 0;
			float:left;
			border-bottom:1px solid #5d5544;
			}
		.indexpost_text {
			min-width:222px;
			max-width:222px;
			min-height:45px;
			max-height:45px;
			margin: 0 0 10px 0;
			}
	.getimage {
		background: none; 
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		}

	#media_wrap {
		background: url(../imgs/_mediabg.jpg);
		width:944px;
		min-height:315px;
		max-height:315px;
		margin:0;
		padding:10px;
		overflow:hidden;
		}
		#cd_wrap {
			width:570px;
			margin:0;
			}
		.cd {
			background: none; 
			margin:0 20px 0 0;
			padding:0;
			overflow:hidden;
			float:left;
			}
		.cd_player {
			width:290px;
			min-height:226px;
			max-height:226px;
			float:right;
			display:inline;
			}
		.cd_player p {
			font-weight: bold;
			margin:0;
			height:100% !important;
			padding:0;				
			}
		.buy_bttn {
			margin:-8px 15px 0 0;
			vertical-align:top !important;
			float:left;
			display:inline;
			}
		.cd_price {
			font-size:11px;
			float:left;
			display:inline;
			margin:-10px 0 0 8px;
			}



		.albumpost_wrap {
			width:984px;
			overflow:hidden;
			margin: 20px 0 20px 0;
			}
		.albumpost {
			min-width:216px;
			max-width:216px;
			min-height:225px;
			max-height:225px;
			margin: 0 25px 42px 0;
			float:left;
			}
		.albumpost_text {
			min-width:216px;
			max-width:216px;
			min-height:25px;
			max-height:50px;
			margin: 0 0 5px 0;
			border-bottom:1px solid #968d79;
			}



		.posts_wrap {
			width:100%;
			overflow:hidden;
			margin: 0;
			}
		.post {
			margin: 0 21px 20px 0;
			float:left;
			border-bottom:1px solid #5d5544;
			}
		.post a:link {
			 color: #000000;
			 text-decoration: none;
			 -webkit-tap-highlight-color: #FF5E99;
			 }
		.post a:hover {
			 color: #000000;
			 text-decoration: underline;
			 }
		.post a:active {
			 color: #000000;
			 text-decoration: none;
			 outline: none;
			 }
		.post a:focus { 
			outline: 0;
			-moz-outline-style: none; 
			 }
		.post a:visited {
			 color: #333333;
			 text-decoration: none;
			 }


	p.meta {
		font-size:11px;
		font-weight: bold;
		color:#735b68;
		opacity:0.99;
		padding:0;
		margin:0;
		vertical-align:top;
		}
	p.meta a {
		color:#ffffff;
		opacity:0.99;
		}
	.commentcount_wrap {
		float:left;
		min-width: 22px;
		max-width: 22px;
		min-height: 16px;
		max-height: 16px;
		margin:0;
		padding:0;
		position:relative;
		z-index:10;
	}
	.commentcount {
		color: #ffffff;
		font-size:10px;
		opacity:0.99;
		background: #54a09c; 
		margin:0;
		padding:0;
		vertical-align:middle;
		text-align:center;
		position:relative;
		z-index:11;
		}


	.title {
		float:left;
		display:inline;
		margin:0 0 12px 0;
		}
	.title_break {
		margin:0 0 12px 0;
		}


/************************************************
					comments
************************************************/

#comments, #respond {
	padding:0;
	margin:0;
	clear: both;
	}
.commentlist {
	width:600px;
	padding:0;
	margin:0;
	}
.commentlist p {
    font-size: 12px;
	line-height:140%;
	padding:4px 0 0 20px;
	margin:0;
	}
.commentlist .alt p {
    font-size: 12px;
	line-height:140%;
	padding:4px 0 0 20px;
	margin:0;
	}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
    font-size:  10px;
	line-height:145%;
	color: #333333;
	padding:0;
	margin:0;
	}
.commentlist small {
	padding:0;
	margin:0;
	font-size: 9px;
	line-height:150%;
	color: #333333;
	text-align:right;
	}
ol.commentlist  {
	list-style:decimal;
	list-style-position:inside;						
	color:#7e7261;
	padding:0 20px 0 0px;
	margin:0;
	}
ul.commentlist  {
	list-style-type:square;
	color:#7e7261;
	padding:3px 0 0 40px;
	margin:0;
	}
li.commentlist {
	color: #71654c;
	padding-bottom:3px;
	line-height:140%;
	}
.commentlist .commentmetadata {
	font-size: 10px;
	line-height:150%;
	color:#333333;
	}
.commentlist commentmetadata a {
	color:#000000;
	}





#commentform input{
		width: 598px;
		height: 21px;
		padding:0;
		border:1px solid #aaaaaa;
		background: #f9f9f9;
		margin:0 0 5px 0;
		font-size:13px;
		line-height:140%;
		vertical-align: middle;
		color: #333333;
		text-align:left;
		}
#commentform textarea{
		width: 598px;
		height: 120px;
		padding:0;
		border:1px solid #aaaaaa;
		background: #f9f9f9;
		margin:0;
		font-size: 13px;
		line-height:140%;
		vertical-align: middle;
		color: #333333;
		text-align:left;
		}
#commentform #submit{
		width: 168px;
		height: 28px;
		padding:0;
		border:none;
		background: #000000;
		margin:0;
		font-family: 'helv47';
		font-size:16px;
		font-weight: normal;
		font-style: normal;
		color: #ffffff;
		margin:0;
		padding:0;
		vertical-align: middle;
		text-align:center;
		}




textarea {
	overflow: auto;
	}
.ie6 legend, .ie7 legend {
	margin-left: -7px;
	}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
	}
.ie6 input {
	vertical-align: text-bottom;
	}
input[type="radio"] {
	vertical-align: text-bottom;
	}
input[type="checkbox"] {
	vertical-align: bottom;
	}
label, input[type=button], input[type=submit], button {
	cursor: pointer;
	}
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea {
	margin: 0;
	}
/* colors for form validity */
input:valid, textarea:valid   {
	}
input:invalid, textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	 box-shadow: 0px 0px 5px red;
	}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
	background-color: #f0dddd;
	}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{
	background: #9db564;
	color:#000000;
	text-shadow: none;
	}
::selection {
	background:#9db564;
	color:#000000;
	text-shadow: none;
	}
 
button {
	width: auto;
	overflow: visible;
	}



/************************************************
	facebook - LIGHT TEXT WIORKING!!!!!!
************************************************/

.fan_box .connect_action .name, .fan_box .connect_action .name_block a {
		font-size: 18px;
		opacity:0.99;
		color: #000000;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-decoration:none !important;
	}

#stream_content{ 
		background: none; border: none;
		}

	.fan_box .full_widget { 
		background: none; border: none;
		}
	.fan_box .connections_grid .grid_item {
		padding: 0 8px 10px 8px;
		}
		.fan_box .connections_grid .grid_item a img {
			box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000;
			}
			.fan_box .connections_grid .grid_item a:hover img {
				box-shadow: 0 3px 10px #000000; -moz-box-shadow: 0 3px 10px #000000; -webkit-box-shadow: 0 3px 10px #000000;
				}
	.fan_box .full_widget .connect_top {
		background: transparent;
		border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
		}
	.fan_box .connections .connections_grid {
		padding:16px 0 0 0;
		width: 276px;
		height:700px;
		}
	.fan_box .connections {
		border-top: none;
		font-size: 14px;
		opacity:0.99;
		color: #000000;
		margin:0 0 0 0;
		padding:20px 0 0 0;
		}
		.fan_box .connections span.total {
			opacity:0.99;
		color: #000000;
			margin:20px 0 0 0;
			}
		
		.fan_box .connections_grid .grid_item .name {
			opacity:0.99;
			color: #000000;
			font-size: 12px;
			}
	.fan_box .profileimage {
		margin: 0;
		}

.UIIntentionalStory {
background-opacity:0.99;
color: none;
border-top: none;
margin-bottom: 7px;
min-height: 50px;
padding: 7px 0 0 60px;
position: relative;
	}

.UIMediaItem_Wrapper {
	border: none;
	}
.UIMediaItem_ManyItems {
	border: none;
	}
.UIMediaItem  {
	border: none;
	}
.UIMediaItem_Photo {
	border: none;
	}
.UIMediaItem_ManyItems UIMediaItem UIMediaItem_Photo {
	border: none;
	}
.uiUnifiedStory UIStory UIIntentionalStory {
	opacity:0.99;
	color: none;
	}

.UIStory_Message {
	opacity:0.99;
	color: #666666;
	font-size: 11px;
	}

.UIStoryAttachment_Caption {
	opacity:0.99;
	color: #cfb28d;
	font-size: 11px;
	}
.UIIntentionalStory_Time {
	opacity:0.99;
	color: #cfb28d;
	font-size: 11px;
	}

.UIStoryAttachment_Label{
	opacity:0.99;
	color: #cfb28d;
	font-size: 11px;
	}

.UIStoryAttachment_Copy {
	opacity:0.99;
	color: #666666;
	font-size: 11px;
	}
.text_exposed_link{
	opacity:0.99;
	color: #000000;
	font-size: 12px;
	}
/************************************************
					sideBar
************************************************/

				#sidebar {
					width: 311px; 
					padding: 0 0 0 0; 
					float: right;
					}

				.side_item {
					margin-bottom: 35px;
					}

#twtr-widget-1  {
	padding: 0;
	margin: 0 0 0 -10px;
	}
#twtr-widget-1 .twtr-timeline  {
	padding: 0;
	margin: 0 0 0 3px;
	}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd h5 {
	padding: 0;
	margin: 0 0 0 -1px;
	}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-tweet {
	border-bottom: 1px solid #a0a0a0;
	}

twtr-profile-img-anchor {
	padding: 0;
	margin: 0 5px 0 0;
	}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
	padding: 0;
	margin: 0 0 0 5px;
	}

/************************************************
				    feets
************************************************/
#colophon {
	padding: 1em 0 0;
	}

#footer {
	width: 944px;
	background: none;
	border-top:1px solid #685d45;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding: 0 25px 0 25px; /* page side margins */
	overflow: hidden; 
	clear:both;
	position:relative;
	z-index:9999;
	text-transform:uppercase;
	}
	.notes {
		background: none;
		font-size:10px;
		color: #a79d88;
		margin:7px 0 0 -25px;
		padding:0;
		float:left;
		}
	.notes2 {
		background: none;
		font-size:10px;
		color: #a79d88;
		margin:7px 0 0 -25px;
		padding:0;
		float:right;
		}

#footer a:link, a:visited {
	color:#ffffff;
	text-decoration: none;
	}
#footer a:hover {
	color:#ffffff;
	text-decoration: underline;
	}


#socials {
	margin: 4px 25px 0 0; 
	float: right;
	}
	#socials .fb {
		margin: 0 8px 0 0; 
		float: left;
		}



/************************************************
		Media queries for responsive design
		These follow after primary styles so they will successfully override. 
************************************************/
@media all and (orientation:portrait) {
	/* Style adjustments for portrait mode goes here */
	}
@media all and (orientation:landscape) {
	/* Style adjustments for landscape mode goes here */
	}
	/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust 
html {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	}
	*/
	}
/************************************************
Base Print Styles, inline to save the HTTP request
************************************************/
@media print {
	* {
		background: transparent !important;
		color: #444 !important;
		text-shadow: none !important;
		}
	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
		}
	a:after {
		content: " (" attr(href) ")";
		}
	abbr:after {
		content: " (" attr(title) ")";
		}
	.ir a:after {
		content: "";
		}
		/* Don't show links for images */
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
		}

	thead {
		display: table-header-group;
		}
		/* css-discuss.incutio.com/wiki/Printing_Tables */ 
	tr, img {
		page-break-inside: avoid;
		}

	@page {
		margin: 0.5cm;
		}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
		}
	h2, h3{
		page-break-after: avoid;
		}
}