/*  
Theme Name: EduardoAGarcia.com Default
Website: http://www.EduardoAGarcia.com
Description: The default CSS document for EduardoAGarcia.com
Version: 1.0
Author: Eduardo A. Garcia
Author URI: http://www.EduardoAGarcia.com/
Please Contact me if you have questions: Eduardo@EduardoAGarcia.com
*/



/* Basic Type & Color Elements */
body {
	margin:10px;
	margin-top:50px;
	margin-bottom:50px;
	font-size:12px; /* Resets 1em to 10px */
	font-family:'Arial', Helvetica, sans-serif;
	background-color: #000;
	/* background-image:url(/images/background.gif); */
	color:#ccc;
	text-align:center;
}

/* Images */
img {
	border:0px;
}
/* flash objects */
object {
	float:left;
	margin:0px;
	padding:0px;
}
/* Links */
a:link, a:visited, a:active, a:hover { 
	text-decoration:none;
	border:0px;
	margin:0px;
	padding:0px;
}
small {
	color:#999;
	font-size:10px;
}
.red {
	color:#AA0000;
}
.bold {
	font-weight:bold;
}
.big {
	font-size:16px;
}
.disable {
	color:#aaa;
}
.white {
   color:#fff;
}
.hidden {
   display:none;
}
.justify {
   text-align:justify;
}
.emptyClass {
   /* nothing here */
}
.imageBorder {
   border:1px solid #999; 
   padding:3px; 
   margin-right:10px; 
   margin-bottom:5px;
}
.fauxClick {
	cursor:pointer;
}
.errorMessage {
	padding:5px;
	color:#fff;
	background-color:#aa0000;
	margin-bottom:15px;
}


/* main content */
.headerBox {
	width:800px;
	height:39px;
        margin:0px;
        padding:0px;
        margin-bottom:-4px;
}
html>body .headerBox {
        width:800px;
        height:39px;
        margin-bottom:0px;
}
.headerImage {
	float:left;
	margin-left:10px;
}
.headerBox a {
        border:0px;
        padding:0px;
        margin:0px;
        text-decoration:none;
}
.mainBox {
	width:800px;
	min-height: 345px;
	/* height:345px; */
	background-image:url(/images/default.jpg);
    background-repeat:no-repeat;
	border-top:2px solid #fff;
	margin-bottom:5px;
	padding:0px;
}
.headerBox a {
	border:0px;
}
.innerBox {
	float:left;
	width:795px;
}


.linkContent a:link, .linkContent a:visited, .linkContent a:active { 
	color:#aa0000;
	font-weight:bold;
	text-decoration:underline;
	background-color:transparent;
}
.linkContent a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	background-color:#aa0000;
}

/* Menu Items, lists, etc */
.menuBox {
	margin-left:0px;
	float:right;
	margin-top:19px;
	padding-right:30px;
}
.filmLeftNav {
	float:left;
	width:122px;
}
.filmNavigation {
	float:left;
	padding-top:15px;
	width:100%;
}
.filmNavLink {
	float:left;
	width:100%;
	padding:0 0 5px 0;
	text-align: left;
}
.filmLeftNav .filmNavLink a:link, .filmLeftNav .filmNavLink a:visited, .filmLeftNav .filmNavLink a:active {
	font-weight: normal;
	background-color:transparent;
}
.filmLeftNav .filmNavLink a:hover {
	color:#fff;
	background-color:#aa0000;	
}
.festivalList {
	float: left;
	padding: 20px 10px 10px 10px;
	width: 100%;
}
.festival {
	float: left;
	margin: 0 10px 10px 10px;
}

/* Inner Content of the Page */
.content {
	float:left;
	position:relative;
	width:800px;
	text-align:justify;
	color:#fff;
}
.content_data {
	margin:0px;
	padding:0px;
	position:relative;
	z-index:1;
}
.content_bg {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#222;
	border:1px solid #aaa;
}

