/*----------------------------------------
Name: core.less
Developed by: Mark Joseph Rivera
Copyright: 2011 @ Dog and Rooster
----------------------------------------*/

//Core Stabilizer
@import 'reset.less';

//Core Class
@import 'class.less';

//Shadow Box
@import 'sb.less';


/* --+ CORE HTML5 +-- */

html { }
body { position:relative; font-family:'MyriadProRegular',sans-serif; overflow:hidden;
	
	//Multi-Wrappers
	.wrap { clear:both; float:left; width:100%; margin:0;
		&.header { background:#FFF; width:110%; height:115px; margin-left:-5%; -moz-box-shadow:inset 0 0 15px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 15px 0 rgba(0,0,0,.3); }
		&.category { background:#0b3560; width:110%; min-height:265px; margin-left:-5%; margin-bottom:0; border-top:solid 385px #FFF; -moz-box-shadow:inset 0 0 45px 2px rgba(0,0,0,.7); box-shadow:inset 0 0 45px 2px rgba(0,0,0,.7); }
		&.contents { background:#FCFCFC; width:110%; min-height:265px; margin-left:-5%; margin-bottom:0; border-top:solid 130px #e4e9ec; -moz-box-shadow:inset 0 1px 0 0 #ededed; box-shadow:inset 0 1px 0 0 #ededed; }
		&.gallery { background:#FCFCFC; width:110%; min-height:265px; margin-left:-5%; margin-bottom:0; border-top:solid 0 #e4e9ec; -moz-box-shadow:inset 0 1px 0 0 #ededed; box-shadow:inset 0 1px 0 0 #ededed; }
		&.footer { padding-top:10px; border-top:solid 1px #ededed; }
	}
		
	header, section, footer { clear:both; position:relative; width:960px; }

	header { height:115px; margin:auto; z-index:100;
		#hdrlogo { position:absolute; top:0; left:0 display:block; background:url(../images/hdr_logo.png)no-repeat; width:240px; height:115px; }
		nav[social] { position:absolute; top:5px; right:0; text-align:right; width:100px;
			small { display:block; font-size:12px; color:#002e67; margin-right:1px; }
		}

		nav[menu] li:hover ul ul, nav[menu] li li:hover ul ul, nav[menu] li li li:hover ul ul, nav[menu] li li li li:hover ul ul { display:none; }
		nav[menu] li:hover ul, nav[menu] li li:hover ul, nav[menu] li li li:hover ul, nav[menu] li li li li:hover ul { display:block; width:auto; martin:0; pudding:0; }

		nav[menu] { position:absolute; bottom:0; right:-25px; background:url(../images/mn/menunav.jpg) no-repeat; width:651px; height:46px;
			ul { position:absolute; top:0; list-style:none!important; height:46px; margin:0;
				a, span { display:block; height:46px; cursor:pointer;
					&:hover { background:url(../images/mn/menunav.jpg) no-repeat; }
				}
				ul { position:absolute; top:46px; left:0; display:none; }
			}
			li { color:#FFF;
				&:hover ul { display:block; width:auto; margin:0; padding:0; }
				li { &:hover { position:relative; } }
				li a { display:block; background:#FFF; font:14px sans-serif; font-variant:small-caps; color:#002b80; text-transform:lowercase; height:auto; padding:7px 5px; border:solid 1px #cacaca; border-width:0 1px 1px 1px;
					&:hover { background:#005895; color:#FFF; }
					
					//IE Hack
					*min-height:15px; _height:15px;
				}
				span { text-indent:-999em; cursor:pointer; }
			}
			.parent li { position:relative; width:185px; }
			.child { position:absolute; top:0; left:184px; border-top:solid 1px #cacaca; z-index:1;
				li { position:relative; width:185px;
					a { display:block; background:#FFF; font:14px sans-serif; font-variant:small-caps; color:#002b80; text-transform:lowercase; height:auto; padding:7px 5px; border:solid 1px #cacaca; border-width:0 1px 1px 1px;
						&:hover { background:#005895; color:#FFF; }
					}
				}
			}
			
			.panel1, .panel1 a { left:25px; width:82px;
				&:hover { background-position:-25px -46px; }
			}
			.panel2, .panel2 span { left:107px; width:98px;
				&:hover { background-position:-107px -46px; }
			}
			.panel3, .panel3 a { left:205px; width:89px;
				&:hover { background-position:-205px -46px; }
			}
			.panel4, .panel4 span { left:294px; width:110px;
				&:hover { background-position:-294px -46px; }
			}
			.panel5, .panel5 span { left:404px; width:105px;
				&:hover { background-position:-404px -46px; }
			}
			.panel6, .panel6 a { left:509px; width:117px;
				&:hover { background-position:-509px -46px; }
			}
		}


	}
	
	section { margin:auto; z-index:50;
		ul, ol { margin:10px 0 10px 25px; }
		ol { list-style:decimal; }		
	}
	
	footer { margin:10px auto 30px;
		ul { float:left; list-style:none; width:100%; min-height:100px; margin:0;
			li { float:left; width:480px;
				dl { clear:both; display:block; font:10px sans-serif; width:100%; margin:0 0 10px;
					dt { float:left; font-weight:bold; width:80px; padding-left:25px; }
					dd { display:inline; margin:0; padding:0; }
					a { position:relative; color:#666; margin:0;
						//&:hover { border-bottom:solid 1px #444; }
					}
				}
			}
		}
		#copyright { font-size:11px; margin:20px 0 0 25px;
			small { display:block; margin-top:3px;
				a { color:#888; }
			}
		}
	}
}


/* --+ HOMEPAGE COMPONENTS +-- */

#ajaxpanel { position:relative; width:960px; height:385px; margin:-385px 0 0; }

#catpanel { float:left; width:960px;
	ul { list-style:none; margin:0; 
		li { float:left; background:#f8f9fb; font:12px/18px sans-serif; width:200px; min-height:235px; margin:5px 0 5px 20px; padding:10px; .border-radius(10px); .linear-gradient(#f8f9fb,#c5d0de,100%);
			&.recentNews { background:transparent; width:460px; margin-left:0; .border-radius(0);
				h2 { text-transform:uppercase; letter-spacing:0; padding:10px 0 0; }
			}
			h2 { font:20px 'MyriadProLight',sans-serif; color:#0e7bae; letter-spacing:-0.07em; }
			
			ul { list-style:disc; line-height:20px; margin:10px 0 10px 25px;
				li { float:none; background:none; width:auto; min-height:1%; margin:0!important; padding:0!important; }
			}
			
			table { position:relative; width:100%; }
			
			dl { width:100%; margin:0 0 15px; padding:0;
				dt { font:14px 'MyriadProRegular',sans-serif; color:#c0eaff; margin-bottom:5px; }
				dd { color:#FFF; margin:0; padding:0;
					a { display:block; font-size:11px; color:#c0eaff; text-align:right; }
				}
			}
		}
	}
}


/* --+ INNER HEADER COMPONENTS +-- */

#headerpanel { position:relative; background:#e7eef0; width:960px; height:130px; margin:-130px 0 0; }


/* --+ INNER CONTENTS COMPONENTS +-- */

article { float:left; font:14px 'MyriadProLight',sans-serif; width:960px; margin-top:1px; padding:0;
	h2 { font:20px 'MyriadProLight',sans-serif; color:#0e7bae; text-transform:uppercase; letter-spacing:normal; margin:20px 0 10px; }
	//Contents Panel
	&[contents] { position:relative; width:730px; min-height:500px; border-left:solid 230px #FCFCFC;
		summary { float:left; width:710px; padding-bottom:20px;
		
			#loginpanel { position:relative;
				fieldset { margin:20px 0; }
				input[type=text],input[type=password] { display:block; text-indent:5px; width:300px; height:25px; margin-bottom:5px; border:solid 1px #CACACA; .border-radius(5px); .box-shadow(0,0,5px0,rgba(0,0,0,.5)); }
				input[type=submit] { background:#00336e; font:13px 'MyriadProLight',sans-serif; color:#FFF; margin:10px 0 0; padding:4px 16px; border:solid 1px #EEE; border-width:1px 0 0 0; .linear-gradient(#005b97,#00336e,100%); .border-radius(4px); .box-shadow(0,0,3px,1px,rgba(0,0,0,.5));
					&:hover { .linear-gradient(#008dd7,#00336e,100%); }
				}
				a { position:relative; color:#002e69; text-decoration:none; border-bottom:dotted 1px #777; }
			}

			div { float:left; 
				&.recent { width:740px; min-height:300px; padding-right:20px;
					dl { display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px #DDD;
						&:last-child { border-bottom:0; }
						dt { font-size:19px; margin-bottom:20px;
							small { display:block; font:12px sans-serif; }
						}
						dd {  margin:0; padding:0;
							ul { float:none; list-style:disc; width:auto; margin:10px 0 10px 25px; }
						}
						a { position:relative; color:#002e69; border-bottom:dotted 1px #CCC; }
					}
				}
			}
						
			#contactpanel { float:left; position:relative; width:100%;
				dd { margin:0; }
				span[red] { color:#A40; }

				input[type=text] { display:block; font-size:13px; text-indent:5px; width:300px; height:25px; margin-bottom:5px; border:solid 1px #CACACA; .border-radius(4px); .box-shadow(0,0,5px0,rgba(0,0,0,.5)); }
				input[type=submit],input[type=reset] { background:#00336e; font:13px 'MyriadProLight',sans-serif; color:#FFF; margin:10px 0 0; padding:4px 16px; border:solid 1px #EEE; border-width:1px 0 0 0; .linear-gradient(#005b97,#00336e,100%); .border-radius(4px); .box-shadow(0,0,3px,1px,rgba(0,0,0,.5));
					&:hover { .linear-gradient(#008dd7,#00336e,100%); }
				}
				textarea { display:block; font:normal 13px Tahoma; width:400px; max-width:400px; height:100px; padding:3px; border:solid 1px #CCC; .border-radius(4px); overflow:hidden; }
				a { position:relative; color:#002e69; text-decoration:none; border-bottom:dotted 1px #777; }
			}
		
		}
		aside { float:left; background:url(../images/shadow_sidepanel.png) no-repeat top right; width:230px; min-height:500px; margin:0 20px 0 -230px; }
	}
	//Facility Panel
	&[facility] { position:relative; width:960px; min-height:500px;
		
		#slides { float:left; position:relative; background:url(../slides/images/shadow_a-top.jpg) no-repeat top center,url(../slides/images/shadow_a-bottom.jpg) no-repeat bottom center; width:960px; margin:20px 0 10px; padding:35px 0; z-index:1;
			h2 { position:relative; margin:-40px 0 0; }
		}		
		
		.gallery_thumbs_panel { float:left; list-style:none; width:960px; margin:0; padding-bottom:100px;
			li { float:left; position:relative; background:url(../slides/images/gallery_thumb_frame.jpg) no-repeat; width:286px; height:186px; margin-left:30px; padding:7px;
				&:first-child { margin-left:0; }
				h4 { position:absolute; bottom:-40px; left:0; display:block; font:15px 'MyriadProRegular',sans-serif; color:#0e7bae; text-transform:uppercase; }
			}
		}
	
	}
}

/* --+ ASIDE CONTENTS COMPONENTS +-- */

aside {
	h3 { font:400 18px 'MyriadProLight',sans-serif; color:#444; margin:20px 0 0; }
	
	menu { background:url(../images/shadow_sidemenu.png) no-repeat top left,url(../images/shadow_sidemenu.png) no-repeat bottom left; list-style:none; margin:10px 0 20px; padding:0 0 1px;
		li { background:url(../images/shadow_sidemenu.png) no-repeat bottom left; margin:0;
			a { display:block; background:url(../images/icon_arrow.png) no-repeat 8px 10px; font:500 13px 'MyriadProLight',sans-serif; color:#0e7bae; line-height:30px; height:30px; padding-left:25px;
				&:hover { color:#002e69; }
			}
		}
	}
	
	dl { position:relative; width:210px; padding-right:20px;
		dt {  }
		dd { margin:0; padding:5px 0;
			ul { line-height:16px; list-style:none; margin:10px 0 10px 5px;
				li { margin:0 0 10px; }
				a { display:block; color:#002e69; 
					&:hover { color:#0e7bae; }
				}
				small { color:#777; }
			}
			&.viewlink { font-size:12px; text-align:right;
				a { color:#002e69;
					&:hover { color:#0e7bae; }
				}
			}
		}
	}

}

/* --+ SOCIAL NETWORKS COMPONENTS +-- */

.socialnetworks { clear:both; float:left; list-style:none; margin:10px 0;
	.fb,.tt { float:left; }
	.fb { background:url(../images/share_fb.png) no-repeat; width:80px; height:30px;
		.FBConnectButton,.FBConnectButton_Small { visibility:hidden; }
	}
	.tt { background:url(../images/share_tt.png) no-repeat; width:80px; height:30px;
		
		.tb,.t-count,.t-count a{display:none;}
		
	}
}