/*
Theme Name:		Cutline
Theme URI:		http://pearsonified.com
Description:		A squeaky clean, minimalistic two-column wonder.
Version:		1.02-wpcom
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
Tags:			custom header, page navigation, two columns, fixed width
*/

body {
	background: #fff;
	color: #333;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

* { padding: 0; margin: 0; }


/*---:[ global elements ]:---*/

a { color: #0060ff; text-decoration: underline; }

a:visited { color: #333;  }

a:hover { color: #df0000; text-decoration: underline; }
	

/*---:[ header styles ]:---*/

#masthead {
	width: 770px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */
	font-family: Georgia, "Times New Roman", Times, serif;
}

	/* #masthead a { display: block; width: 770px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

ul#nav {
	list-style: none;
	width: 750px;
	background: url('images/hr_dot_black.gif') repeat-x;
	float: left;
	clear: both;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

	ul#nav li {
	padding: 12px 10px 10px 20px;
	font: bold 1.4em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	float: left;
}
	
		ul#nav li a, ul#nav li a:visited { color: #000; text-decoration: none; }
	
		ul#nav li a:hover { color: #000; text-decoration: underline; }
		
		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #090; text-decoration: underline; }
		
	ul#nav li.rss { padding: 12px 0 10px 0; float: right; }
			
		ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
			
#header_img { margin: 0; border-bottom: 1px solid #000; float: left; clear: both; position:relative; }

	#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */




/*---:[ core layout elements ]:---*/

#container { 
width: 770px; 
margin: 15px auto 0 auto; }
					
	#content_box {
	max-width: 770px;
	text-align: left;
	float: left;
	clear: both;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom-style: none;
	}
	
		#content { width: 770px; padding: 0; float: left; overflow: hidden; }
		
		* html #content { overflow: hidden; }
		
		#sidebar { width: 230px; float: left; overflow: hidden; }
		
		* html #sidebar { overflow: hidden; }
		
	#footer { max-width: 770px; padding: 12px 0; border-top: 2px solid #ccc; font: bold 1.2em/1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; clear: both; }
		




/*---:[ headlines ]:---*/

h1 { font: bold 3.6em Helvetica, Arial, sans-serif; letter-spacing: -0.03em; }

* html h1 { letter-spacing: -0.1em; }

	#masthead h1 { padding: 15px 0; border-top: 1px solid #ccc; text-align: center; clear: both;
		background-image:url(img/dots.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	 }
	
	h1 a, h1 a:visited, h1 a:hover {
	color: #000;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	position:absolute;
	left: 32px;
	top: 97px;
	text-align:left;
	font-weight:normal;
	width:399px} 

h3 {
	font: normal 2.5em Georgia, "Times New Roman", Times, serif;
	color: #000;
	width:770px;
	margin-top:40px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom: 40px;
}
		
dl {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin:20px auto auto 63px;
}

dt {
	font-weight:bold;
}

dd {
	margin-bottom:1em;
}

dt a {
	text-decoration:none;
	color:black;
}

		
div.widgetTop {
	height:325px;
}

div.widgetBottom {
	height:412px;
}


div#widgetWordpress {
	width:400px;
	padding-right:35px;
	padding-top:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

div#stringsvol1 {
	width:25%;
	padding-right:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

div#discostrings {
	width:25%;
	padding-right:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

div#stringsvol2 {
	width:25%;
	padding-right:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

div#stringsvol3 {
	width:25%;
	padding-right:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

div#stringsvol4 {
	width:25%;
	padding-right:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

div#widgetFlickr {
	width:300px;
	padding-right:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

div#widgetYouTube {
	clear:both;
	width:745px;
	margin-bottom:20px;
}

div.rss-box {
	display:none;
}
#container #content_box .style4 a {
	font-size: xx-large;
}
.loopmasters {
	font-size: large;
	font-family: Helvetica, Arial, sans-serif;
}

/* Julian Cole */


#loop_packs {
	text-align:center;
}
	
#loop_packs img {
	margin:1px;
}
.grid{
	float: left;
	display: block;
	height: 257px;
}
.third {
	width: 33.3333%;
 }
 .third img{ 
 	width: 100%;
 }
 .twothirds{
 	width: 66.66%;
 }
 .twothirds iframe{
 	height: 100%;
 	max-width:100%;
 	margin: 0 auto;
 	margin-left:10px;
 }
 .lifeshare_title {
 	padding: 30px 0;
 	display:block;
 	float:left; 
 	font-size: 16px !important;
 	width: 100% !important;
 	color: black;
 }


 .loops{

	clear:both;
	float:left;
	width:100%;

}
.loops .three, .loops .six{
	box-sizing:border-box;
	float:left;
	display:block;
	padding: 2px;
}
.loops .three{
	width:25%;
}
.loops .six{
	width:50%;
}
.loops img{
	width:100%;
}