/* insideContent */
.insideContent {
	float:left;
	width:100%;
}

/* Links */
.insideContent a:link, .insideContent a:visited, .insideContent a:active { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
.insideContent a:hover {
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

/* specific details of each page - titles, posters, etc */
.titleBox {
	width:100%;
	margin-bottom:10px;
	margin-top:15px;
	float:left;
	border-bottom:1px dotted #aaa;
}
.title {
	font-weight:bolder;
	font-size:24px;
	float:left;
	font-variant:small-caps;
}
.details {
	margin-top:13px;
	margin-left:15px;
	color:#aaa;
	float:left;
	font-size:10px;
}
.poster {
	float:left;
	border:1px solid #ccc;
	margin-right:10px;
}
.poster a {
	border:0px;
}
.posterHolder {
	float:left;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:15px;
	width:120px;
}
.posterList {
	float:left;
	border:1px solid #fff;
	padding:0px;
}
.posterList a:link, .posterList a:visited, .posterList a:active, .posterList a:hover {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
}
.posterHolder a:link, .posterHolder a:visited, .posterHolder a:active, .posterHolder a:hover {
	border:0px;
	padding:0px;
	margin:0px;
}
.posterTitle {
	font-size:10px;
	font-weight:normal;
	width:120px;
	margin-top:2px;
}
.video {
	float:left;
	width:620px;
	margin:0 0 10px 15px;
}
.mainVideo {
   border:1px solid #222;
   float:left;
}
.description {
	float:left;
	width:620px;
	margin:0 0 10px 15px;
}
.homeImage {
	margin-top:0px;
	float:left;
}

.tabBox {
	float:right;
	margin-top:14px;
	margin-left:20px;
	cursor:pointer;
}
.tab {
	float:left;
	width:55px;
	margin-left:5px;
	border:1px solid #aaa;
	border-left:5px solid #aaa;
	border-bottom:0px;
	padding-left:5px;
}
.tab:hover {
	float:left;
	width:53px;
	cursor:pointer;
	margin-left:5px;
	border:1px solid #fff;
	border-left:5px solid #fff;
	border-bottom:0px;
	padding-left:7px;
}
.tabText {
	font-size:12px;
	font-weight:bold;
}

.user_menu {
	position:absolute;
	top:25px;
	left:540px;
	width:250px;
	text-align:right;
}
.user_menu a:link, .user_menu a:visited, .user_menu a:active { 
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}
.user_menu a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color:#aa0000;
}

/* the footer, will show copyright and about links */
.footer {
	width:800px;
	color:#222;
	font-size:10px;
	text-align:right;
	padding-right:10px;
	margin-bottom:20px;
}
/* the footer link settings */
.footer a:link, .footer a:visited, .footer a:active { 
	color: #888;
	text-decoration: none;
	font-size:10px;
}
/* the footer link settings */
.footer a:hover {
	color: #444;
	text-decoration: underline;
	font-size:10px;
}

blockquote {
	margin:0px;
	margin-left:50px;
	color:#aaa;
	border:0px;
	padding:10px;
	border-left:5px solid #333;
}
.quotePerson {
	color:#ccc;
	margin-left:50px;
	margin-top:5px;
}

.newsItem {
	margin:5px;
	margin-bottom:20px;
	float:left;
}
.newsImage {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #ccc;
}
.newsImage a:link, .newsImage a:visited, .newsImage a:active, .newsImage a:hover {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
}
.newsTitle {
	font-size:16px;
	font-weight:bold;
	float:left;
}
.newsTitle a:link, .newsTitle a:visited, .newsTitle a:active {
	font-size:12px;
	color:#fff;
	background-color:transparent;
}
.newsTitle a:hover {
	font-size:12px;
	color:#fff;
	background-color:#a50000;
}
.quotePerson a:hover {
	background-color:#a50000;
}
.newsDate {
	font-size:10px;
	color:#ccc;
	float:left;
	margin-left:20px;
	margin-top:5px;
}
.newsBody {
	width:600px;
	float:left;
	margin-bottom:10px;
}


/* headshots */
.photo_menu {
	float:right;
}
.photo_content {
	width:800px;
	float:left;
	margin-bottom:20px;
}
.photo_container {
	float:left;
	width:425px;
	padding:10px;
	text-align:left;
}
.photo_container_left {
	float: left;
	width: 400px;
}
.photo_options_right {
	float: left;
	padding: 20px 0 0 20px;
	width: 350px;
}
.photo_container img {
	border:1px solid #fff;
	padding:2px;
}
.photo_options {
	float:right;
	width:325px;
	padding:10px;
	text-align:left;
	margin-top:20px;
}
.photo_options img {
	border:1px solid #fff;
	padding:2px;
}
.rates img {
	border:1px dotted #000;
	margin:3px;
}
.thumb_container {
	padding:3px;
	padding-left:4px;
	margin-bottom:5px;
	float:left;
}
.thumb {
	margin-right:4px;
	margin-bottom:4px;
	float:left;
}
.thumb img {
	border:1px solid #888;
	padding:0px;
}
.thumb img:hover {
	border:1px solid #ff0000;
	padding:0px;
}

/* user gallery */
.instruction {
	float:left;
	margin-bottom:20px;
	width:280px;
}
.instruction_title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.instruction_body {
}
.gallery_large {
	text-align:center;
}
.gallery_thumb {
	margin:10px;
	margin-bottom:0px;
	float:left;
	min-height:60px;
}
.gallery_thumb img {
	cursor:pointer;
	border:1px solid #888;
	padding:2px;
}
.thumb_drop {
	float:left;
	width:300px;
	margin-top:20px;
	margin-bottom:20px;
	border:2px dashed #444;
	padding:10px;
	color:#444;
	text-align:center;
}
.thumb_drop_hover {
	float:left;
	width:300px;
	margin-top:20px;
	margin-bottom:20px;
	border:2px dashed #aa0000;
	padding:10px;
	color:#aa0000;
	text-align:center;
}
.final_download {
	margin:10px;
	text-align:center;
}


/* various alpha transparencies for our use */
.alpha_0 {
   filter:alpha(opacity=0); 
   -moz-opacity:0.0; 
   opacity:0.0; 
   -khtml-opacity:0.0;
}
.alpha_25 {
   filter:alpha(opacity=25); 
   -moz-opacity:0.25; 
   opacity:0.25; 
   -khtml-opacity:0.25;
}
.alpha_50 {
   filter:alpha(opacity=50); 
   -moz-opacity:0.5; 
   opacity:0.5; 
   -khtml-opacity:0.5;
}
.alpha_75 {
   filter:alpha(opacity=75); 
   -moz-opacity:0.75; 
   opacity:0.75; 
   -khtml-opacity:0.75;
}
.alpha_100 {
   filter:alpha(opacity=100); 
   -moz-opacity:1.0; 
   opacity:1.0; 
   -khtml-opacity:1.0;
}
.hidden {
   display:none;
}


/* Begin Form Elements */
form {
	margin:0px;
	padding:0px;
}
input {
	font-size:10px;
	color:#999;
	background:transparent;
	padding:5px;
	border:1px solid #666;
	margin-top:5px;
    font-weight:bold;
}
.buttonSubmit {
        color:#aa0000;
        cursor:pointer;
}
textarea {
	font-family:'Arial', Helvetica, sans-serif;
	font-size:0.9em;
    font-weight:bold;
	color: #999;
	background:transparent;
	padding:5px;
	border:1px solid #666;
	margin-top:5px;	
}
select {
	color:#fff;
	background:transparent;
	border:1px solid #666;
	margin-top:5px;
}
label {
	text-align: right;
	margin: 8px 5px 0px 0px;
	width: 65px;
	float: left;
	clear: both;
}
/* End Form Elements */