/*Google font api*/
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic);
/*/Google font api*/

/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		

		
/* #Basic Styles
================================================== */
	body { 
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444; 
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: none;
		}
	

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { 
		color: #181818; 
		font-family: 'Gentium Basic', serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none ;}
	h1 { font-size: 46px; line-height: 46px; margin-bottom: 1px;}
	h2 { font-size: 24px;}
	h3 { font-size: 20px;}
	h4 { font-size: 18px; line-height: 22px; }
	h5 { font-size: 15px; line-height: 18px; }
	h6 { font-size: 14px; line-height: 15px; }
	.subheader { color: #777; }

	p { margin: 0 ; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 12px; line-height: 15px; color: #8a8a8a ; font-style: italic; }
	blockquote { margin: 20px 10px ; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; word-wrap: break-word; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	aside{font-family: 'Gentium Basic', serif;position:relative;}

/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #8b8b8b; }
	p a, p a:visited { line-height: inherit; }
	

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 10px; font-size: 100%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin: 0 0 6px 0 ; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
/* #Images
================================================== */
.single-main img.alignnone,
	.single-main img.alignleft,
	.single-main img.alignright,
	.single-main img.aligncenter{
		margin: 20px 0 5px 0 ;
		max-width: 100% ;
		height: auto ;
		}

	.wp-caption { 
		border: 1px solid #ddd ; 
		text-align: center ; 
		background: #f3f3f3 ; 
		padding-top: 4px ; 
		margin: 10px ;
		}



	.single-main .alignnone, 
	.single-main img.alignnone {
		clear: both ; 
		display: block ; 
		margin-bottom: 5px ;
		}
	.single-main .alignleft, 
	.single-main img.alignleft {
		display: inline ; 
		float: left ; 
		margin-right: 15px ; 
		margin-top: 5px ;
		}
	.single-main .alignright, 
	.single-main img.alignright {
		display: inline ; 
		float: right ; 
		margin-left: 15px ; 
		margin-top: 5px ;
		}
	.single-main .aligncenter, 
	.single-main img.aligncenter {
		clear: both ;
		display: block ;
		margin-left: auto ;
		margin-right: auto ;
		}
	.single-main img.alignleft, 
	.single-main img.alignright, 
	.single-main img.aligncenter {
		margin-bottom: 5px ;
		}



/* #Buttons
================================================== */
	
	a.button, 
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	background: rgb(249, 249, 249); 
	background: rgba(249, 249, 249, 0.3);  
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 21px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	  
	a.button:hover, 
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: rgb(226, 226, 226); 
		background: rgba(226, 226, 226, 0.3);  
		border: 1px solid #afafaf;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc; }
	  
  a.button:active, 
  button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
	background: rgb(226, 226, 226); 
	background: rgba(226, 226, 226, 0.3);  
	border: 1px solid #afafaf;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc; }
	
	.button.full-width, 
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }
	
	
/* #Tabs (activate in app.js)
================================================== */
	ul.tabs { 
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a { 
		display: block; 
		text-decoration: none;
		width: auto; 
		height: 29px; 
		padding: 0px 20px; 
		line-height: 30px; 
		border: solid 1px #ddd;
		border-width: 1px 0 0 1px; 
		margin: 0;  
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active { 
		background: #fff; 
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-right-width: 1px;
		margin: 0 -1px 0 0;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a {
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }
		
	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }
			
			
/* #Forms
================================================== */

	form { 
		margin-bottom: 20px; }
	fieldset { 
		margin-bottom: 20px; }
	input[type="text"], 
	input[type="password"],
	input[type="email"],
	textarea, 
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: auto;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: rgb(255, 255, 255); 
		background: rgba(255, 255, 255, 0.3);   }
	select { 
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus, 
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend { 
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select { 
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

		
	

 /*--------------------------------------------------------*/
/*_________header_________________________________________*/

	header {margin-top: 30px;}

	hgroup h1{
		display: block ;
		width: 100% ;
		text-align: center ;
		}
	hgroup h1 a{text-decoration: none !important;/*for opera*/}
		hgroup h2{
			width: 100% ;
			text-align: center ;
			font-size: 14px ;
			color: #6a6a6a ;
			}


	/*-- nav --*/
	#nav {
		margin: 30px 0 0 0;
		width: 100% ;
		}
		#nav ul{
			margin: 0 auto ; 
			text-align: center ;
		/*	background: #f9f9f9 ;*/
			margin: 0 10px ;
			padding: 2px 0 ;
			}
			#nav ul li{
				display: inline;
				margin: 0 18px 0 0 ;
				}

		#nav a {
			text-decoration: none ;
			padding: 4px 3px 5px 3px ;
			font-size: 11px ;
			}
			#nav a:hover {
				color: #8b8b8b ;
				background: rgb(255, 255, 255) ; 
				background: rgba(255, 255, 255, 0.8) ; 
				}

	/*-- wp_nav_menu level2 --*/
.menu-header { 
	display: block ; 
	position: relative ; 
	top: 0 ; 
	left: 0 ; 
	z-index: 3 ;
	}

ul.menu {
	padding: 0 ;
	list-style: none ;
	position: relative ;
	margin: 0 10px ;
	}
	ul.menu li {
		margin: 0 ; 
		padding: 0 ;
		display: inline ;
		margin: 0 18px 0 0 ;
		}
		ul.menu li a {
			text-decoration: none ;
			padding: 5px 3px ;
			display: inline ;
			}
			ul.menu li:hover { color: #8b8b8b ;}
		ul.menu li ul {
			position: absolute ;
			left: 0 ; 
			display: none ;
			width: 100% ;
		 	margin: 0 !important ;
			}
			ul.menu li ul ul{
				margin: 0 ;
				background: none !important;
				position: static ;
				display: none ;
				float: left ;
				}
	ul.menu li:hover ul {}
	ul.menu li ul li a { display: inline ; }

		#headsearchform input{
			width: 100% ; 
			border-top: 0px ;
			border-left: 0px ;
			border-right: 0px ;
			border-bottom: 1px solid #e2e2e2 ;
			text-align: center ;
			margin: 0 ;
			padding: 10px 0 ;
			}
			.toggle_container {
				padding: 0;
				overflow: hidden;
				width: 100%;
				}
	.toggle{
		text-align: center ; 
		width: 100% ; 
		padding: 3px 0 ; 
		cursor: pointer ;
		}
		.toggle span{
			margin: 0 auto ;
			font-family: 'Gentium Basic', serif;
			letter-spacing: 0.2em ;
			}


 /*--------------------------------------------------------*/
/*_________opacity settings_______________________________*/

	.toggle,
 	#nav ul,
	.single-main h2{
		background: rgb(249, 249, 249); 
		background: rgba(249, 249, 249, 0.5);  
		}

	#headsearchform input{
		background: rgb(255, 255, 255); 
		background: rgba(255, 255, 255, 0.5);  
		}
	.feature span{
		color: rgb(255, 255, 255); 
		color: rgba(255, 255, 255, 0.5); 
		}

 /*--------------------------------------------------------*/
