@charset "utf-8";
/* CSS Document */
@import url("reset.css");
body { font-family:Arial, Helvetica, sans-serif; }

/*																		     HEADER
===================================================================================
*/

#head { width:100%; height:94px; }

.logo { float:left; width:222px; overflow:hidden; height:25px; background:url(../images/logo.jpg) no-repeat; margin:35px 0 0 5px; }

/*																		 NAVIGATION
===================================================================================
*/
.nav { float:right; width:auto; height:auto; padding:44px 5px 0 0; }

.nav li { float:left; width:auto; list-style:none; padding-left:30px; }

.nav li a { width:auto; font-family:Geneva, Arial, Helvetica, sans-serif; color:#3b3b3b; font-size:15px; font-weight:normal; text-decoration:none; }

.nav li a:hover { color: #666666; }

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

#main { width:962px; min-height:392px; overflow:hidden; display:block; background: #cbcbcb url(../images/box_back.jpg) repeat-x top; padding:5px; }

#right { float:right; width:370px; }


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

#footer { width:100%; height:50px; margin-top:70px; border-top:1px solid #b7b7b7; display:block; background:url(../images/footer_logo.jpg) no-repeat right 3px; }

#footer p { font-family:Geneva, Arial, Helvetica, sans-serif; color:#818181; font-size:12px; font-weight:normal; float:left; margin:3px 15px 0 0; }

#footer ul { float:left; width:300px; }

#footer ul li { float:left; width:auto; height:11px; margin-top:3px; padding-top:0; margin-right:7px; padding-right:10px; }

#footer ul li.end { border-right:none; }

#footer ul li a { width:auto; height:auto; font-family:Geneva, Arial, Helvetica, sans-serif; color:#3f3e3e; font-size:11px; font-weight:normal; text-decoration:none; vertical-align:text-top; }


/* Blog Styles */
#sidebar h2 {
	font-size: 1em;
	}

#sidebar h2 {
	text-decoration: none;
	margin: 5px 0 0;
	padding: 0;
	}

#sidebar {
	font-size: 0.9em;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar form {
	margin: 0;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.widecolumn .post {
	margin: 0;
	}

.commentlist li {
	font-size: 0.9em;
	}
	
/*																		 	 
============================================================Jquery image with caption tool
*/
	
	.boxgrid{ 
				width: 273px; 
				height: 517px; 
				margin: 10px 0px 10px 0px; 
				padding: 10px 5px 10px 5px;
				float:left; 
				background:#FFFFFF; 
				overflow: hidden; 
				position: relative; 
				float: left;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid li{ 
					padding: 0 10px; 
					color:#FFFFFF; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			    .boxgrid p{ 
					padding: 0 10px; 
					color:#FFFFFF;
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption 
			{
				float: left; 
				position: absolute; 
				border: solid 3px #333333;
				background: #000; 
				height: 100px; 
				width: 273px;
				opacity: .9;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				.caption .boxcaption 
 				{
 					top: 540px;
 					left: 0;
 				}