/*
	lovestorymedia.com Screen Styles
	
	Table of Contents:
		layout
		design
		typography
		links
		thumbnail numbers
*/




/* layout
----------------------------------------------- */

body {
	margin: 0 0 20px 0;
	padding: 0;
	font: 11pt Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	}
	
div {
	position: relative;
	border-width: 0px;
	border-style: solid;
	border-color: #222;
	z-index: 100;
	}
	
#header {
	margin: 20px auto;
	width: 750px;
	}

#body table {
	width: 520px;
	}
	
#footer {
	clear: both;
	width: 450px;
	padding-top: 2em;
	}

#footernav {
	padding-top: 1em;
	border-color: #333;
	border-width: 0px;
	clear: both;
	}

#moviepage {
	float: left;
	}
	
#moviepage li {
	display: inline;
	font-size: 9pt;
	line-height: 2.0em;
	}
	
#links {
	width: 470px;
	margin: 0 auto;
	}

#footer2 {
	clear: both;
	width: 700px;
	}

table,
td {
	border-width: 0px;
	padding: 0;
	border-color: #040;
	border-style: solid;
	margin: 0 auto 0 auto;
	}

td.textbody {
	padding: 0 0 2em 20px;
	text-align: left;
	}

td.packages {
	padding: 0 0 2em 20px;
	text-align: center;
	}
	
td.portfoliobody {
	padding: 0 0 1em 10px;
	text-align: left;
	line-height: 1.4em;
	font-size: 10pt;
	}
	
td.bottompadding {
	padding-bottom: 2em;
	}
	
td.featuredlisting {
	padding-left: 5px;
	line-height: 1em;
	}

.portfolio_thumbs {
	float: left;
	width: 200px;
	margin-bottom: 20px;
	}



/* typography
----------------------------------------------- */

.description {
	line-height: 1.2em;
	font-size: 11pt;
	}
	
.description2 {
	line-height: 1.2em;
	font-size: 11pt;
	}
	
.keywords {
	line-height: 1.4em;
	font-size: 8pt;
	color: #000000;
	}
	
h1 {
	font-family:antiqua;
	}

h2 {
	display: none;
	}
	
h2 {
	font-size: 14pt;
	}
	
h3 {
	font-size: 13pt;
	margin-bottom: 0.4em;
	}
	
h3.line {
	border-style: none none dotted none;
	border-width: 0 0 1px 0;
	border-color: #000000;
	}

h4.white {
	color:#000000;
	}
	
p {
	line-height: 1.3em;
	color: #000000;
	}
	
p.white {
	color: #000000;
	text-align: center;
	}
	
p.about {
	color: #000000;
	}

.quote {
	font-size: 10pt;
	line-height: 1.3em;
	color: #999;
	width: 450px;
	padding-top: 1em;
	text-align: center;
	}

.quote2 {
	font-size: 10pt;
	line-height: 1.3em;
	color: #FFFFFF;
	text-align: left;
	padding: 0;
	}

.quoteclient {
	color: #FFFFFF;
	font-style: italic;
	}

p.footer {
	font-size: 8pt;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: center;
	}

.blurb {
	width: 600px;
	text-align: left;
	text-indent: 0em;
	}

.nowrap {
	white-space: nowrap;
	}

.doublespace {
	line-height: 2.2em;
	}

.clear {
	clear: both
	}

li {
	display: block;
	line-height: 1.5em;
	text-align: left;
	list-style-type: disc;
	list-style-position: default;
	}
	
.filesize {
	font-size: 8pt;
	color: #FFFFFF;
	padding-left: 2px;
	}



/* LINKS
----------------------------------------------- */

A {
	padding: 1px 2px 1px 2px;
	}

A:link,
A:visited,
A:active {
	text-decoration: none;
	}
	
A:link {
	color:#6699cc;
	}
	
A:link.hidethumb,
A:visited.hidethumb,
A:hover.hidethumb {
	padding: 0px 0px 0px 0px;
	background: transparent;
	}
	
A:visited.hide {
	color: #6699cc;
	}
	
A:visited {
	color: #6699cc;
	}
	
A:hover {
	color: #FFFFFF;
	background: #6699cc;
	}
	
A.white {
	color:#FFFFFF;
	background:#990066;
	}

A.white:hover {
    color:#FFFFFF;
	background: #ff66cc;
	}

A.menu,
A:link.menu,
A:hover.menu,
A.visited.menu
	{display:block;width:100%;
	background: transparent;
	padding: 0px 0px 0px 0px;
	}
	
A.hide,
A:link.hide,
A.hide,
A:visited.hide 
	{background: transparent;
	padding: 0px 0px 0px 0px;
	}

.ext {
	background: url(images/extlink.gif) no-repeat 2px 58%;
	padding-bottom: 1px;
	padding-left: 12px
	}
	
.newwin {
	background: url(images/nw.gif) no-repeat 1px 28%;
	padding-bottom: 1px;
	padding-left: 12px
	}

.col_box,
a.col_box { 
	clear: both; 
	float: left; 
	border: 2px solid #ff66cc; 
	background-color: #000; 
	padding: 0px; 
	margin: 0 0 0 0;
	}

.col_box_right,
a.col_box_right { 
	clear: both; 
	float: right; 
	border: 1px solid #ff66cc; 
	background-color: #000; 
	padding: 0px; 
	margin: 0 0 0 0;
	} 

a.col_box:hover {border: 2px solid #CCC;}
a.col_box_right:hover {border: 1px solid #CCC;}


/* NAVIGATION
----------------------------------------------- */


#navigation {
	width: 236px; height: 9px;
	background: url(images/site/links.gif) no-repeat;
	margin: 0 0 0 auto;
	padding: 0;
	position: relative; }
    
#navigation li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;
    }
    
#navigation li, #navigation a {
	height: 9px; display: block;
    }
    
#nav-read {
	left: 0; width: 30px;
	}
	
#nav-read-b {
	left: 0; width: 30px;
	background: url(images/site/links.gif)
	0px -30px no-repeat;
	}
	
#nav-watch {
	left: 73px;
	width: 39px;
	}
	
#nav-watch-b {
	left: 73px; width: 39px;
	background: url(images/site/links.gif)
	-73px -30px no-repeat;
	}
	
#nav-talk {
	left: 154px; width: 26px;
	}

#nav-talk-b {
	left: 154px; width: 26px;
	background: url(images/site/links.gif)
	-154px -30px no-repeat;
	}
	
#nav-go {
	left: 222px; width: 14px;
	}

#nav-go-b {
	left: 222px; width: 14px;
	background: url(images/site/links.gif)
	-222px -30px no-repeat;
	}
	
#nav-read a:hover {
	background: transparent url(images/site/links.gif)
	0 -30px no-repeat;
	}
#nav-watch a:hover {
	background: transparent url(images/site/links.gif)
	-73px -30px no-repeat;
    }
#nav-talk a:hover {
	background: transparent url(images/site/links.gif)
	-154px -30px no-repeat;
    }
#nav-go a:hover {
	background: transparent url(images/site/links.gif)
	-222px -30px no-repeat;
	}


/* Thumbnail Numbers
----------------------------------------------- */

.thumbnail {
	float: right;
	padding: 40px 10px 0 auto;
	}

.thumbnail a,
.thumbnail span {
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.2em;
	border: 1px solid #fff;
	background: transparent;
	}
	
.thumbnail a {
	border: 1px solid #7EA000;
	text-decoration: none;
	color: #ccc;
	}

.thumbnail a:hover {
    border-color: #7EA000;
    color: #fff;
    background: #7EA000;
    }

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:8.7em
}