/*_________contents_______________________________________*/

	article.index_article{margin-top: 35px ;}
	article.single_article{margin-top: 25px ;}
	aside{margin-left: 20px ;}
	address{float: right ;}

	.single-main{
		width: 640px ;
		margin: 0 auto ;
		}


	/*-- headding --*/
	.single-main h2,
	.single-main h3,
	.single-main h4,
	.page h2{letter-spacing: 0.1em ;}


	.single-main h2{
		padding: 8px 0 10px 19px ;
		margin:0 0 35px 0 ;
		clear: both ;
		font-weight: bold ;
		}
	.single-main h3{
		font-size: 22px;
		padding: 8px 0 10px 11px ;
		margin:45px 0 15px 0 ;
		font-weight: bold ;
		}
	.single-main h4{ 
		font-size: 18px; 
		line-height: 22px; 
		margin:25px 0 25px 0 ;
		color: #575757 ;
		}


	.single-main h2 a,
	.page h2 a{text-decoration: none ;}

	/*-- img --*/

	#headerImage{margin-bottom: 0px ; }
		#headerImage img{
			max-width: 100% ;
			height: auto ;
			margin-top: 0 ;
			}

.feature{position: relative;}
	.feature span{
		position: absolute ; 
		bottom: 10px ; 
		left: 10px ;
		z-index: 1 ;
		font-size: 9px ;
		} 

	.feature img,
	.single-main img {
		max-width: 100% ;
		height: auto ;
		}
		.index_article section{margin-bottom: 15px ;}

	/*-- others --*/

	.single-main ul,
	.single-main ol{margin:10px 0 10px 25px ;}
	.single-main ul li{list-style-type: decimal; line-height: 14px ; margin: 10px 0 0 0 ;}
	.single-main ol li{list-style-type: circle; line-height: 14px ; margin: 10px 0 0 0 ;}

	pre{
		font-size: 12px;
		padding: 15px ;
		margin: 0 ;
		background: #f9f9f9 ;
		border-left: 1px solid #ccc ;
		line-height: 20px ;
		overflow: auto ;
		white-space: pre-wrap ;
		word-wrap: break-word ;
		margin:0 0 20px 0 ;
		}

	aside.tags{
		margin-top: 30px ;
		}
	aside.tags ul{
		margin-left: 0 ;
		}
		.tags ul li{list-style-type: none ;}
		.tags ul li a{
			padding: 2px 5px ; 
			background: #f1f1f1 ; 
			border: 1px solid #d1d1d1 ; 
			text-decoration: none ; 
			border-radius: 3px ;
			}
			.tags ul li a:hover{
				background: #d9d9d9 ; 
				color: #262626 ;
				}
		.single-main p{
			word-wrap: break-word;
			line-height: 20px ;
			margin-bottom: 20px ;
			}

	.p-name{
		font-size: 10px ;
		color: #6a6a6a ;
		padding-left: 5px ;
		}
	address span{
		font-size: 11px ;
		color: #6a6a6a ;
		vertical-align: middle ;
		}

	/*-- Pagenations --*/

	nav .fl{float: left ;}
	nav .fr{float: right ;}

	/*-- Respoicive iframe --*/

	.media-container {
		position: relative ; 
		margin: 0 0 15px 0 ;
		padding-bottom: 51% ; 
		padding-top: 30px ; 
		height: 0 ; 
		overflow: hidden ; 
		border: 1px solid #ccc ; 
		width: 100% ; 
		height: 100% ;
		}
		.media-container iframe,
		.media-container object,  
		.media-container embed { 
			position: absolute ; 
			top: 0 ; 
			left: 0 ; 
			width: 100% ; 
			height: 100% ;
			}
		.genericon{
			font-size:12px;margin:0 3px 0 0;line-height:24px;
			}

 /*--------------------------------------------------------*/
