@charset "utf-8";
/* CSS Document */

/* stylesheet for bocaabajo.com

Author: Rishi Patel, Monazu Creative Group

*/

/* boring stuff */
body	{background: #000 url(../images/bocaabajo_bg.jpg) repeat-x left top; width: auto; height: auto; margin: 0; padding: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
#pageContainer	{width: 770px; margin: auto; margin-top:0px;}
#header	{background: #000 url(../images/header.jpg) no-repeat bottom; border: solid #FFF medium; height: 100px; margin-top: 20px;}
	#navigation	{ margin-top:75px; height: 25px; line-height: 25px; color:#FFF;}
		.mainNav	{line-height: 25px; margin: 0px; padding: 0px; color: #FFF; font-size: 15px; font-variant:small-caps; font-weight:bold}
			.mainNav li	{display:inline; list-style-type:none;}
			.mainNav li a	{color: #FFF; text-decoration: none; padding: 0px 20px 0px 20px;}
			.mainNav li a:hover	{color:#F00;}
#admin	{ width: 770px; background:#FFF; height: auto; padding:5px;}
#copyright	{color:#666; background:#000; border: solid medium #FFF; font-variant:small-caps; font-weight:bold; font-size:small; margin-bottom: 20px; padding:10px; height: 30px; text-align:center; float:none; clear:both; line-height:30px;}
#twitter	{margin-top: 20px; width: 770px; background: #000; float: left;}

/* fonts and headings and stuff */
h1	{color:#666; font-size:20px; font-variant: small-caps; font-weight:bold; padding-top: 5px; padding-bottom: 15px; margin: 0; line-height: normal;}

a	{ color:#00C100; font-weight: bold;}
	a:hover	{ color:#B30000; text-decoration: none;}
			
/* it get's interesting here. these rules control the layout of the panels. */
#panelsHolder	{margin-top: 20px; width: 770px; height: auto; }
.panel	{ background:#FFF; width: 240px; height: 240px; padding: 5px; float:left; margin: 5px;}

/* boring again, this is the other pages. */

#onecol	{ width: 770px; height: auto; background: #FFF; margin-top: 20px; padding: 5px;}

/* element styling stuff */

/* calendar */ 
.eventsList	{ margin-top:-15px; padding:0px !important;}
.eventsList	ul	{margin: 0; padding-left: 15px !important; list-style: square !important;}
	.eventsList .eventDate	{font-style:italic;}
/* news */
.postTitle	{ font-size: inherit;}
.postDate	{ padding: 0px; margin: 0px; line-height:  0px;}
.blogList	{ padding: 0px; margin-top: -15px;}
.blogList ul	{ margin: 0px; padding: 0px; padding-left: 15px;}
	.blogList li	{ list-style-type: square; padding: 0px;}