/*
 +------------------------------------------------------------------------+
 | FROOMER.COM                                                            |
 +------------------------------------------------------------------------+
 | fpl.css                                                                |
 | main style sheet                                                       |
 |                                                                        |
 | Dtek Digital Media, www.dtek.net                                       |
 | 2005.06.10                                                             |
 |                                                                        |
 +------------------------------------------------------------------------+
 */

/* global defaults
 +------------------------------------------------------------------------+
 */

body.top
{
	background-color: #9D978D;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 12px;
}

body.menu
{
	background-color: #9D978D;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 12px;
}

body.portfolio
{
	background-color: #9D978D;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 12px;
}

html.text
{
	/* safari bg color hack (see above) */
	background-color: #9D978D;
	/* fix an IE bug where horizontal scrollbars appear unncessarily */
	overflow-x: hidden;
	overflow-y: auto;
}
body.text
{
	background-color: #9D978D;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.25;
}

body.bottom
{
	background-color: #31241B;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 12px;
}

body.pop
{
	background-color: #31241B;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-size: 12px;
}

p
{
	margin: 12px 0;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	color: #FFFFFF;
}
a:hover
{
	text-decoration: none;
	color: #663300;
}



/* font elements
 +------------------------------------------------------------------------+
 */

.quote
{
	font-style: italic;
}

.requests
{
	color: #663300;
}

div.error { color: red; }

 
/* layout elements
 +------------------------------------------------------------------------+
 */
 
#frames
{
	margin: 10px;
	padding: 10px;
	border: 1px #31241B solid;
	background-color: #9D978D;
}

#noscript
{
	padding: 10px;
	border: 1px #31241B solid;
	background-color: #9D978D;
}

/* top and bottom frames */

#header
{
	background-color: #31241B;
	height: 105px;
	border: 0;
	/*border-bottom: 1px solid #FFFFFF;*/
}
 
#logo
{
	padding: 45px 0 10px 20px;
}

#copyright
{
	padding: 24px 0 10px 20px;
	border: 0;
}

div.content-border
{
	/*border: 1px red dashed;*/
	background-image: url(../img/border.gif);
	background-repeat: repeat-x;
	height: 3px;
	border: 0;
}

#header-spacer
{
	background-color: #9D978D;
	height: 52px;
	border: 1px solid #9D978D;
	/*border-top: 1px solid #31241B;*/
}

#footer-text-spacer
{
	background-color: #9D978D;
	height: 70px;
	/*border-bottom: 1px solid #31241B;*/
}

/* menu and content frames */

#menu-box
{
	float: left;
	width: 129px;
	border-right: 1px solid #FFFFFF;
	/*border: 1px blue dashed;*/
}
#menu
{
	padding: 34px 11px 34px 0;
	margin-right: 0;
	text-align: right;
	/*border-bottom: 1px #9D978D solid;*/
}

#viewphotos
{
	float: right;
	width: 129px;
	text-align: right;
	margin-top: 49px;
	margin-right: 0;
	/*border: 1px red dashed;*/
}

#home-photo-box
{
	float: left;
	/*border: 1px green dashed;*/
}
#home-photo
{
	margin: 0 35px;
}

#text-photo-box
{
	float: right;
	width: 238px;
	/*border: 1px green dashed;*/
}
#text-photo
{
	margin: 0 auto;
	text-align: center;
}

#film-photo-box
{
	float: right;
	width: 407px;
	/*border: 1px green dashed;*/
}
#film-photo
{
	margin: 0 auto;
	text-align: center;
}

#portfolio
{
	margin-left: 33px;
}

#text
{
	/*border: 1px red dashed;*/
	margin-right: 35px;
}

#text .left
{
	float: left;
	width: 150px;
	margin-right: 35px;
	display: inline; /* hack to fix IE/float double margins */
	/*border: 1px red dashed;*/
}

#text .right
{
	float: left;
	/*border: 1px green dashed;*/
}

div.break
{
	clear: both;
}

/* pop-up window */

body.pop #header
{
	height: 19px; /* see also the pop_media function in fpl.js */
	border-bottom: 1px solid #FFFFFF;
}

body.pop #media
{
	background-color: #9D978D;
	padding: 2px; /* see also the pop_media function in fpl.js */
	border-top: 1px solid #31241B;
	border-bottom: 1px solid #31241B;
}

body.pop #footer
{
	height: 19px; /* see also the pop_media function in fpl.js */
	border-top: 1px solid #FFFFFF;
}
 
div.error { margin: 1em 0; }


/* image elements
 +------------------------------------------------------------------------+
 */
 
/*
img.menu
{
	border: 1px blue dashed;

	margin: 0;
	padding: 0;
	display: block;

	float: right;
	clear: both;
}
*/

img.portfolio
{
	margin-right: 33px;
}


 

/* form elements
 +------------------------------------------------------------------------+
 */
 
form
{
	padding: 0;
	margin: 0;
}

input.text
{
	background-color: #9D978D;
	border: 1px solid #663300;
	width: 150px;
	font-family: sans-serif;
	font-size: 12px;
}

textarea
{
	background-color: #9D978D;
	border: 1px solid #663300;
	width: 150px;
	height: 60px;
	font-family: sans-serif;
	font-size: 12px;
}

input.button 
{
	background-color: #9D978D;
	border: 1px solid #663300;
	font-family: sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

form input.error, form textarea.error { border: 1px solid red; }

/* anti-spam trickery */
input#email { display: none; }