/*_________comments_______________________________________*/

	.comments-tab{
		padding-top: 50px ; 
		clear: both ; 
		border-top: 1px solid #e9e9e9 ;
		}
		.commnetsarea p{line-height: 20px ;}
		.commnetsarea .input-area{ width: 100% ;}
		.commnetsarea .input-item{
			float: left ;
			width: 32.1% ; 
			height: 51px ;
			}
		.commnetsarea .input-item input{ width:100%;}
		.commnetsarea textarea{	
			width: 99.8% ;
			overflow: auto ;
			}
	.input-center{margin: 0 11px ;}

		.comment-author img{
			float: left ; 
			margin-right: 30px ; 
			padding: 3px ; 
			background: #eee ;
			border: 1px solid #d3d3d3 ;
			}
		.comment-author .name-label{
			float: left ; 
			margin-top: 25px ;
			}
			.commnetsarea ul.tabs-content{margin: 0 ;}
			.commnetsarea ul.tabs-content li{
				border-bottom: 1px solid #e9e9e9 ; 
				margin: 0 ; 
				padding: 20px 0 20px 0 ; 
				font-size: 12px ; 
				list-style-type: none ;
				}
		.commnetsarea ul.tabs-content ul {margin-left: 25px ;}
			.commnetsarea ul.tabs-content li.comment:last-child,
			.commnetsarea ul.tabs-content ul li.comment{
				border-bottom: none ;
				}

	#respond{margin-top: 30px ;}
	#respond h3{ margin-left: 4px ;}

 /*--------------------------------------------------------*/
/*_________footer_________________________________________*/

	.footer{
		display: block ;
		margin-top: 20px ;
		padding-top: 25px ;
		border-top: 1px solid #dedede ;
		width: 100% ;
		height: auto ;
		}
		footer input#s{width: 150px ;}
		footer input{
			float: left ;
			padding: 0 ; 
			margin: 0 ;
			}
			.copyright{
				font-family: 'Gentium Basic', serif;
				margin: 2px 0 ;
				line-height: 18px ;
				}

	.widget h2,
	.widget h3,
	footer h3{
		padding: 0 0 5px 5px ;
		margin: 0 0 15px 0 ;
		font-size: 14px ;
		font-weight: bold ;
		width: 100% ;
		}


 /*--------------------------------------------------------*/
