/* CSS
Author: AJ Craft
Created: 12-23-08
Author: Chris Linden
Modified: 12-24-08
Project: Mateo Y Cientina
*/

@charset "UTF-8";

/*
GLOBAL ELEMENTS
==================================================*/

*{
	margin: 0px;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html{
	font-size: 125%;
}

body{
	font-size: 65%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
}

/* 
GLOBAL TYPOGRAPHIC ELEMENTS
===================================================*/


h1 {
	color:#FF9933;
	font-size:170%;
	font-weight:bold;
	line-height:normal;
	margin-top: 0.7em; /* added, aj */
	text-transform: uppercase;
}
h2 {
	color:#996633;
	font-size:150%;
	font-weight:bold;
	line-height:normal;
	margin-top: 0.7em;
}
h3 {
	color:#996633;
	font-size:130%;
	font-weight:bold;
	line-height:normal;
	margin-top:0.7em;
}
p {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-top:1em;
}

blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0 1.5em;
}

blockquote p {
	margin-top: 1.1em;
}


/* 
LIST ELEMENTS
===================================================*/
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
}

/* 
LIBRARY
===================================================*/

.clear { 
	clear:both; 
}


/* 
GLOBAL LINKS
===================================================*/

a{
	color:#990000;
	text-decoration: none;
}

a:hover{
	color:#660000;
	text-decoration:underline;
}



/*
NAVIGATION WITH DROP DOWN
=====================================================*/
#menuwrapper {
background:#FFFFFF none repeat scroll 0 0;
padding:0px 5px 5px;
width:855px;
}

#menu {
background-color:#FF6600;
display:block;
height:26px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0px 0 0;
position:relative;
width:856px;
z-index:2;
margin:0px 0 0 0 ;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
background-color:#FF6600;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
height:auto;
line-height:16px;
margin:0;
padding:0 0;
position:relative;
}

#menu li a:link, #menu li a:visited {
color:#FFFFFF;
display:block;
padding:5px 0;
text-align:center;
text-decoration:none;
}

#menu li:hover a, #menu li a:hover, #menu li a:active {
background-color:#990000;
color:#FFFFFF;
display:block;
height:16px;
line-height:16px;
padding:5px 0;
text-align:center;
text-decoration:none;
}
#menu li ul.navigation-2 {
background:#FFFFFF none repeat scroll 0 0;
display:none;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;

}
#menu li:hover ul.navigation-2 {
display:block;
}
#menu li ul.navigation-2 li {
clear:left;
}
#menu li ul.navigation-2 li a:link, #menu li ul.navigation-2 li a:visited {
background-color:#FF6600;
clear:left;
line-height:16px;
padding:4px 0;
position:relative;
z-index:1000;
height: auto;
}
#menu li ul.navigation-2 li:hover a, #menu li ul.navigation-2 li a:active, #menu li ul.navigation-2 li a:hover {
background:#990000 none repeat scroll 0 0;
clear:left;
position:relative;
z-index:1000;
}
#menu li ul.navigation-2 li ul.navigation-3 {
background:#FFFFFF none repeat scroll 0 0;
display:none;
left:145px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:0px;
z-index:900;
}
#menu li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}
#menu li ul.navigation-2 li ul.navigation-3 li a:link, #menu li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#B9121B none repeat scroll 0 0;
}
#menu li ul.navigation-2 li ul.navigation-3 li:hover a, #menu li ul.navigation-2 li ul.navigation-3 li a:hover, #menu li ul.navigation-2 li ul.navigation-3 li a:active {
background:#EC454E none repeat scroll 0 0;
}
#menu li ul.navigation-2 li a span {
color:#FE676F;
font-size:12pt;
left:132px;
position:absolute;
top:0;
}
#menu li ul.navigation-2 li:hover a span, #menu li ul.navigation-2 li a:hover span {
color:#FFFFFF;
font-size:12pt;
left:132px;
position:absolute;
top:0;
}

/* menu width:856px */

.menuhome{
width: 90px;
}

.menucomics, .menucomics li{
width: 130px;
}

.menuparents, .menuparents li{
width: 210px;
}

.menupartners, .menupartners li{ /* now only used on old construction page */
width: 78px; /* was 127, dropped so menu blocks = 856 */
}

