/*
Author: Peter S. Medina
Title: TheSidDog Portfolio
Version: 1.02
Last Update: 15 March 2009

Update Log:

1.01: Added icons for external links on the main nav list.
1.02: Changed bg_external.gif to bg_external.png, and changed color to pink-red #e41a4a.

Feel free to look and learn, but don't steal my CSS. Thank you.
*/

/* General Styles */

*{margin: 0; padding: 0;}
abbr, acronym, img {border: none;}
ul {list-style: none;}

a:link {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #808080;}
a:active {color: #808080;}

/* Added 14 March 2009 */
div#header ul li a[href="http://youtube.com/thesiddog"] {background: url(style-images/bg_external.png) top right no-repeat;}
div#header ul li a[href="http://twitter.com/thesiddog"] {background: url(style-images/bg_external.png) top right no-repeat;}

body {
	background: #000 /* url(style-images/bg_body.png) top center repeat-x */;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 1em; /* 16px */
	}

div#container {
	margin: 1.125em auto 0;
	width: 60em; /* 960px */
	}

h1 {
	clear: both;
	font-size: 1.5em; /* 24px */
	line-height: 1.5em; /* 36px */
	margin: 0 0 .75em; /* 18px */
	padding: 0 .75em;
	}

a.error-tutorial-link, em.creators-camp, h1 em, h2 em {color: #e41a4a;}
h2 em.style-normal {font-style: normal;}

h2 {
	font-size: 1.125em; /* 18px */
	line-height: 1em; /* 18px */
	margin: 0 0 1em; /* 18px */
	}

h3, h4, h5, h6, ol, div#header p, div#content p, div#header ul, div#content ul {
	font-size: .75em; /* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1.5em; /* 18px */
	}

p code {
	color: #e41a4a;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	}

q {font-style: italic;}

div#footer p, div#footer ul {
	font-size: .625em; /* 11px */
	line-height: 1.8em; /* 18px */
	margin: 0 0 1.8em; /* 18px */
	}

object {display: block; margin: 0 auto; /* 160px */}

/* End General Styles */

/* Header Styles */

div#header {
	border-bottom: 1px solid #fff;
	float: left;
	margin: 0 0 1.125em; /* 18px */
	padding-top: .5em; /* 8px */
	width: 100%;
	}

div#header h1 {					/* Used only on the home page. This is the site mission statement. */
	border-bottom: .25em solid #fff;
	float: left;
	font-size: .75em; /* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0;
	padding: .25em 0;
	}

div#header img {float: left; height: 4.5em /* 72px */; width: auto;} /* Logo */

div#header p {					/* Used on every page but the home page. This is the site mission statement. */
	border-bottom: .25em solid #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: .25em 0;
	}

div#header ul {
	float: right;
	margin: 0;
	}

div#header ul li {
	float: left;
	}

div#header ul li a {
	color: #fff;
	display: block;
	padding: .25em .75em; /* 9px */
	text-decoration: none;
	}

div#header ul li a:link {border-bottom: .25em hidden #fff;}
div#header ul li a:visited {border-bottom: .25em hidden #fff;}
div#header ul li a:hover {border-bottom: .25em solid #fff;}
div#header ul li a:active {border-bottom: .25em solid #fff;}

div#header ul li a[href="#"]:link {border-bottom: .25em solid #fff;}
div#header ul li a[href="#"]:visited {border-bottom: .25em solid #fff;}
div#header ul li a[href="#"]:hover {border-bottom: .25em solid #fff;}
div#header ul li a[href="#"]:active {border-bottom: .25em solid #fff;}

/* End Header Styles */

/* Content Styles */

div#content {
	width: 100%;
	}

div#content h1 {
	padding: 0;
	}

div.movie {
	height: 25.875em;
	margin: 1.125em 0;
	}

div.block-220 {
	float: left;
	margin: 0 .625em; /* 10px */
	width: 13.75em; /* 220px */
	}

div.block-300 {
	float: left;
	margin: 0 .625em; /* 10px */
	width: 18.75em; /* 300px */
	}

div.block-460 {
	float: left;
	margin: 0 .625em; /* 10px */
	width: 28.75em; /* 460px */
	}

div.block-220 li a, div.block-300 li a {
	background: url(style-images/bg_block-lists.png) bottom left no-repeat;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 1.5em;
	padding: 0 1em;
	text-decoration: none;
	}

div.block-220 li a:link, div.block-300 li a:link {background: url(style-images/bg_block-lists.png) bottom left no-repeat; color: #fff;}
div.block-220 li a:visited, div.block-300 li a:visited {background: url(style-images/bg_block-lists.png) bottom left no-repeat; color: #fff;}
div.block-220 li a:hover, div.block-300 li a:hover {background: url(style-images/bg_block-lists-hover.png) bottom left no-repeat; color: #fff;}
div.block-220 li a:active, div.block-300 li a:active {background: url(style-images/bg_block-lists-hover.png) bottom left no-repeat; color: #fff;}

div.block-620 {
	float: left;
	margin: 0 .625em; /* 10px */
	width: 38.75em; /* 620px */
	}

blockquote {
	background: url(style-images/bg_blockquote.png) top left no-repeat;
	padding: 0 0 0 2.25em;
	}

div.block-940 {
	clear: both;
	margin: 0 .625em; /* 10px */
	width: 58.75em; /* 940px */
	}

/* End Content Styles */

/* Footer Styles */

div#footer {
	background: url(style-images/bg_footer.png) top left repeat-x;
	clear: both;
	padding: 1.125em 0;
	text-align: center;
	}

div#footer p {
	margin: 0;
	}

div#footer ul {
	display: inline;
	margin: 0 auto;
	width: 100%;
	}

div#footer ul li {
	display: inline;
	margin: 0 .5em; /* 6px */
	}

/* End Footer Styles */