@charset "UTF-8";

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	*	Global CSS for ARIA PICTURES																	*
	*                                                               *
	*	© 2005 - 2010 Gerald Davenport                                *
	*                                                               *
	*	Created: January 2005                                         *
	*                                                               *
	*	Updated: June 25, 2010                                        *
  *	separate file [moved into _css folder: June 25, 2010          *
	*                                                               *
	*	** to change the hight of the window you need to adjust the   *
	* ** [contents] height the same amount as the [contentsM]       *
	* ** and the [contentM] under [CONTENT], height                 *
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@import "ap-nav.css";

/* @import "http://www.ariapictures.com/_css/ap-nav.css"; */

* { margin: 0; padding: 0;}

html
{
	background-color: #111;
	font: normal 62.5% Sans-Serif;
}

/* Lists */

ul, ol, dl{	margin: 15px 25px; 	line-height: 14px;}
ul { list-style-type: square; }


/* Other HTML Elements */
abbr, acronym, cite { border-bottom: 1px dotted #333333; cursor: help; }
hr { visibility: hidden; height: 1px; clear: both; }

/* Structure */



/* ** ** ** ** ** ** ** **
        CONTAINER
** ** ** ** ** ** ** ** */
#container { color: #fff; }

#footer 
{
	float: left;
	clear: both;
	width: 100%;
	color: #999;
	text-align: left;
}

/* ** ** ** ** ** ** ** **
        HEADER
** ** ** ** ** ** ** ** */
#header {height: 74px; text-align: left; white-space: nowrap; background-image: url(../i/fades/fadeA.png);}
#header a img {	border: 0;}
#header a:hover { color: #fff; }




/* ** ** ** ** ** ** ** **
        LOGOBOX
** ** ** ** ** ** ** ** */
#logoBox  {width: 500px; height: 70px; margin: 0 0 0 20px;}

#fbBadge {
	width: 150px;
	margin: -50px 10px 0 0;
	float: right;
}

.clear{	clear: both; float: none;}

/* ** ** ** ** ** ** ** **
        CONTENTS
** ** ** ** ** ** ** ** */
/* [contents] change height of window	*/
#contents {	background-color: #000;	display: block;	height: 500px;	width: 100%; }


/* ** ** ** ** ** ** ** **
        CONTENTSM
** ** ** ** ** ** ** ** */
/* [contentsM] change height of window	*/
#contentsM {	background-color: #000;	display: block;	height: 484px;	width: 100%; }


  /* CENTER */
#contents .center, contentsM .center  {margin-left: 60px;}




/* ** ** ** ** ** ** ** ** ** ** ** **
        CONTENT WRAPPER
** ** ** ** ** ** ** ** ** ** ** ** */
#content-wrapper{	clear: both; display: block;}


/* ** ** ** ** ** ** ** **
        CONTENT
** ** ** ** ** ** ** ** */
#content  {height: 478px !important; width: 80%; overflow: auto; visibility: visible; margin-left: 10%;}
#content h1, #contentM h1 {color: #cf6; margin: 10px 0 5px 0; line-height: 18px; font-size: 18px;}

#content h2 {color: #fff; margin: 10px 0 0 0; font-size: 14px;}
#content h3 {color: #fff; margin: 0; font-size: 12px;}
#content p, #contentM p { margin: 2px 0 10px 20px; font-size: 14px; font-family: serif; color: #ddd; line-height: 16px; padding: 0 100px 0 0;}
#content a, #contentM a  {text-decoration: none; color: #97F98C;}
#content a:hover, #contentM a:hover { color: #800080; }
#content a img, #contentM a img {border: 0;}
#content ul {margin: 10px 40px; 	line-height: 14px;}
#content li {list-style-type: disc; font-family: Trebuchet, serif; font-size: 12px; color: #ddd;}

/*#contentM img.left  {float: left; margin-right: 30px;} */
#contentM img.right  {float: right; margin: 0 20px 0 10px;}
#contentM b { color: #FF9; letter-spacing: 1px;}

/* [contentM] change height of window	*/
#contentM  {height: 450px; width: 80%; overflow: auto; visibility: visible; margin-left: 10%;}
#contentM i {font-weight: bold; color: #fff; letter-spacing: 1pt;}
#contentM .actor
{
	color: #72B5FA;
	font-weight: bold;
	letter-spacing: 2pt;
}
#contentM h3.first, h3.last{font-size: 12px; margin-right: 5px;}
#contentM h3.first {font-weight: normal; float: left;}
#contentM h3.last {float: left;}
#contentM h3.character {color: #6FC; font-size: 12px; font-weight: bold;}


/* ** ** ** ** ** **  FULL CAST LISTING
*/
#contentM .fullCastListing  {width: 600px; height: auto; }
#contentM .fullCastListing h4 {color: #fff; margin: 0; padding: 5px 0 0 20px; clear: both; float: none; font-size: 13px;}

#contentM .fullCastListing h5 {color: #fff; margin: 16px 0 0 0; padding: 5px 0 0 20px; clear: both; float: none; font-size: 14px;}
#contentM .fullCastListing h5 a {color: #fff; clear: both; float: none;}
#contentM .fullCastListing h5 a:hover {color: #fff; text-decoration: underline;}

#contentM .fullCastListing h6 {color: #bbb; font-weight: normal; margin:0 0 0 20px; clear: both; width: 180px; font-size: 13px;}

#contentM .fullCastListing p {width: 500px; color: #bbb; font-weight: normal; float: left; position: relative; margin:-16px auto 5px 200px; font-size: 13px;}

#contentM ol
{
	width: 400px;
	margin: 0 0 0 50px;
	font-size: 12px;
	line-height: 12px;
}

#contentM li  {margin: 0 0 10px 0;}


	
#facebookPAINT
	{
		position: relative; 
		top: -180px;
		left: 600px;
		width: 292px;
	}

#leftInfo {width: 590px; margin: 0;}
#leftInfo p {margin: 2px 0 10px 20px; font-size: 16px; font-family: serif; color: #ddd; line-height: 16px; padding: 0 10px 0 0;}




/* ** ** ** ** ** ** ** **
        KWOTE
** ** ** ** ** ** ** ** */
#kwote  {width: 400px; height: 100px; margin: 40px 0 0 0; float: left;}
code { font-family: Consolas, Monaco, Verdana, "Courier", serif; font-size: 12px;}









/* ** ** ** ** ** ** ** **
        FOOTER
** ** ** ** ** ** ** ** */
#footer { width:99%;	border-top: 1px solid #1c1c1c;	background-color: #252522; 	padding: 5px 0 5px 10px; 	clear: both; font-size: 10px; letter-spacing: 1px;} 

#footer a { color: #81a2c3; text-decoration: none;}

#footer a:hover
{
	color: #81a2c3;
	border-bottom: 1px #9EBB33 dotted;
}