/* removed  -aj */ /*
.menuevents, .menuevents li{ width: 148px; }  */

.menuwword, .menuwword li{ /* added 072909 -aj */
width: 194px; /* was 148, then 178 */
}

.menuabout, .menuabout li{
width: 154px; /* was 150  */
}
/* 
FEATURED COMICS SECTION
=================================================*/

#featured {
	width: 403px;
	float: left;
	display: block;
	background-color: #F5F1ED;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#featured img {
	margin: 0px;
}

#thumbnail {
	background-image: url(../images/comics_featured/Featured_comic_thumbs_05.jpg);
	background-repeat: no-repeat;
	height: 108px;
	width: 388px;
	padding-top: 55px;
	padding-left: 15px;
}
#thumbnail li {
	display: block;
	float: left;
}

#thumbnail img {
	display: block;
	margin-left: 12px;
	cursor: pointer;
}


/* 
HOME PAGE STYLE
=================================================*/


#flashintro {
	float:right;
	display:block;
	width:410px;
	margin-right:20px;
	margin-top: 2px;
}


#container { /*body container*/
	width: 866px;
	margin-right: auto;
	margin-bottom: -12px;
	margin-left: auto;
	background-color: #FFFFFF;
}

#header{
	width: 856px;
	height:187px;
	background-image:url(../images/header_englishonly.jpg);
	background-repeat: no-repeat;
	position:relative;
	margin-left:5px;

}

                            
#bodycont{
	width: 866px;
	float: left;
	background-color:#ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#leftcont{
	width: 866px;
	float: left;
	background-color:#ffffff;
}

#rightcont{
	width: 160px;
	padding: 20px 30px 0px 0px;
	float: right;
	background-color:#ffffff;
}

#bodyfullcont{
	width: 840px;
	float: left;
	background-color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px; /* was 30 */
	padding-left: 10px;
	margin-right:15px;
}


/*
COMICS PAGE THUMBNAILS
===============================================*/


#comic_wrapper {
	width: 832px;
/*	height: 480px; removing height restriction -aj */
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 8px;
	position:relative;
}
#comic_content {
	display: block;
	width: 840px;
	overflow:hidden;
}
#comic_wrapper   h2 {
	color: #FFFFFF;
	display: block;
	width: 120px;
	float: right;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 5px;
	background-color: #A59888;
	margin-top: 8px;
	line-height: 18px;
	margin-left: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.comic_thumbright a {
	display: block;
	background-color: #D3C2AE;
}

.comic_thumbright a:hover {
	background-color: #B3A593;
	text-decoration: none;
}
.comic_thumb a {
	display: block;
	background-color: #D3C2AE;
}

.comic_thumb a:hover {
	background-color: #B3A593;
	text-decoration: none;
}
#comic_footer {
	display: block;
	height: 71px;
	width: 840px;
	float: left;
}
#scroll_more, #scroll_back{
	display:block;
	height: 71px;
	width: 420px;
	float:left;
}
#scroll_more {
	background-image: url(../images/scroll_more_button.png);
	background-repeat: no-repeat;
}
#scroll_back {
	background-image: url(../images/scroll_back_button.png);
	background-repeat: no-repeat;
}
.comic_content {
	display: block;
	width: 135px;
	float: right;
	height: 150px;
	margin-right: 5px;
}

.comic_content p {
	display: block;
	width: 125px;
	height: auto;
	float: left;
	color: #FFFFFF;
	padding-left: 10px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.comic_thumb {
	background-color:#D3C2AE;
	float:left;
	height:155px;
	margin-bottom:5px;
	margin-right:10px;
	width:270px;
}
.comic_thumbright {
	height: 150px;
	width: 270px;
	background-color: #D3C2AE;
	margin-right: 0px;
	margin-bottom: 10px;
	float: left;
}
.comic_cover {
	border:2px solid #FFFFFF;
	height:137px;
	margin:7px 5px 5px 8px;
	width:113px;
}

div#title{ /* copied as h1, may not need, 123008 aj */
	color:#FF9933;
	font-size:170%;
	font-weight:bold;
	line-height:normal;
}

#subtitle{ /* copied as h3, may not need, 123008 aj */
	color:#996633;
	font-size:130%;
	font-weight:bold;
	line-height:normal;
}

