/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* <<--- sets the global link style -->> */


/*-------------------------------------- 
a:link {}
a:visited {}
a:hover {}
a:active {}
--------------------------------------*/

a.link_basic:link, a.link_basic:visited {

text-decoration: none;
color: #9900CC;
border-bottom: 1px dotted #9900CC; 
}


a.link_basic:hover, a.link_basic:active{

 background-color: #9900CC;
 color: #ffffff;
}	

/* <<--- ends the global link style -->> */	
	
	
	

/* layout.css */
/* 	--------------------------------------------------------------------------------------
	#the layout code is from trancending css and is explained on p158 of the book.
	# it uses the inman clearing technique to force site info below the 2 floated columns
-----------------------------------------------------------------------------------------*/

html 	{ text-align : center;  }

body { 
position : relative; 
width : 1000px; 
margin : 0 auto; 
/*  background-image: url(layout_grid.png);  */
}


/* ---------
without the "page styles" code below, the layout grid does not position. get this checked by a css guru as it's not clean.
--------------------------------------------------------------------------------------------------------------------------*/

/* page styles */

	html, body {
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
  		line-height: 13px;
  		color: #000;
		background-color: #FFF;
		text-align: left;
				
				}



/* -- << border style for testing divs >> --

border: solid #00FF00;
border-style: solid;
border-width: 1px

----------------------------------*/

div#content { 
position : relative; 
width : 100%; 
}


div#content_main {
left : 0; 
width : 70%; 
padding : 1em 0; 
min-height: 480px;
}

  
div#content_secondary { 
left : 70%;  
width : 30%; 
padding : 1em 0;
}


div#page_info {

margin-top: 25px;
margin-bottom: 25px;
}



div#branding, div#nav_main, div#page_info, div#navigation_secondary, div#site_info {
width : 100%; 
}


/* -------- << start section for layout of index page and post content>>  ------------*/
/* -------- << classes must be renamed sematically and optimised>>  ------------*/
div.new_blog {
width : 100%; 
margin-top: 0px;
margin-bottom: 50px;
padding-bottom: 0px;
}



div.post_info {
	
	height: 20px;
	
	}


div.left {
	margin-left: 100px;
	width: 240px;
	float: left;
	
}

div.right {
	width: 300px;
	float: right;
}



div.clear {
clear: both;
}

/* -------- << close section >>  ------------*/
/* ------------------------------------------*/




/* code for postioning the elements of actual blog/music/video posts*/
/* -----------------------------------------------------------------*/


div.imagemetadata {

	margin-left: 0px;
	width: 240px;
	float: left;
	
}

div.posttextheader {
	width: 400px;
	float: right;
}



.video_embed {

border: solid #ff0179;
border-width: 5px;
float: right;
margin-right: 50px;

}







/* -------- << close section >>  ------------*/
/* ------------------------------------------*/
	


/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */