/* NAV BAR AT THE TOP AND TWO COLUMNS OF CONTENT: TABLE OF CONTENTS

	A. TOOLS
		1. = RESET
		2. = CLEARING
		3. = ACCESSIBILITY
				a. = Accessible Abbreviations
		4. = PRINT LINKS AS FOOTNOTES
		5. = EXTERNAL LINK IDENTIFICATION
	
	B. TYPO
		1. = BODY
		2. = LINKS
		3. = HEADINGS
		4. = TEXT
		5. = LISTS
		6. = TABLES
		7. = HORIZONTAL RULES
		
	C. LAYOUT
		1. = BODY & PAGE
		2. = HEADER
		3. = NAV
		4. = CONTENT	
		5. = NAV
			a. = CONTAINER
			b. = LIST
			c. = PAGINATION
		6. = FOOTER
		
	D. FORMS
		1. = PARENT ELEMENTS
		2. = FIELDSET & LEGEND
		3. = LABELS
		4. = INPUTS

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

/* = TOOLS
------------------------------------------------------------------------------------------------------------------
*/

/* = RESET
---------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */

:focus
{
	outline: 0;
}

body
{
	line-height: 1.0;
	color: black;
	background: white;
}

ol, ul
{
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/* END RESET
---------------------------------------------------------
*/

/* = CLEARING
---------------------------------------------------------
*/

.stretch,
.clear
{
	clear: both; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	font-size: 15px;
	line-height: 1px;
}

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

/* END CLEARING
---------------------------------------------------------
*/

/* = ACCESSIBILITY
---------------------------------------------------------
*/

span.accesskey
{
	text-decoration: none;
}

.accessibility,
.accessibile-headline
{
	position: absolute;
	top: -999em;
	left: -999em;
}
		
/* END ACCESSIBILITY
---------------------------------------------------------
*/

/* = EXTERNAL LINK IDENTIFICATION
---------------------------------------------------------
*/

a.external span
{
}

a.external,
a.external:link
{
}

a.external:visited
{
}

a.external:hover
{
}

/* END EXTERNAL LINK IDENTIFICATION
---------------------------------------------------------
*/

/* = SLIDESHOW
---------------------------------------------------------
*/

div.slideshow,
div.thumbnails
{
	margin: 10px auto;
}
		
div.thumbnails ul
{
	background: transparent;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 6px -4px 0 0;
	float: left;
}

div.thumbnails ul li
{
	float: left;
	list-style: none;
}

div.thumbnails ul a,
div.thumbnails ul a:link
{
	cursor: pointer;
	display: block;
	float: left;
	width: 157px;
	height: 65px;
	margin: 4px 4px 0 0;
	overflow: hidden;
	border: none/*3px solid #9B9C9F*/;
}

div.thumbnails ul a.active,
div.thumbnails ul a.prev:hover,
div.thumbnails ul a.:hover
{
	border: none/*3px solid black/*white*/;
	background-position: left top;
}
		
div.slideshow ul
{
	background: transparent;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 7px 0 0 0;
	float: left;
}

div.slideshow ul a
{
	background: transparent url('http://www.wemakeitgood.com/images/12.gif') top center no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	margin: 3px 2px 0 0;
	overflow: hidden;
}

div.slideshow ul a.prev
{
	background-image: url('http://www.wemakeitgood.com/images/14.gif');
	width: 14px;
	margin-right: 3px;
}

div.slideshow ul a.next
{
	background-image: url('http://www.wemakeitgood.com/images/13.gif');
	margin-right: 0;
	margin-left: 1px;
	width: 14px;
}

div.slideshow ul a.active,
div.slideshow ul a.prev:hover,
div.slideshow ul a.next:hover
{
	background-position: center -14px;
}

div.slideshow ul li
{
	float: left;
	list-style: none;
}

/* END SLIDESHOW
---------------------------------------------------------
*/

/* END TOOLS
------------------------------------------------------------------------------------------------------------------
*/

/* = TYPOGRAPHY

	HOW TO CALCULATE PROPER LINE HEIGHT IN EMS
	child element pixels (your desired pixel value) / parent element pixels = child ems

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

/* = BODY
---------------------------------------------------------
*/

body
{
	text-align: left;
	font-family: helvetica, arial, sans-serif;
    font-size: 62.5%;
	color: #393838;
	background: white;
}

     /* IE doesn't see this. Compensate for Safari's default font size (14px) as opposed to the standard 16px in other browsers */
     html>body
     {
     	font-size: 10px;
     }

div
{
	
}

img
{
	border: 0;
}
	
/* = LINKS
---------------------------------------------------------
*/

a,
a:link,
a:active
{
	color: #959595;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:visited
{
	color: #959595;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:hover
{
	color: #959595;
	background-color: transparent;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
	
#home #mix h3 a,
#home #mix h3 a:link,
#home #mix h3 a:active,
.mix-series a,
.mix-series a:link,
.mix-series a:active
{
	color: #03a0c6;
}

#home #mix h3 a:visited,
.mix-series a:visited
{
	color: #03a0c6;
}

#home #mix h3 a:hover,
.mix-series a:hover
{
	color: #959595;
	text-decoration: underline;
}

h1 a,
div#sub-branding h2 a,
h2#gallery-headline a,
h2#mix-headline a
{
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}


/*#home div.subscribe a,
#home div.subscribe a:link,
#home div.subscribe a:active,
#home #mix div.subscribe a,
#home #mix div.subscribe a:link,
#home #mix div.subscribe a:active,
#home div.more a,
#home div.more a:link,
#home #mix .more a:active,
#home #mix .more a,
#home #mix .more a:link*/
.more a,
.more a:link,
.more a:visited,
.more a:active,
.subscribe a,
.subscribe a:link,
.subscribe a:visited,
.subscribe a:active,
div#utility a,
div#utility a:link,
div#utility a:visited,
div#utility a:active,
div#nav a,
div#nav a:link,
div#nav a:visited,
div#nav a:active
{
	color: #959595;
}

/* END LINKS
---------------------------------------------------------
*/
	
/* = HEADINGS
---------------------------------------------------------
*/

h1
{
	font-family: helvetica, arial, sans-serif;
	font-size: 2.7em;
	line-height: 1.0;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 10px;
    color: white;
    background: black;
}

h2
{
	font-family: helvetica, arial, sans-serif;
	font-size: 2.5em;
	line-height: 1.0; /* 18/16 = 1.125 */
	font-weight: bold;
	margin: 0 0 0.12000em 0;
	padding: 0;
	color: #848688;
}

	.post h2
	{
		margin-bottom: 0.6em;
	}

	/*.mix-series h2
	{
		color: #03a0c6;
	}*/
	
	.post h3 a,
	.post h3 a:link,
	.post h3 a:active,
	.post h2 a,
	.post h2 a:link,
	.post h2 a:active,
	.mixpost h3 a,
	.mixpost h3 a:link,
	.mixpost h3 a:active
	{
		text-decoration: none;
	}
	
	#home .post h2 a,
	#home .post h2 a:link,
	#category .post h2 a,
	#category .post h2 a:link {
		color: #959595;
	}

	.post h3 a:hover,
	.post h2 a:hover,
	.mixpost h3 a:hover
	{
		text-decoration: underline;
	}
	
	.post h3 a:visited,
	.post h2 a:visited,
	.mixpost h3 a:visited
	{
	}

	h2.post-date
	{
		color: white;
		font-size: 0.9em;
		font-weight: normal;
		margin: 10px 0 6.0em 0;
	}

	/*h2#mix-headline
	{
		display: block;
		width: 228px;
		height: 45px;
		margin: 0;
		padding: 0;
		background: white url('../../images/headline-mix-series.gif') top left no-repeat;
	}

	h2#gallery-headline
	{
		display: block;
		width: 161px;
		height: 45px;
		margin: 0;
		padding: 0;
		background: white url('../../images/headline-gallery.gif') top left no-repeat;
	}*/
	

h2#gallery-headline a,
h2#mix-headline a,
h2#tv-headline a
{
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}

	h2#mix-headline
	{
		display: block;
		width: 243px;
		height: 45px;
		margin: 0;
		padding: 0;
	}
	
		h2#mix-headline a,
		h2#mix-headline a:link,
		h2#mix-headline a:active,
		h2#mix-headline a:visited
		{
			background: white url('../../images/h2-mixes.gif') left 2px no-repeat;
		}
		
		
		h2#mix-headline a:hover
		{
			background: white url('../../images/h2-mixes.gif') left -44px no-repeat;
		}

	h2#gallery-headline
	{
		display: block;
		width: 262px;
		height: 45px;
		margin: 0;
		padding: 0;
	}
	
		h2#gallery-headline a,
		h2#gallery-headline a:link,
		h2#gallery-headline a:active,
		h2#gallery-headline a:visited
		{
			background: white url('../../images/h2-gallery.gif') left 2px no-repeat;
		}
		
		
		h2#gallery-headline a:hover
		{
			background: white url('../../images/h2-gallery.gif') left -44px no-repeat;
		}

	h2#tv-headline
	{
		display: block;
		width: 205px;
		height: 45px;
		margin: 0;
		padding: 0;
	}
	
		h2#tv-headline a,
		h2#tv-headline a:link,
		h2#tv-headline a:active,
		h2#tv-headline a:visited
		{
			background: white url('../../images/h2-tv.gif') left 2px no-repeat;
		}
		
		
		h2#tv-headline a:hover
		{
			background: white url('../../images/h2-tv.gif') left -44px no-repeat;
		}

h3
{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.286; /* 18/14 = 1.125 */
	font-weight: bold;
	margin: 0 0 0.6em 0;
	padding: 0;
	color: gray;
}

	div#footer h3
	{
		font-family: helvetica, arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.286; /* 18/14 = 1.125 */
		font-weight: bold;
		margin: 0 0 1.286em 0;
		padding: 0;
		color: #D8202C;
	}

h4
{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5; /* 18/12 = 1.5 */
	font-weight: bold;
	margin: 0 0 1.286em 0;
	padding: 0;
	color: #D8202C;
}

h5
{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.636; /* 18/11 = 1.636 */
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #D8202C;
}

h6
{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.0em;
	line-height: 1.8; /* 18/10 = 1.8 */
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #D8202C;
}

/* END HEADINGS
---------------------------------------------------------
*/

/* = TEXT
---------------------------------------------------------
*/

p
{
	font-size: 0.9em;
	line-height: 1.5;
	margin: 1.5em 0;
	padding: 0;
}
	
		/*#page-home.iphone p
		{
			font-size: 2.0em;
		}*/
		
		.mix-series p
		{
			color: #848688;
		}
		
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.aligncenter {
	display: block;
	margin: 0 auto 1.5em auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 1.5em 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 1.5em 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	

/* vimeo container */			
span.vvqbox
{
	margin: 1.5em 0;
	padding: 0;
}
			
blockquote
{
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

strong, b
{
	font-weight: bold;
}

em, i
{
	font-style: italic;
}

pre
{
	font-family: monospace;
	font-size: 1.0em;
}

code
{
    /*font-family: "courier new", courier, monospace;
    white-space: pre;*/
	margin: 0 0 -1px 0;
	padding: 0;
	line-height: 1.5;
}

p.code
{
	color: black;
	padding: 0.667em 10px;
	margin: 0 0 1.5em 0;
	border: 0.0833em solid gray;
	background: #cccccc;
}

/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/

ul
{
	list-style-type: disc;
	font-size: 1.0em;
	margin: 0 0 1.5em 14px;
	padding: 0;
}

ul li
{
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
}

ol
{
	list-style-type: decimal;
	font-size: 1.0em;
	margin: 0 0 1.5em 26px;
	padding: 0;
}

ol li
{
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
}

dl
{
	font-size: 1.0em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 0;
}

dl dt
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

dl dd
{
	margin: 0 0 1.5em 30px;
	padding: 0;
}

/* END LISTS
---------------------------------------------------------
*/

/* = TABLES
---------------------------------------------------------
*/

table
{
	font-size: 1.0em;
	margin: 0 0 1.8em 0;
	padding: 0;
	border-top: 1px solid #9B9C9F;
	border-left: 1px solid #9B9C9F;
}

table caption
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 1.8em 0;
}

th
{
	font-weight: bold;
	text-align: left;
	border-right: 1px solid #9B9C9F;
	border-bottom: 1px solid #9B9C9F;
	padding: 7px;
}

td
{
	font-size: 1.0em;
	border-right: 1px solid #9B9C9F;
	border-bottom: 1px solid #9B9C9F;
	padding: 7px;
}

/* END TABLES
---------------------------------------------------------
*/

/* = HORIZONTAL RULES
---------------------------------------------------------
*/
	
hr
{
	display: none;
}

div.hr
{
	font-size: 1.0em;
	height: 3px;
	margin: 0 0 1.8em 0;
	background: #9B9C9F;
}

div.post div.hr
{
	height: 1px;
}

div.hr.light
{
	background: gray;
}

/* END HORIZONTAL RULES
---------------------------------------------------------
*/	

/* END TYPO
------------------------------------------------------------------------------------------------------------------
*/

/* = LAYOUT
------------------------------------------------------------------------------------------------------------------
*/

/* = BODY & PAGE
---------------------------------------------------------
*/

body
{
	margin: 0;
	padding: 0;
	text-align: left;
}

div#page
{
	width: 660px;
	position: relative;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: center;
}

	#home div#page
	{
		width: 640px;
	}

	#single div#page,
	#category div#page
	{
		width: 640px;
	}
	
	#category.mix-series div#page
	{
		width: 775px;
	}
	
	#category.tv div#page
	{
		width: 825px;
	}
	
	div.post .movie-embed
	{
		display: block;
		cursor: pointer;
	}

/* END BODY & PAGE
---------------------------------------------------------
*/

/* = HEADER
---------------------------------------------------------
*/

/*
div#tabs
{
	background: #888486;
	height: 30px;
	text-align: left;
	clear: both;
}
*/

/*
#propertytabs
{
	width: 100%;
	height: 30px;
	margin-bottom: 30px;
	padding-top: 0px;
	background: #888486;
}

#propertytabs ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#propertytabs ul li {
	float: left;
	margin: 4px 0 0 10px;
}

#propertytabs ul li#wemakeitgood {
	float: right;
	margin-right: 10px;
}

#propertytabs ul li a {
	display: block;
	float: left;
	height: 26px;
	outline: none;
	text-indent: -9999px;
}

li#shilo a {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/_tabs/shilo.gif') top left no-repeat;
	width: 163px;
}

li#shilo a:hover {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/shilo.gif') top left no-repeat;
	width: 163px;
}

li#wmig a {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/_tabs/wmig.gif') top left no-repeat;
	width: 163px;
}

#propertytabs a.wmig:hover{
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/wmig-on.gif') top left no-repeat;
	width: 163px;
}


li#wemakeitgood a {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/_tabs/wemakeit.gif') 0 -26px no-repeat;
	width: 200px;
}

#propertytabs ul li a:hover {
	/background-position: 0 -26px;
}
*/



#propertytabs
{
	width: 100%;
	height: 43px;
	margin-bottom: 30px;
	padding-top: 0px;
	background: #888486;
}

#propertytabs ul
{
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}

#propertytabs ul li {
	float: left;
	margin: 21px 0 0 5px;
}

#propertytabs ul li a {
	display: block;
	float: left;
	height: 22px;
	font-size: 12px;
	color: white;
	line-height: 22px;
	outline: none;
	text-align: center;
}

li#shilo a {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/off.gif') top left no-repeat;
	width: 122px;
}

li#wmig a {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/off.gif') top left no-repeat;
	width: 122px;
}

li#wmig a:hover {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/blog-on.gif') top left no-repeat;
	width: 122px;
	color:#333;
}

li#shilo a:hover {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/blog-on.gif') top left no-repeat;
	width: 122px;
	color:#333;
}

#propertytabs ul li#wemakeitgood a {
	background: transparent url('http://www.wemakeitgood.com/wp-content/themes/wmig/images/tabs/blog-on.gif') top left no-repeat;
	width: 122px;
	color: #333;
}

#propertytabs ul li a:hover {
	text-decoration: none;
}

div#header
{
	width: auto;
	margin: 0 0 15px 0;
	padding: 45px 0 0 0;
	color: #393838;
	text-align: left;
	position: relative;
}

div#branding
{
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
}

	div#branding h1
	{
		display: block;
		width: 365px;
		height: 39px;
		margin: 0;
		padding: 0;
		background: white url('../../images/logomasthead.gif') top left no-repeat;
	}

	.mix-series div#branding h1
	{
		width: 365px;
		height: 95px;
		margin-bottom: 15px;
		background: white url('../../images/logomasthead-mix.gif') top left no-repeat;
	}

	.tv div#branding h1
	{
		width: 511px;
		height: 30px;
		margin-bottom: 15px;
		background: white url('../../images/logomasthead-tv.gif') bottom left no-repeat;
	}
	
	

	#single.tv div#branding h1
	{
		width: 245px;
	}

div#sub-branding
{
	display: block;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}


	.mix-series div#sub-branding h2.wmig
	{
		display: block;
		float: left;
		width: 76px;
		height: 21px;
		margin: 0;
		padding: 0;
		background: white url('../../images/logo-wmig.gif') top left no-repeat;
	}

	.mix-series div#sub-branding h2.thefader
	{
		display: block;
		float: left;
		width: 69px;
		height: 21px;
		margin: 0 0 0 15px;
		padding: 0;
		background: white url('../../images/logo-fader.gif') top left no-repeat;
	}
	
div#utility
{
	position: absolute;
	top: 45px;
	right: 0;
	width: 265px;
	padding: 0;
	text-align: right;
}

	div#search
	{
		width: auto;
		float: right;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	div#utility div#syndication
	{
		clear: both;
		display: block;
		text-align: right;
		padding-top: 5px;
	}

	div#utility a.external
	{
		line-height: 14px;
		padding-left: 15px;
		background: transparent url('../../images/facebook-icon.gif') left center no-repeat;
	}

	div#utility a.rss
	{
		line-height: 14px;
		padding-left: 14px;
		margin-left: 10px;
		background: transparent url('../../images/rss-icon.gif') left center no-repeat;
	}

/* END HEADER
---------------------------------------------------------
*/

/* = CONTENT
---------------------------------------------------------
*/

div#content
{
	/*width: 660px;*/
	position: relative;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: left;
}

div#main
{
	/*width: 660px;*/
	width: auto;
	float: left;
	margin: 0;
    padding: 0;
}
	
	.mix-series.tv div#main
	{
		width: 825px;
	}
	
	#home div#main
	{
		/* width: 960px; */
	}
	
	#single.tv div#main
	{
		width: 660px;
	}
	
	#home div.subscribe,
	#home div.more
	{
		margin: 5px 0;
		padding: 0;
		text-align: right;
	}
	
		/* search again */
		#category div.more
		{
			text-align: right;
		}
	
		#home p.more
		{
			width: auto;
			text-align: right;
			margin-top: 5px;
		}
		

	div#main div.post
	{
		width: 640px;
		padding: 5.0em 0 10px 0;
		margin-bottom: 3px;
		background: transparent;
	}
	
		/*
#home div#main div.post
		{
			width: 365px;
			padding: 0;
			background: transparent;
			margin-bottom: 5px;
			border-bottom: 1px solid #959595;
		}
*/

		div.post p
		{
			width:/*  85% */;
		}
/*

		#home div#main div.post p
		{
			width: 100%;
		}
*/
		
		#category div.post p
		{
			width: auto;
		}
	
	div#mix
	{
		width: 415px;
		clear: both;
		padding: 0;
		margin: 0;
	}
	
	#home div#mix
	{
		width: 550px;
	}
	
	#home div#mix .mixpost p
	{
		width: 305px;
		float: left;
	}
	
	#home div#mix .mixpost p.more
	{
		width: 350px;
		float: left;
	}
		
	#home div#tv
	{
		margin-bottom: 25px;
		border-bottom: 1px solid #959595;
	}
	
	div#original
	{
		width: 550px;
		float: left;
		clear: left;
		padding: 0;
		margin: 0;
	}
	
	div#gallery
	{
		float: right;
		width: 365px;
	}
	
		div.mixpost
		{
			padding: 0;
			margin-bottom: 5px;
			border-bottom: 1px solid #959595;
		}
		
			#category div.mixpost
			{
				width: 365px;
				float: left;
			}
			
			 #category div.mixpost.tv
			{
				width: 390px;
			}
			
				#category div.mixpost div.excerpt
				{
					width: 160px;
					height: 180px;
					float: left;
				}
			
				#category div.mixpost.tv div.excerpt
				{
					width: 190px;
				}
		
			#category div.mixpost.altclass
			{
				margin-left: 45px;
			}
		
			div.mixpost img
			{
				float: left;
				padding: 0 10px 5px 0;
			}
		
			div.mixpost.first img
			{
				float: left;
				padding: 0 45px 45px 0;
				margin: 0;
			}
			
			div.mixpost.first span.vvqbox
			{
				float: left;
				padding: 0 20px 45px 0;
				margin: 0;
			}
		
			#category.mix-series div.mixpost.post
			{
				width: 100%;
				padding: 0;
				margin-bottom: 5px;
				background: transparent;
			}
			
				div.mixpost.first h3
				{
					font-size: 1.8em;
				}
			
				div.mixpost.first p
				{
					font-size: 1.4em;
				}
				
				.tv div.mixpost.first p
				{
				/*	font-size: 1.2em;*/
				}
				
				div.mixpost.first p a.more-link
				{
					float: right;
				}
		
		div.mixpost div.more
		{
			text-align: right;
			padding: 5px 10px 0 0;
		}
		
		/*#page-home.iphone div#page div.post div.excerpt
		{
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 2px solid black;
		}
	
	div#main div.post div.post-meta
	{
		display: block;
		width: 640px;
		border-top: 1px solid #252525;
		padding: 10px 0 0 0;
	}
		
		div.post div.post-meta p
		{
			width: 640px;
			margin: 0;
		}
		
			div#main div.post div.post-meta span.author
			{
				float: left;
			}
			
			div#main div.post div.post-meta span.categories
			{
				float: left;
				padding-left: 0.5em;
			}
			
			div#main div.post div.post-meta span.back-to-top
			{
				float: right;
			}*/

/* END CONTENT
---------------------------------------------------------
*/

/* = NAV
---------------------------------------------------------
*/

/* = CONTAINER full
---------------------------------------------------------
*/

div#nav
{
	margin: 0 0 45px 0;
	padding: 0 0 10px 0;
	/* background: white url('../../images/masthead-hr.gif') bottom left repeat-x; */
}

div#nav-main
{
	width: auto;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	background: #ebebeb;
}

div#nav ul#main-nav
{
	/* float: right; */
	width: auto;
	/* text-align: right; */
}

div#footer ul#pagination
{
	float: right;
	width: 24%;
	text-align: right;
	color: #333333;
}

/* END CONTAINER
---------------------------------------------------------
*/

/* = LIST
---------------------------------------------------------
*/

div#nav ul,
div#footer ul
{
	/*width: 100%;*/
	font-size: 9px;
    margin: 0;
	padding: 0;
	list-style: none;
}

	div#nav ul
	{
		/*margin-top: 5px;*/
	}

div#nav ul li,
div#footer ul li
{
	line-height: 16px;
	margin: 0;
    padding: 0 0 0 4px;
	display: inline;
}

	div#nav ul li
	{
		line-height: 18px;
	}

div#nav ul li.first,
div#footer ul li.first
{
	padding-left: 0;
}

div#nav ul li.last,
div#footer ul li.last
{
	padding-right: 0;
}

/* END LIST
---------------------------------------------------------
*/

/* END NAV
---------------------------------------------------------
*/

/* = FOOTER
---------------------------------------------------------
*/

div#footer
{
	clear: both;
	margin: 0;
	padding: 10px 10px 10px 30px;
	background: #ebebeb url('../../images/logo-footer.gif') 10px center no-repeat;
}

div#footer p
{
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 9px;
	line-height: 16px;
}

/* END FOOTER
---------------------------------------------------------
*/

/* END LAYOUT
------------------------------------------------------------------------------------------------------------------
*/

/* = FORMS
------------------------------------------------------------------------------------------------------------------
*/

/* = PARENT ELEMENTS
---------------------------------------------------------
*/

form
{
	display: block;
	margin: 0;
	padding: 0;
}

form div,
form p
{
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
}

/* END PARENT ELEMENTS
---------------------------------------------------------
*/

/* = FIELDSET & LEGEND
---------------------------------------------------------
*/

fieldset
{
	border: 1px solid #eee;
	padding: 8px 10px;
	margin: 0 0 1.5em 0;
}

fieldset legend
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
    color: #666;
	background-color: white;
}

fieldset ul
{
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

fieldset ul li
{
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* END FIELDSET & LEGEND
---------------------------------------------------------
*/

/* = LABELS
---------------------------------------------------------
*/

label
{
	line-height: 1.8;
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	clear: left;
    width: 100px;
    margin: 0;
	padding: 0 20px 0 0;
}

label.check,
label.radio
{
	font-weight: bold;
	text-align: left;
	display: inline;
	float: left;
	clear: none;
    width: 100px;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
}

label.check.vertical,
label.radio.vertical
{
	display: block;
	float: left;
	clear: right;
    width: auto;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
}

/* END LABELS
---------------------------------------------------------
*/

/* = INPUTS
---------------------------------------------------------
*/

/*input, */select, textarea
{
	font-family: "lucida grande", tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 0.9em;
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 7px 0;
	padding: 2px;
}

input, select
{
	vertical-align: middle;
}

textarea
{
	width: 200px;
	height: 8em;
}
	
input.checkbox,
input.radio
{
	border: none;
	width: 1em;
	height: auto;
	margin: 0;
    padding: 0;
}
	
input.check.vertical,
input.radio.vertical
{
	clear: left;
}

span.readonly input,
input.readonly
{
	background-color: transparent;
	border: none;
}

input.button
{
	width: auto;
	border: 1px solid black;
	background-color: #ddd;
}

	input#searchsubmit
	{
		cursor: pointer;
	}

input.image
{
	border: none;
	width: auto;
	height: auto; 
}

/* END INPUTS
---------------------------------------------------------
*/

/* = SEARCH
---------------------------------------------------------
*/

div#search form,
div#search form div
{
	margin: 0;
	padding: 0;
	display: inline;
}

div#search label
{
	font-size: 9px;
	width: auto;
	line-height: 16px;
	margin: 1px 0 0 0;
	padding: 0 10px 0 0;
}

div#search input
{
	font-size: 9px;
	width: 150px;
	line-height: 16px;
	margin: 0 3px 0 0;
	padding: 2px;
	border: none;
	background: #ebebeb;
}

div#search input#searchsubmit
{
	font-size: 9px;
	width: auto;
	line-height: 16px;
	margin: 0;
	padding: 1px;
	border: none;
	background-color: #ebebeb;
}

/* END SEARCH
---------------------------------------------------------
*/

/* = COMMENTS
---------------------------------------------------------
*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}	
	
	.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	font-weight: bold;
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
	
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
	
.commentlist li ul li { 
	font-size: 1em;
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
	}
	
	
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
/* END COMMENTS
---------------------------------------------------------
*/

/* END FORMS
------------------------------------------------------------------------------------------------------------------
*/

/* = DEVELOPMENT STYLES

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