/* ------------------------------------------------  */
/* 	© 2008 Miguel Angel Cardona Jr.                  
/* ------------------------------------------------  */

/* ------------------------------------------------  */
/* 	RESET & CLEAR
/* ------------------------------------------------  */

* {margin: 0; padding: 0; border: 0; outline: 0; background:transparent;  }
a {text-decoration: none;}
a img {border: none;}
ul, ol {list-style: none;}


/* ------------------------------------------------  */
/* 	MAIN
/* ------------------------------------------------  */

body {
	margin: 0;
	padding: 0;
	font-family:  Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #5c5c5c;
	background: #000;
	background-image: url(../images/main_bg.gif);
	text-align: center;
	}

a:link, a:visited {
	color: #008cbf;
	text-decoration: none;
	}
	
a:hover {
	color: #0ff;
	text-decoration: line-through;
	}
	
h1 {
	font-family: Georgia , Times , serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #DDD;
	margin-bottom: -5px;
	margin-left: 15px;
	padding-left: 5px;
	padding-top: 22px;
	

}
h6 {
	font-family: Verdana , Arial , sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #00e7ed;
	margin-bottom: -5px;
	margin-right: 15px;
	padding-left: 5px;
	text-align: right;
	margin-top:-17px;
}

p {
	color:#444;
	line-height: 1.5em;
}


	
/* ------------------------------------------------  */
/* 	MAIN LAYOUT
/* ------------------------------------------------  */


#main-container{
	display:block;
	margin: 0;
	width: 900px;
	height:auto;
	padding: 0;
	background: #FFF;
	height:auto;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
}

/* Nav & Header */

#navbox {
	
	margin: 0px;
	width: 130px;
	height: 40px;
	padding: 0;
	background: #008cbf;
	float:left;
}

#nav, #header-home, #footer {
	display:block;
	clear: both;
	margin-left: 10px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:880px;
	height:40px;
	padding: 0;
	background: #000;
}

#nav li {
	font-family: Georgia,Times, serif;
	float:left;
	display:inline;
	margin-left: 28px;
	margin-top: 0;
	padding-top:8px;
	font-size: 20px;
	
}

#nav li a{
	color:#555;	
}

#nav li a:hover{
	color:white;	
}

#nav .bullet{
	color:#fff;	
	font-size: 10px;
	margin-top: 6px;	
}

#header-home {
	margin-top:5px;
	height:130px;
	background-image: url(../images/header_bg.gif);

}

#header-img {
	padding-top:20px;
	margin-left:20px;
}


/* Content */

img#content-homeimg {
	margin-top:5px;
	margin-left:10px;
	margin-bottom:-2px;
	padding: 5px;
	border: 1px;
	border-color: #999;
	border-spacing: 10px;
	border-style: solid;
}

#sub-container{
	display: block;
	width:auto;
	text-align: left;
}

#content-home,
#content-flickr,
#content-pod {
	margin-top:5px;
	background-color: #FFF;
	height:auto;
}

#content-home{
	margin-left:10px;
	width: 640px;
}

#content-home .divider h1{
	font-size: 28px;
	padding-top:15px;
	color:#fff;
}

#content-flickr,#content-pod {
	display: inline;
	margin-left:10px;
	width:315px;
	float:left;
}

.content-body {
	display:block;
	margin-top:5px;
	padding:0px;
	width:auto;
	height:auto;
	background-repeat: repeat-y;
	margin-bottom:10px;
}

.content-body p {
	margin-top:10px;
	margin-left:20px;
	margin-right:8%;
	margin-bottom:5px;
}

#content-flickr .content-body,
#content-pod .content-body{
	background-image: url(../images/border_mid.gif);
}

#content-home .content-body{
	background-image: url(../images/border_wide.gif);
}

#links .content-body{
	background-image: url(../images/border_small.gif);
}


#searchbar,#links {
	display:block;
	height:auto;
	width:230px;
	margin-right:10px;
	margin-top:5px;
	clear:right;
	overflow: visible;
}

input#search {
	color:#777;
	margin-top:	21px;
	margin-left:15px;
	margin-right:6px;
	width:120px;
	padding:5px;
	background-color: #fff;
}


#searchbar .divider {
	
	background-color: #008cbf;
	
}

#searchbar a {	
	font-family: Georgia, Times, serif;
	color:#fff;
	font-size: 12px;
	
}

#links ul {
	
	margin-left:20px;
	margin-right:12px;
	margin-bottom:0px;
}

#links li {
	color: #777;
	font-size: 11px;
	margin-bottom:15px;
}

/* DIVIDERS */

.divider,#divider-footer {
	margin-bottom: 5px;
	padding-bottom:0px;
	height: 52px;
	width: auto;
	background-color:black;
	background-image: url("../images/divider.gif");
	background-repeat:repeat-x;
	
}

.ltcorner {
	background-image: url(../images/lt.gif);
	background-repeat:no-repeat;
	width:10px;
	height:3px;
}

.rtcorner {
	margin-left: -10px;
	background-image: url(../images/rt.gif);
	background-repeat:no-repeat;
	width:10px;
	height:3px;
	float:right;
}

.lbcorner {
	background-image: url(../images/lb.gif);
	background-repeat:no-repeat;
	width:10px;
	height:3px;
	vertical-align: baseline;
}

.rbcorner {
	margin-left: -10px;
	background-image: url(../images/rb.gif);
	background-repeat:no-repeat;
	width:10px;
	height:3px;
	float:right;
	vertical-align: baseline;
}


/* FOOTER */

#divider-footer {
	padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:none;
	background: transparent;
}


#footer {
	clear:both;
	padding-bottom:10px;
	margin-top:5px;
	height:auto;
	background-color:black;
	background-image: url("../images/divider.gif");
	background-repeat:repeat-x;

}

#footer p {
	background-color: #000;
	margin-left: 15px;
	color:#c2c2c2;
	line-height: 18px;
	font-size: 11px;
	width: 630px;
	padding:5px;
}

p#copyright {
	margin-top:15px;
	margin-left:15px;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	color:#008cbf;
	width: 630px;
	padding:5px;
}

span#name {
	margin-left:5px;
	margin-right:5px;
	color:#fff;
}




/* ------------------------------------------------  */
/* 	404 Page 
/* ------------------------------------------------  */

#error,#coming-soon {
		margin-top: 70px;
		text-align: center;
		height: 100%;
		width: 100%;
		clear:both;
		background-color: black;
		background-image: url(../images/header_bg.gif);
		background-repeat: repeat;
	}
	
/* ------------------------------------------------  */
/* 	Placeholder 
/* ------------------------------------------------  */
	
#placeholder {
		margin-top: 100px;
		text-align: center;
		height: auto;
		width: 100%;
		clear:both;
			}
	
#comingsoon {

		background-color: black;
		background-image: url(../images/header_bg.gif);
		background-repeat: repeat;

	
	}


.clear-floats{clear: both;}

.column {
	float: left;	
}
.column2 {
	float: left;
	margin-left:10px;	
}