/*_________Social Links Custom Widget_____________________*/

	.widget_sociallinks a {padding:0 20px;}
		.widget_sociallinks a.rss {
			background:url(../images/rss-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.twitter {
			background:url(../images/twitter-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.facebook {
			background:url(../images/fb-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.youtube {
			background:url(../images/youtube-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.tumblr {
			background:url(../images/tumblr-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.google {
			background:url(../images/google-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.skype {
			background:url(../images/skype-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.flickr {
			background:url(../images/flickr-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.vimeo {
			background:url(../images/vimeo-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.linkedin {
			background:url(../images/linkedin-icon.png) 0 0 no-repeat;
			}
		.widget_sociallinks a.delicious {
			background:url(../images/delicious-icon.png) 0 0 no-repeat;
			}


 /*--------------------------------------------------------*/
/*_________404____________________________________________*/

	.noresults{
		width: 100% ;
		height: auto ;
		margin: 100px 0 150px ; 
		padding: 0 ;
		}
		.noresults h2{/*404*/
			text-align: center ;
			font-size: 55px ;
			background: none ;
			padding: 30px 0 5px 0 ;
			}
			.noresults p{text-align: center ;}


 /*--------------------------------------------------------*/
/*_________Fangate________________________________________*/

	.fb_fangate_file header {margin: 5px 0 5px ;}
	.fb_fangate_file header h1{font-size: 12px ;text-align:left ;}
	h2.fangate_h2{text-align: center ;margin: 5px 0 5px ;}

	.overlay {
		display: block ;
		width: 100% ;
		margin: 0 ;
		background: #fff ;    
		position: fixed ;
		top: 0px ;
		bottom: 0px ;
		left: 0px ;
		right: 0px ;
		z-index: 1000 ;
		filter: alpha(opacity=98) ;
		opacity: 0.98 ;
		}
		.overlay .content {margin: 10px ;}

	.modal {
		margin: 0 ;
		padding: 0 ;
		}
	ul.tabs-content{
		margin: 0 ;
		padding: 0 ;
		}
		ul.tabs-content li{
			list-style-type: none ;
			line-height: 20px ;
			}


 /*--------------------------------------------------------*/
/*_________Media Queries__________________________________*/

	@media only screen and (min-width: 768px) and (max-width: 959px){
	.genericon{
	font-size:12px;margin:0 3px 0 0;line-height:24px;
	}
	.commnetsarea input{width: 100% ; margin-bottom: 10px ;}
	.commnetsarea .input-item{float: left ;width: 100% ; height: 53px ;}
	.commnetsarea textarea{ margin-top: 23px ; }
	.input-center{margin: 0 ;}
	}

	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	}
	

	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {

	#nav{background: none !important;}
		#nav a {
			font-size: 11px ;
			padding: 2px 3px ;
			background: #f1f1f1 ; 
			background: rgb(241, 241, 241); 
			background: rgba(241, 241, 241, 0.5);  
			border: 1px solid #d1d1d1 ; 
			text-decoration: none ; 
			border-radius: 3px;
			}
			#nav a:hover {border: 1px solid #d1d1d1 ; }
		#nav ul{background: none !important;}
			#nav ul li{
				display: inline-block;
				margin: 2px;
				margin-bottom: 0px ;
				}

	.widget{
		border-bottom: 1px solid #e9e9e9 ;
		padding: 30px 0 ;
		font-size: 11px ;
		}

	h1{
		font-size: 35px ;
		text-align: center ;
		}

		.tags ul li a{
			font-size: 10px ;
			margin-bottom: 3px ;
			}

	.noresults h2{font-size: 40px ;}
		.copyright{
			font-size: 11px ;
			margin-top: 20px ;
			}

	.commnetsarea input{width: 100% ; margin-bottom: 10px ;}
	.commnetsarea .input-item{float: left ;width: 100% ; height: 53px ;}
	.commnetsarea textarea{ margin-top: 23px ; }
	.input-center{margin: 0 ;}
	}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.genericon{
	font-size:12px;margin:0 3px 0 0;line-height:20px;
	}
		.feature img,
	.single-main img {
		width: 420px ;
		height: auto ;
		}
	}

	/* Mobile/only */
	@media only screen and (max-width: 480px) {

	#headsearchform input{
		width: 100% ; 
		font-size: 10px ;
		}
	.genericon{
	font-size:12px;margin:0 3px 0 0;line-height:18px;
	}

	#nav,
	#nav ul {
		margin: 0;
		background: none !important;
		}
		#nav a {font-size: 13px ;}
			#nav a:hover {border: 1px solid #d1d1d1 ; }
		#nav ul{margin-bottom: 45px ;}
			#nav ul li{
				display: block;
				margin: 0;
				text-align: center ;
				margin-bottom: 0px ;
				width: 100% ;
				padding: 2px 0 ;
				}
				#nav ul li a{
					display: block;
					width: 97% ;
					}

ul.menu {position: static ;}
	ul.menu li {}
		ul.menu li a {}
			ul.menu li:hover {}
		ul.menu li ul {
			position: static ;
		 	margin: 0 !important ;
			}

	ul.menu li ul ul{background: none !important;position: static ;display: none ;}
	ul.menu li:hover ul {}
	ul.menu li ul li a {}
	ul.menu li ul a:hover {}


	h1{
		font-size: 25px ;
		text-align: center ;
		line-height: 25px;
		}
		hgroup h2{
			font-size: 12px ;
			margin-bottom: 15px ;
			}

	.noresults h2{font-size: 25px ;}
	aside{font-size: 10px ;}
	pre{width: 90% ;}

	.tags ul li a{
		font-size: 10px ;
		margin-bottom: 3px ;
		}


	.widget a,
	footer ul li a{
		font-size: 10px ;
		padding: 2px 3px 2px 15px ;
		background: rgb(241, 241, 241); 
		background: rgba(241, 241, 241, 0.5);
		border: 1px solid #d1d1d1 ; 
		text-decoration: none ; 
		border-radius: 3px;
		display: block;
		width: 95% ;
		}
		.widget:last-child{border-bottom: none ;}
	.widget ul, footer ul li ul{margin: 0 ; padding: 0 ;}
	.widget li, footer ul li li{margin:2px 0 ;}
	.widget li ul, footer ul li li ul{margin-left:7px;}
	.widget li ul a{
			font-size: 10px ;
			padding: 2px 3px 2px 15px ;
			background: rgb(231, 231, 231); 
			background: rgba(231, 231, 231, 0.5);
			border: 1px solid #d1d1d1 ; 
			text-decoration: none ; 
			border-radius: 3px;
			display: block;
			width: 95% ;
			}

			.copyright{
				font-size: 12px ;
				text-align:center ;
				}

			.copyright .f_links{
				display: inline-block ;
				width: 310px ;
				}

			.copyright a{
				padding: 2px 3px ;
				background: rgb(241, 241, 241); 
				background: rgba(241, 241, 241, 0.5);
				border: 1px solid #d1d1d1 ; 
				text-decoration: none ; 
				border-radius: 3px;
				}


	footer h3{margin-top: 10px ;}

	ul.tabs li { 
		max-width: 65px ;
		height: 80px;
		}
		ul.tabs li a { 
			font-size: 10px ;
			min-width: 50px ;
			height: 79px; 
			padding: 3px 10px 0 ; 
			line-height: 13px ;
			word-break: break-all;
			}
			ul.tabs li a.active { height: 80px;}

	.commnetsarea{font-size: 11px ;}
	.commnetsarea input{width: 97% ; margin-bottom: 10px ;}
	.commnetsarea .input-item{float: left ;width: 97% ; height: 53px ;}
	.commnetsarea textarea{ margin-top: 23px ;width: 96% ; }
	.input-center{margin: 0 ;}
		.commnetsarea ul.tabs li a { font-size: 9px ;}

	}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
	
/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/


/* Table of Contents
==================================================
	#Base 960 Grid    
	#Tablet (Portrait)
	#Mobile (Portrait) 
	#Mobile (Landscape)
	#Clearing */
	
	

/* #Base 960 Grid 
================================================== */

	.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.column, .columns , .widget{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	.row { margin-bottom: 20px; }
	
	/* Nested Column Classes */
	.column.alpha, .columns.alpha 				{ margin-left: 0; }
	.column.omega, .columns.omega 				{ margin-right: 0; }
	
	/* Base Grid */
	.container .one.column 							{ width: 40px;  }
	.container .two.columns 						{ width: 100px; }
	.container .three.columns 					{ width: 160px; }
	.container .four.columns 						{ width: 220px; }
	.container .five.columns 						{ width: 280px; }
	.container .six.columns 						{ width: 340px; }
	.container .seven.columns 					{ width: 400px; }	
	.container .eight.columns 					{ width: 460px; }
	.container .nine.columns 						{ width: 520px; }
	.container .ten.columns 						{ width: 580px; }	
	.container .eleven.columns 					{ width: 640px; }	
	.container .twelve.columns 					{ width: 700px; }
	.container .thirteen.columns 				{ width: 760px; }	
	.container .fourteen.columns 				{ width: 820px; }	
	.container .fifteen.columns 				{ width: 880px; }
	.container .sixteen.columns 				{ width: 940px; }
	
	.container .one-third.column	, .widget			{ width: 300px; }
	.container .two-thirds.column				{ width: 620px; }
	
	/* Offsets */	
	.container .offset-by-one 					{ padding-left: 60px;  }
	.container .offset-by-two 					{ padding-left: 120px; }
	.container .offset-by-three 				{ padding-left: 180px; }
	.container .offset-by-four 					{ padding-left: 240px; }
	.container .offset-by-five 					{ padding-left: 300px; }
	.container .offset-by-six 					{ padding-left: 360px; }
	.container .offset-by-seven 				{ padding-left: 420px; }
	.container .offset-by-eight 				{ padding-left: 480px; }
	.container .offset-by-nine 					{ padding-left: 540px; }
	.container .offset-by-ten 					{ padding-left: 600px; }
	.container .offset-by-eleven 				{ padding-left: 660px; }
	.container .offset-by-twelve 				{ padding-left: 720px; }
	.container .offset-by-thirteen 			{ padding-left: 780px; }
	.container .offset-by-fourteen 			{ padding-left: 840px; }
	.container .offset-by-fifteen 			{ padding-left: 900px; }
	
	
	
/* #Tablet (Portrait)
================================================== */	

	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container { width: 768px; }
		.container .column, 
		.container .columns,
		.container .widget { margin-left: 10px; margin-right: 10px;  }
		.column.alpha, .columns.alpha 				{ margin-left: 0; margin-right: 10px; }
		.column.omega, .columns.omega 				{ margin-right: 0; margin-left: 10px; }
	
		.container .one.column 							{ width: 28px;  }
		.container .two.columns 						{ width: 76px; }
		.container .three.columns 					{ width: 124px; }
		.container .four.columns 						{ width: 172px; }
		.container .five.columns 						{ width: 220px; }
		.container .six.columns 						{ width: 268px; }
		.container .seven.columns 					{ width: 316px; }	
		.container .eight.columns 					{ width: 364px; }
		.container .nine.columns 						{ width: 412px; }
		.container .ten.columns 						{ width: 460px; }	
		.container .eleven.columns 	,.single-main				{ width: 508px; }	
		.container .twelve.columns 					{ width: 556px; }
		.container .thirteen.columns 				{ width: 604px; }	
		.container .fourteen.columns 				{ width: 652px; }	
		.container .fifteen.columns 				{ width: 700px; }
		.container .sixteen.columns 				{ width: 748px; }
		
		.container .one-third.column,	 .widget			{ width: 236px; }
		.container .two-thirds.column				{ width: 492px; }		
		
		/* Offsets */	
		.container .offset-by-one 					{ padding-left: 48px;  }
		.container .offset-by-two 					{ padding-left: 96px; }
		.container .offset-by-three 				{ padding-left: 144px; }
		.container .offset-by-four 					{ padding-left: 192px; }
		.container .offset-by-five 					{ padding-left: 288px; }
		.container .offset-by-six 					{ padding-left: 336px; }
		.container .offset-by-seven 				{ padding-left: 348px; }
		.container .offset-by-eight 				{ padding-left: 432px; }
		.container .offset-by-nine 					{ padding-left: 480px; }
		.container .offset-by-ten 					{ padding-left: 528px; }
		.container .offset-by-eleven 				{ padding-left: 576px; }
		.container .offset-by-twelve 				{ padding-left: 624px; }
		.container .offset-by-thirteen 			{ padding-left: 672px; }
		.container .offset-by-fourteen 			{ padding-left: 720px; }
		.container .offset-by-fifteen 			{ padding-left: 900px; }
	}
	
	
/*	#Mobile (Portrait) 
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
		.container { width: 300px; }
		.columns, .column, .widget { margin: 0; }
		
		.container .one.column,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns, .single-main,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns, 
		.container .one-third.column, 
		.container .two-thirds.column, .widget  { width: 300px; }
		
		/* Offsets */	
		.container .offset-by-one,				
		.container .offset-by-two, 					
		.container .offset-by-three, 				
		.container .offset-by-four, 					
		.container .offset-by-five, 					
		.container .offset-by-six, 					
		.container .offset-by-seven, 				
		.container .offset-by-eight, 				
		.container .offset-by-nine, 					
		.container .offset-by-ten, 					
		.container .offset-by-eleven, 				
		.container .offset-by-twelve, 				
		.container .offset-by-thirteen, 			
		.container .offset-by-fourteen, 			
		.container .offset-by-fifteen { padding-left: 0; } 			
	




	}	 
	
	
/* #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container { width: 420px; }
		.columns, .column, .widget { margin: 0; }
		
		.container .one.column,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns, .single-main,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .one-third.column, 
		.container .two-thirds.column, .widget { width: 420px; }
	}
	 
	
/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	
	/* Use clearfix class on parent to clear nested columns, 
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	.row:after,
	.clearfix:after {
	  clear: both; }
	.row, 
	.clearfix {
	  zoom: 1; }
	  
	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	
	
	

 /*---------------------------------------------*/
/*_________for ie______________________________*/
	.ie6 .index_article section {width: 300px ;height: auto; display:block; float: left ;}
	.ie6 .index_article section a{width: 300px ;height: auto ; display:block; }
	.ie6 .index_article section img{width: 300px ;height: 100% ;}
	.ie6 .container .footer{width: 960px ;}
	.ie6 .container .footer ul li.one-third,
	.ie6 .container .footer ul .widget {width: 300px ;  margin-left: 2px;display: block;  float: left ;}
	.ie6 .container .footer ul li.one-third p{width: 300px ; }
	.ie6 ul.menu li ul{position: absolute ;top:20px;left:-32.8%;width: 940px ;}
	.ie6 .container .single_article section .input-center{margin: 0 2px ;}
	.ie6 .container time{width: auto ;margin: 0 ;padding: 0 ;overflow: hidden; height: 1%;}
	.ie6 .container h1 a,
	.ie6 .container h2 a,
	.ie7 h1 a,
	.ie7 h2 a,
	.ie8 h1 a,
	.ie8 h2 a{text-decoration: none;}
	.ie7 ul.menu li ul{top: 23px ;}
	.ie8 .index_article section a{width: 300px ;height: auto ;}
	.ie8 .index_article section img{width: 300px ;height: auto ;}
	.ie6 img,
	.ie7 img,
	.ie8 img{-ms-interpolation-mode: bicubic;}
	.ie6 .fb_fangate_file ,
	.ie6 .fb_fangate_file .eleven{width: 519px ;margin: 0 ;padding: 0 ;border: 0 ;}
	.ie6 .fb_fangate_file img{width:expression(document.body.clientWidth > 510? "511px" : "auto");margin: 0 ;padding: 0 ;border: 0 ;}
	.ie6 .fb_fangate_file *{width: auto; }
	.ie7 .fb_fangate_file *{width:expression(document.body.clientWidth > 520? "519px" : "auto");}
	.ie8 .fb_fangate_file ,
	.ie8 .fb_fangate_file *{width: auto; height: auto ;}
		/* no more IE...  */

 /*---------------------------------------------*/
/*_________main blog______________________________*/
.numBox{position: absolute;top: 10px;left: 13.5px;  -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); border:3px solid;border-color: rgba(255,255,255,0.8);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:13.5px 5px 15px 5px;background: rgba(0, 0, 0, 0.4);}
aside .numBox{position: absolute;top: -75px;left: 0px;-moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);border:3px solid;border-color: rgba(255,255,255,0.8);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:13.5px 5px 15px 5px;background: rgba(0, 0, 0, 0.4);font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.numBox .dateNum{font-size:17.5px;color:rgba(255,255,255,0.8);border-bottom:2px solid;border-color: rgba(255,255,255,0.8);position:static;}