body { margin: 0; padding: 0; font: 11px Arial, "Trebuchet MS", Tahoma; background: #357cb2 url("../img/isp/bg-body.gif") repeat-x top left; color: #000; }

img { border: 0; }

a, a:hover, a:active, a:focus { outline: 0 none; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { margin: 0; padding: 0; font: bold 16px Tahoma, Arial; color: #085cd0; }

/* main container */
#container { position: relative; width: 994px; margin: 5px auto 0; padding: 2px; }
	
	/* header */
	#header { position: relative; clear: both; width: 970px; height: 130px; margin: 0 auto; padding: 0; background: #fff; z-index: 0; }
		
		/* logo */
		#logo { position: absolute; top: 5px; left: 15px; z-index: 10; }
		
		/* isp */
		#isp { position: absolute; top: 25px; left: 190px; z-index: 10; }
		#isp h1 { letter-spacing: 1px; font: 4em georgia, serif; }
		#isp h1 span { letter-spacing: 1px; font-size: 0.5em; }
		
		/* search */
		#search { position: absolute; width: 258px; height: 44px; top: 15px; right: 13px; background: #fff url("../img/isp/bg-search.gif") no-repeat; z-index: 10; } 
		#search form { position: relative; margin: 0; text-indent: 0; word-spacing: 0; }
		#search input { width: 205px; height: 17px; margin: 8px 3px 3px 8px; padding: 5px 0 3px 5px; border: 1px solid #d5dce2; font-size: 11px; color: #373862; }
		* html #search input { margin-top: 7px; }
		#search img.button { position: absolute; top: 4px; left: 222px; }
		* html #search img.button { display: inline; left: -2px; }
		
		/* menu */
		#menu { position: absolute; height: 30px; top: 85px; left: 185px; padding: 5px 0 2px 5px; background: #fff; z-index: 10; }
			
			/* aero style */
			.aero { position: absolute; top: 60px; left: 100px; padding: 4px 0; overflow: hidden; }
			.aero a {
				display: block; float: left; height: 31px; margin-right: 5px; padding-left: 6px; 
				background: transparent url('../img/isp/aeroleft.gif') no-repeat top left; text-decoration: none; font: bold 13px Tahoma, Verdana, Trebuchet MS;
				line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
				/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; */
			}
			.aero a:link, .aero a:visited, .aero a:active { color: #015ef7; }
			.aero a span {
				padding: 4px 6px 6px 0; /* Set 10px here to match value of 'padding-left' value above */
				display: block; background: transparent url('../img/isp/aeroright.gif') no-repeat top right;
			}
			.aero a:hover { /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99; */ }
			.aero a:hover span { color: #1248a2; }
			* html .aero a:visited span { color: #0000ff; }
		
		/* photo and video buttons */
		#photo { right: 75px; }
		#photo a { width: 23px; padding: 7px 12px 8px 20px; background: transparent url('../img/isp/bg-photo.gif') no-repeat; color: #fff; }
		#photo a:hover { width: 23px; padding: 7px 12px 8px 20px; background: transparent url('../img/isp/bg-photo.gif') no-repeat; color: #000; }
		
		#video { right: 14px; }
		#video a { padding: 7px 12px 8px 12px; background: transparent url('../img/isp/bg-video.gif') no-repeat; color: #000; }
		#video a:hover { color: #fff; }
			
			/* common */
			#photo, #video { position: absolute; top: 97px; margin: 0; padding: 0; z-index: 10; }
			#photo a, #video a { margin: 0; height: 16px; text-decoration: none; font: bold 13px Tahoma, Verdana, Trebuchet MS; }
		
	
	/* banner */
	#banner { position: relative; width: 100%; clear: both; margin: 0 auto; padding: 0; }
	#banner img { border-style: solid; border-width: 2px 2px 2px 2px; border-color: #eee #d4d7e7 #d4d7e7 #d4d7e7; }
		
		/* transparent */
		#transparent {
			position: absolute; width: 600px; height: 32px; top: 130px; right: 12px;
			border: 2px solid #bbcae3; border-right: none; background: #fff;
		}
		#transparent div { padding: 5px 5px 5px 10px; color: #1d70e4; }
		#transparent div h1 { color: #1039ec; }
		#transparent div h1 span { font: bold 13px Arial, Tahoma; color: #000; }
	
	/* body */
	#body { width: 960px; height: 100%; margin: 0 auto; padding: 5px; border-bottom: 3px solid #2a5f87; background: #fff; }
	* html #body { width: 958px; margin-top: -3px; }
		
		/* middle */
		#middle { position: relative; width: 100%; clear: both; margin: 0; }
			
			/* boxes content */
			.boxes-content { clear: both; margin: 10px 0 0; padding: 0; overflow: hidden; }
				
				/* flash banner */
				.flash-banner { background: url('../img/isp/bg-stripe.gif') repeat; text-align: center; }
				
				/* no right margin */
				.nrm { margin-right: 0; }
				
			/* bottom boxes */
			.bigbox {
				float: left; margin: 0 5px 0 0; padding: 5px; min-height: 240px; height: auto !important; height: 240px;
				border: 1px solid #e0effe; border-top: 3px solid #2e79f5;
			}
			.bigbox p { margin: 2px 0 5px; padding: 0; font-size: 12px; }
				
				.bbox { /*clear: both;*/ margin: 10px 0; padding: 0; }
				.bbox h2 { margin: 10px 0; padding: 0; font: bold 13px Arial, Tahoma; }
				.bbox p { margin: 2px 0 5px; padding: 0; font-size: 12px; }
				.bbox ul { margin: 5px; padding: 0; list-style-type: none; }
				.bbox ul li { display: block; width: auto; line-height: 16px; padding: 5px 0; }
				.bbox ul li a { font-size: 12px; color: #3164cd; }
				
				/* width styles for bigbox */
				.left { width: 289px; }
				
				.middle { width: 290px; }
					
					/* blog posts */
					.blog-posts ul { margin: 3px; padding: 3px; border: 1px solid #ffa800; list-style-type: none; }
					.blog-posts ul li { display: block; width: auto; line-height: 16px; padding: 3px 0; }
					.blog-posts ul li a { font-size: 12px; color: #3164cd; }
				
				.right { width: 330px; margin-right: 0; }
				* html .right { width: 328px; }
				
			
			/* common style */
			ul.ul-style li { padding-left: 15px; background: url('../img/arrows/link.gif') no-repeat 0 11px; }
			
			/* links */
			ul.ul-links li img { display: block; margin-top: 5px; }
			
			/* author style */
			ul.ul-auth { margin: 0 5px; padding: 0; border: 3px solid #ffa800; background: #fff3dc; }
			ul.ul-auth li {
				position: relative; float: left; clear: both; width: 314px; margin: 0; padding: 0;
				border-bottom: 1px solid #fde1ab; list-style: none;
			}
			* html ul.ul-auth li { width: 316px; }
			ul.ul-auth li span {
				position: relative; float: left; min-height: 20px; height: auto !important; height: 20px; margin: 0; padding: 2px 1px 5px 3px;
				border-right: 1px solid #fde1ab;
			}
			ul.ul-auth li span.image { width: 55px; }
			ul.ul-auth li span.image img { max-width: 50px; max-height: 50px; padding: 1px; border: 1px solid #fde1ab; }
			ul.ul-auth li span.author { width: 250px; font: bold 13px Arial, Tahoma; border-right: 0; }
			* html ul.ul-auth li span.author { width: 252px; }
			
			/* header title */
			.hdtitle {
				clear: both; height: 17px; margin: 0; padding: 5px; border: 1px solid #e0effe; border-top: 3px solid #2e79f5;
				background: url('../img/isp/bg-stripe.gif') repeat; font: bold 13px Tahoma, Arial; color: #085cd0; color: #0e51d9;
			}
			/* content */
			.content { clear: both; margin: 1px 0 10px; padding: 0; text-align: center; }
			.content form { margin: 0; text-indent: 0; word-spacing: 0; }
			.content h2 { margin: 5px 0 0; padding: 0 0 5px; border-bottom: 1px solid #eee; font: bold 12px Arial, Tahoma; text-align: left; }
			.content ul { margin: 2px 0 0; padding: 0; list-style-type: none; }
			.content ul li { display: block; width: 100%; line-height: 16px; padding: 5px 0; }
			.content img { margin: 0 5px 5px 0; }
			.content a { color: #000; }
				
				/* social media */
				.social img { margin: 0; }
			
			/* poll */
			.polls, .polls-form { clear: both; margin: 0; padding: 0; }
			.polls h3 { margin: 5px 0 0; padding: 0; text-align: left; font-size: 11px; color: #2f6aa8; }
			.polls p { margin: 5px 0; padding: 0; text-align: center; }
			.polls p img { cursor: pointer; }
			.polls ul li, .polls-ul li, .polls-answers ul li { display: block; line-height: 15px; margin: 7px 0; padding: 0; background: none; text-align: left; }
			* html .polls-answers ul li { margin: 10px 0; }
			.polls ul label, .polls input { display: inline; height: 10px; margin: 0; padding: 0; border: none; background: none; }
			.polls ul label { margin: 0; padding: 0; vertical-align: top; cursor: pointer; }
			.polls ul input { width: 20px; }
			.polls a { color: #1183fc; }
			.polls-answers { width: 100%; }
		
		/* left */
		#left { float: left; width: 700px; margin: 0; padding: 0; font-size: 12px; }
		#left > a { color: #0386ea; }
		#left > a:hover { color: #000; }
			
			/* here */
			.here {
				clear: both; width: auto; height: 18px; margin: 0 0 5px 0; padding: 5px;
				border: 1px solid #dce1ed; border-top: 2px solid #a5ecfe; background: #eff6fd;
			}
			.here a { text-decoration: none; color: #1d70e4;  }
			.here a:hover { text-decoration: underline; }
			.here span { font: bold italic 13px Arial, Tahoma; color: #000; }
			
		
		/* right */
		#right { float: right; width: 255px; margin: 0 0 0 5px; padding: 0; }
			
			/* content */
			#right .content { padding: 5px; text-align: left; }
			#right .content ul.ul-style { width: 243px; }
			* html #right .content ul.ul-style { width: 230px; }
			#right .content ul.ul-style li { padding-left: 15px; background: url('../img/arrows/link.gif') no-repeat 0 11px; }
			
	
	/* tags categories */
	#tags-categories { position: relative; clear: both; width: 960px; margin: 10px 0 0; padding: 0; background: url('../img/isp/bg-tags-categories.gif') repeat-x; }
	#tags-categories h2 { margin: 0 0 5px; padding: 3px 0 0; font: bold 13px Arial, Tahoma; border-top: 2px solid #eee; color: #1852d7; }
		
		/* tag box*/
		.tag-box {
			float: left; width: 178px; height: 100%; margin: 0 5px 5px 0; padding: 5px;
			border-style: dotted; border-width: 1px 0 1px 0; border-color: #fdb900; background: #fff0c8; text-align: center;
		}
		.tag-box a { display: block; text-decoration: none; font-size: 12px; color: #3c60b3; }
		.tag-box a:first-letter { font-style: italic; font-weight: bold; font-size: 13px; color: #000; }
		.tag-box a:hover { text-decoration: underline; color: #1082ed; }
		
		/* tag properties */
		.nrm { margin-right: 0; }
	
	/* footer */
	#footer {
		position: relative; clear: both; width: 860px; margin: 0; padding: 10px 100px 10px 0;
		border-top: 1px solid #bfe2fd; background: url('../img/isp/bg-footer.gif') repeat-x; text-align: right; font-size: 11px; color: #354b7f;
	}
	#footer span { font-size: 12px; color: #febd0e; }
		
		/* links */
		#links { position: relative; clear: both; margin: 10px auto 0; padding: 0; word-spacing: 2px; color: #000; }
		#links strong { font-weight: bold; font-size: 15px; }
		#links a { line-height: 20px; padding: 0; text-decoration: underline; font-size: 12px; color: #15449a; }
		#links a.ext { font-weight: bold; font-size: 13px; color: #1500ff; }
		#links a:hover { text-decoration: none; color: #2c67d4; }
		#links a.jumpto { line-height: 30px; text-decoration: none; font-size: 11px; color: #2a40c7; }
		#links a.jumpto:hover { text-decoration: underline; }
		
		/* validation */
		#validation { position: absolute; margin: 0; padding: 3px 5px; bottom: 10px; right: 10px; background: #dadffc; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; }
		#validation a.html, #validation a.css { font-size: 10px; color: #3d51cf; }
		#validation a.html { text-decoration: underline; }
		#validation a.html:hover { text-decoration: none; }
		#validation a.css { text-decoration: none; }
		#validation a.css:hover { text-decoration: underline; }
		
	
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 0 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 0 3px; border: 1px solid #2f7bfa; background: #0060ff; color: #fff; } 
	.navigator input {
		width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
		font-weight: bold; font-size: 11px;
	}
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }

/* search highlight */
.highlight { padding: 2px 2px; background: #ffb05a; color: #000; }

/* view all authors */
a.vaut { color: #ff8432; }

/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* form messages */
.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }
.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #dd8a31; }