#logos{
	border-width: none;
	border-style:none;
	padding: 0px 20px 5px 0px; /* bottom was 20, now 5 */
}

#logos a{
	padding: 0px 20px 20px 0px;
	border-width: none;
	border-style:none;
}

#logos a:hover{
	padding: 0px 20px 20px 0px;
	border-width: none;
	border-style:none;
}



/* 
FOOTER STYLES
===============================*/

#footer{
	width: 836px;
	background-color:#FF6600;
	float:left;
	color: #CC3300;
	line-height: 1.1em;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
}

#footerbox1{
	padding: 0px 5px 0px 0px;
	float:left;
	font-weight:bold;
}
.footerboxes { /* made class, can kill box3 & 4 below -aj */
	padding: 0px 10px 0px 10px;
	float:left;
}
/*
div#footerbox3{
	padding: 0px 15px 0px 20px;
	float:left;
}
div#footerbox4{
	padding: 0px 15px 0px 20px;
	float:left;	
}*/


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

#footer a:hover{
	color:#660000;
	text-decoration:underline;
}

/********* new styles ****************/

.mcred {
	color: #990000; /* standard m&c red */
}

#large {
	margin: 0px;
}
#welcomehome {
	float:right;
	width:410px;
	margin-right:20px;
	height: 187px;
}
.eventsleft {
	display:block;
	float:left;
	width:400px;
	margin:0px;
}
.eventsright {
	display:block;
	float:right;
	width:380px;
	margin-left:20px;
	margin-right:15px;
}
.photoright { /* used on most pages. -aj */
	display:block;
	float:right;
	width:445px;
	margin-top:15px;
	margin-left:10px;
	margin-right:0px;
}
.photocaption { /* used on most pages. -aj */
	display: block;
	width:435px;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	/* margin: 0px; */
	padding: 1px;
}
.photorightthanks { /* used on thanks.html 083109 -aj */
	display:block;
	float:right;
	width:320px;
	margin-top:15px;
	margin-left:10px;
	margin-right:0px;
}
.photocaptionthanks { /* used on thanks.html 083109 -aj */
	display: block;
	width:320px;
	font-size: 75%; /* thank-you's are at 120% */
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	padding: 1px;
}
.photorightlarge { /* used on newsroom.html 083109 -aj */
	display:block;
	float:right;
	width:550px;
	margin-top:15px;
	margin-left:5px;
	margin-right:0px;
}
.photocaption550 { /* used on newsroom.html 083109 -aj */
	display: block;
	width:550px;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}
.photocaption464 { /* used on newsroom.html 083109 -aj */
	display: block;
	width:464px;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}.photocaption385 { /* used on newsroom.html 083109 -aj */
	display: block;
	width:385px;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}
.sliderbuttons {
	display:block;
	float:right;
	width:100px;
	margin-left120px;
	margin-right:15px;
}
.sliderimgs {
	display:block;
	float:left;
	width:600px;
	margin-left:10px;
	margin-right:15px;
	position:absolute;
	height: 400px;
	top: 330px;
	left: 0px;
}
#thanksgohere { /* added for use on thankyou.html 073109 -aj */
	display:block;
	float:right;
	width:320px;
	margin-top:15px;
	margin-right:80px;
	font-size:120%;
}

.listindenter {margin-left:25px;} /* added for other lists -aj */
#photorightcont { /* container for comics_parents.html -aj */
	float:right;
	width:430px;
	margin-right:0px;
}
.imgright { /* added for photo spacing -aj */
	display: inline;
	float:right;
	border:1px;
	margin-top: 10px;
	margin-left:10px;
	margin-right:0px;

}
.imgright50marg { /* added for photo spacing on comics_parents -aj */
	display: inline;
	float:right;
	border:0px;
	margin-top: 10px;
	margin-left:10px;
	margin-right:50px;

}

.footerlogos {
	height: auto;
	width: auto;
	padding-top: 20px;
	padding-left: 250px;
}

.block_indent  {/* used on error.html */
	display:block;
	float:left;
/*	bottom: -39px;
	position:relative; */
	width:625px;
	margin-left:35px;
	margin-right:10px;
}
/*
.bottom_align { /* for max on error.html */ /*
	bottom: -39px;
	position: relative;
}
*/