/*
	
		Project: IowaComputerGurus.com
		Developer: Vasilis Terzopoulos
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Main Nav
			2.2. Main Contents Area
			2.3. Header
				2.3.1. Logo
				2.3.2. Member Options - Links
				2.3.3. Search
			2.4. Panes
			2.5. Footer
		3. Typography
			3.1. DNN
			3.2. Generic
				3.2.1. Headings
			3.3. Skin
			3.4. Links
				3.4.1. DNN
				3.4.2. Generic
				3.4.3. Skin
		4. Navigation
			4.1. Main Nav
				4.1.1. Submenus
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
			8.1. Generic
				
	*/


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 1. DNN */

		.ControlPanel{border:#CCC dotted;border-width:0 0 1px 0;}
		.ControlPanel table{margin:0 auto;}
		.ControlPanel a.CommandButton{font-size:10px;}
		
		.PagingTable{}
		
		.DNNEmptyPane{display:none;}
		.DNNAligncenter table{text-align:left;}
		
		.FileManager{font-size:0.85em;width:100%;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */

		#Body{background:url(images/bg.jpg) repeat-x #000;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#icgurus{background:url(images/top-effect.png) 50% 0 repeat-x;padding-top:7px;}

		/* 2.1. Main Nav */
		#icgurus #MainNav{height:40px;background:url(images/nav-bg.png);border-bottom:1px #FFF solid;} /* more in section 4 */
		
		/* 2.2. Main Contents Area */
		#icgurus #MainContents{background:url(images/gradient.jpg) top repeat-x;}
		
		/* 2.3. Header */
		#icgurus #header{width:958px;margin:0 auto;position:relative;overflow:hidden;background:url(images/sky.jpg) no-repeat;border:solid #FFF;border-width:0 1px;}

			/* 2.3.1. Logo */
			#icgurus #dnn_dnnLOGO_imgLogo{display:inline;float:left;margin:15px 0 0 26px;}
			
			/* 2.3.2. Member Options - Links */
			#icgurus #member-options{position:absolute;top:30px;right:20px;margin:0;padding:0;list-style:none;overflow:hidden;}
			#icgurus #member-options li{padding:0;margin:0;list-style:none;float:left;}
	
			/* 2.3.3. Search */
			#icgurus #search{position:absolute;right:20px;bottom:0;width:280px;height:25px;background:url(images/search-bg.png) top repeat-x;border:1px #AFC8E1 solid;}
			#icgurus #search .NormalTextBox{position:absolute;width:260px;font-size:1em;border:0;background:none;margin:5px 10px;outline:none;}
		
		/* 2.4. Panes */
		#icgurus #panes{width:960px;min-height:400px;height:auto !important;height:400px;clear:both;margin:0 auto;padding-top:20px;background:#FFF;}
		#icgurus .mainpane{border:0 !important;width:600px;float:left;position:relative;left:20px;}
		#icgurus .sidepane{border:0 !important;width:280px;float:right;position:relative;right:20px;}
		#icgurus .contentpane{border:0 !important;clear:both;margin:0 20px;}
		
		/* 2.5. Footer */
		#icgurus #footer{clear:both;background:url(images/footer-effect1.png) 50% 0 no-repeat;}
		#icgurus #footer-main{width:940px;height:30px;margin:0 auto;padding:10px;background:url(images/footer-effect2.png) top no-repeat;}
		#icgurus #footer-links{display:inline;float:left;}
		#icgurus #copyright{display:inline;float:right;}
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SubHead{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SubSubHead{font:bold 0.85em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.Normal{font:1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.NormalDisabled{font:1em Verdana, Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.NormalRed{font:1em Verdana, Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.StandardButton{font:1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SkinObject{font:normal 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
	
		/* 3.2. Generic */
		body{font-size:75%;}
		td,th,p,div,span,li{font:1em/1.4 Verdana, Arial, Helvetica, sans-serif;color:#333;}
		p{margin:0 0 .8em 0;padding:0;line-height:1.4;}
		blockquote,q{}
		pre{}
	
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;margin:0 0 0.8em 0;padding:0;line-height:normal;}
			
			h1{font-size:1.6em;font-weight:bold;}
			h2{font-size:1.2em;font-weight:bold;}
			h3{font-size:1.2em;font-weight:normal;}
			h4{font-size:1em;font-weight:bold;}
			h5{font-size:0.9em;font-weight:bold;}
			h6{font-size:0.8em;font-weight:bold;}
			
		/* 3.3. Skin */
		
		#icgurus #footer{font-size:0.8em;color:#FFF;}
		#icgurus #footer *{font-size:1em;color:#FFF;}
		
		/* 3.4. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#F15922;text-decoration:underline;}
			a.CommandButton:visited{color:#F15922;text-decoration:underline;}
			a.CommandButton:hover{color:#F15922;text-decoration:none;}
			a.CommandButton:active{color:#F15922;text-decoration:none;}
			
			a.SkinObject:link{color:#F15922;text-decoration:underline;}
			a.SkinObject:visited{color:#F15922;text-decoration:underline;}
			a.SkinObject:hover{color:#F15922;text-decoration:none;}
			a.SkinObject:active{color:#F15922;text-decoration:none;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link{color:#F15922;text-decoration:underline;}
			a:visited{color:#F15922;text-decoration:underline;}
			a:hover{color:#F15922;text-decoration:none;}
			a:active{color:#F15922;text-decoration:none;}
			
			/* 3.3.3. Skin */
			#icgurus a.member-option{display:block;height:27px;line-height:2;padding:0 1.5em;margin-left:5px;float:left;background:url(images/button-bg.png);font-weight:bold;}
			#icgurus a.member-option:link{color:#00446D;text-decoration:none;}
			#icgurus a.member-option:visited{color:#00446D;text-decoration:none;}
			#icgurus a.member-option:hover{color:#F15922;text-decoration:none;}
			#icgurus a.member-option:active{color:#F15922;text-decoration:none;}
			
			#icgurus a.search{display:none;}
		
			#icgurus #footer .footer,
			#icgurus #footer a{color:#FFF;margin:0 10px;}
			#icgurus #footer a:link{color:#FFF;text-decoration:none;}
			#icgurus #footer a:visited{color:#FFF;text-decoration:none;}
			#icgurus #footer a:hover{color:#F15922;text-decoration:none;}
			#icgurus #footer a:active{color:#F15922;text-decoration:none;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		/* 4.1. Main Nav */
		#icgurus .radmenu{float:none;width:960px;margin:0 auto;border:0;background:url(images/nav-side-effect.png);}
		
		#icgurus .radmenu *{border:0;background:none;margin:0;padding:0;text-decoration:none;outline:none;}
		
		#icgurus .radmenu .rootGroup{padding-left:20px;}
		
		#icgurus .radmenu li.item{height:40px;}
	
		#icgurus .radmenu a.link{display:block;padding:0 0 0 5px;margin:8px 5px 0 0;float:none;cursor:pointer;}

		#icgurus .radmenu span.text{display:block;padding:5px 10px 5px 5px;color:#FFF;background:none;font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
		
		#icgurus .radmenu a.expanded,
		#icgurus .radmenu a.link:hover,
		#icgurus .radmenu a.current{background:url(images/nav-hover-left.png) left no-repeat;}
		#icgurus .radmenu a.expanded span.text,
		#icgurus .radmenu a.link:hover span.text,
		#icgurus .radmenu a.current span.text{background:url(images/nav-hover-right.png) right no-repeat;color:#FFF;text-decoration:none;}

			/* 4.1.1. Submenus */
			#icgurus .radmenu .slide{}
			#icgurus .radmenu .slide .slide{left:150px !important;}
			
			#icgurus .radmenu .group{border:0;}
			
			#icgurus .radmenu .group li.item{height:auto;}
			
			#icgurus .radmenu .level1 li.item a.link{background:url(images/submenu-main.png);border-bottom:1px solid #000;}
			#icgurus .radmenu .level1 li.first a.link{background:url(images/submenu-top.png) top;}
			#icgurus .radmenu .level1 li.last a.link{border:0;background:url(images/submenu-bottom.png) bottom;}
			#icgurus .radmenu .level1 li.first.last a.link{border:0;background:url(images/submenu-item.png);height:38px;}
			
			#icgurus .radmenu .level2 li.item a.link{background:url(images/submenu-main.png);border-bottom:1px solid #000;}
			#icgurus .radmenu .level2 li.first a.link{background:url(images/submenu-top.png) top;}
			#icgurus .radmenu .level2 li.last a.link{border:0;background:url(images/submenu-bottom.png) bottom;}
			#icgurus .radmenu .level2 li.first.last a.link{border:0;background:url(images/submenu-item.png);height:38px;}
			
			#icgurus .radmenu .level3 li.item a.link{background:url(images/submenu-main.png);border-bottom:1px solid #000;}
			#icgurus .radmenu .level3 li.first a.link{background:url(images/submenu-top.png) top;}
			#icgurus .radmenu .level3 li.last a.link{border:0;background:url(images/submenu-bottom.png) bottom;}
			#icgurus .radmenu .level3 li.first.last a.link{border:0;background:url(images/submenu-item.png);height:38px;}
			
			#icgurus .radmenu .level1 li.item a.current,
			#icgurus .radmenu .level1 li.item a.link:hover{height:auto;background:url(images/submenu-main-hover.png);border-bottom:1px solid #000;}
			#icgurus .radmenu .level1 li.first a.current,
			#icgurus .radmenu .level1 li.first a.link:hover{background:url(images/submenu-top-hover.png) top;}
			#icgurus .radmenu .level1 li.last a.current,
			#icgurus .radmenu .level1 li.last a.link:hover{border:0;background:url(images/submenu-bottom-hover.png) bottom;}
			#icgurus .radmenu .level1 li.first.last a.current,
			#icgurus .radmenu .level1 li.first.last a.link:hover{border:0;background:url(images/submenu-item-hover.png);height:38px;}
			
			#icgurus .radmenu .level2 li.item a.current,
			#icgurus .radmenu .level2 li.item a.link:hover{height:auto;background:url(images/submenu-main-hover.png);border-bottom:1px solid #000;}
			#icgurus .radmenu .level2 li.first a.current,
			#icgurus .radmenu .level2 li.first a.link:hover{background:url(images/submenu-top-hover.png) top;}
			#icgurus .radmenu .level2 li.last a.current,
			#icgurus .radmenu .level2 li.last a.link:hover{border:0;background:url(images/submenu-bottom-hover.png) bottom;}
			#icgurus .radmenu .level2 li.first.last a.current,
			#icgurus .radmenu .level2 li.first.last a.link:hover{border:0;background:url(images/submenu-item-hover.png);height:38px;}
			
			#icgurus .radmenu .level3 li.item a.current,
			#icgurus .radmenu .level3 li.item a.link:hover{height:auto;background:url(images/submenu-main-hover.png);border-bottom:1px solid #000;}
			#icgurus .radmenu .level3 li.first a.current,
			#icgurus .radmenu .level3 li.first a.link:hover{background:url(images/submenu-top-hover.png) top;}
			#icgurus .radmenu .level3 li.last a.current,
			#icgurus .radmenu .level3 li.last a.link:hover{border:0;background:url(images/submenu-bottom-hover.png) bottom;}
			#icgurus .radmenu .level3 li.first.last a.current,
			#icgurus .radmenu .level3 li.first.last a.link:hover{border:0;background:url(images/submenu-item-hover.png);height:38px;}
			
			#icgurus .radmenu .group a.link{width:200px;padding:0;margin:0;}
		
			#icgurus .radmenu .group img{display:none;}
			
			#icgurus .radmenu .group a.current,
			#icgurus .radmenu .group a.expanded,
			#icgurus .radmenu .group a.link:hover{background:none;}
			#icgurus .radmenu .group a.link:hover span.text,
			#icgurus .radmenu .group a.expanded span.text,
			#icgurus .radmenu .group a.current span.text{background:none;color:#FFF;text-decoration:none;}
			
			#icgurus .radmenu .group span.text{display:block;padding:0.4em 3em 0.4em 0.9em;margin:0;color:#FFF;font-weight:normal;white-space:normal;}
			
			#icgurus .radmenu .group a.link span.expandLeft{color:#FFF;background:url(images/arrow-white.png) 95% 50% no-repeat;}
			#icgurus .radmenu .group a.link:hover span.expandLeft{color:#FFF;background:url(images/arrow-white.png) 95% 50% no-repeat;}
			#icgurus .radmenu .group a.current span.expandLeft{color:#FFF;background:url(images/arrow-white.png) 95% 50% no-repeat;}
			#icgurus .radmenu .group a.expanded span.text{color:#FFF;}
			
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{}
		
		ul.nostyle,
		li.nostyle{list-style:none;margin:0;padding:0;}

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 6. Tables */
	
		table,caption,tbody,tfoot,thead,tr,th,td{}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 7. Forms */
	
		form,fieldset,legend,label,input,textarea,select{}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 8. Helpful */
	
		/* 8.1. Generic */
		.b{font-weight:bold;}
		.u{text-decoration:underline;}
		.i{font-style:italic;}
		.del{text-decoration:line-through;}
		
		.text-large{font-size:1.5em;}
		.text-medium{font-size:1.2em;}
		.text-small{font-size:0.9em;}
	
		.reset{margin:0 !important;padding:0 !important;border:0 !important;
		line-height:normal !important;font-weight:normal !important;
		font-style:normal !important;font-size:100% !important;font-family:inherit; !important}
		
		.text-left{text-align:left;}
		.text-right{text-align:right;}
		
		.center{margin:0 auto;display:block;text-align:center;}
		
		.img-left{float:left;margin-right:15px;}
		.img-right{float:right;margin-left:15px;}
		
		.left{float:left;}
		.right{float:right;}
		.none{float:none;}
		
		.clear{clear:both;}
		
		/* Clearing floats without extra markup  */
		.clearfloats{display:inline-block;}
		.clearfloats:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		* html .clearfloats{height:1%;}
		.clearfloats{display:block;}