/*
	
		Project: seablick.com
		Developer: Vasilis Terzopoulos
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
				2.1.1. Logo
				2.1.2. Header Text
			2.2. Main Content
			2.3. 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.2. Footer Nav
			4.3. Admin Nav
			
		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:#FFF;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#seablick{width:960px;margin:0 auto;padding-top:20px;}
		
		/* 2.1. Header */
		#seablick #header{position:relative;}
		#seablick .header-home{height:257px;background:url(header-home.jpg);}
		#seablick .header{height:153px;background:url(header.jpg);}

			/* 2.1.1. Logo */
			#seablick #logo{position:absolute;left:35px;top:39px;width:320px;height:78px;}
			#seablick #logo a{display:block;width:320px;height:78px;text-indent:-100000px;outline:none;}
			#seablick .logo-home{background:url(logo-home.jpg);}
			#seablick .logo{background:url(logo.jpg);}
			
			/* 2.1.2. Header Text */
			#seablick #header h2{position:absolute;right:35px;bottom:35px;margin:0;}
		
		/* 2.2. Main Content */
		#seablick #main-content{padding-top:24px;position:relative;}
		#seablick .pane1{border:0 !important;width:300px;float:left;margin-right:30px;}
		#seablick .pane2{border:0 !important;width:300px;float:left;}
		#seablick .pane3{border:0 !important;width:300px;float:right;}
		#seablick .mainpane{border:0 !important;width:630px;float:left;padding-right:15px;background:url(dots-v.png) right repeat-y;}
		#seablick .sidepane{border:0 !important;width:300px;float:right;}
			#seablick .sidemargin{margin-top:107px;}
		#seablick .contentpane{border:0 !important;clear:both;}
		#seablick #bottom-panes{clear:both;background:url(dots.png) top repeat-x;padding-top:20px;}
		
		/* 2.3. Footer */
		#seablick #footer{clear:both;background:url(dots.png) top repeat-x;text-align:center;padding-top:10px;}
		#seablick #copyright{display:inline;}
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.SubHead{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.SubSubHead{font:bold 0.85em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.Normal{font:1em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.NormalDisabled{font:1em Verdana, Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.NormalRed{font:1em Verdana, Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:1em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.StandardButton{font:1em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		.SkinObject{font:normal 1em Verdana, Arial, Helvetica, sans-serif;color:#484848;}
	
		/* 3.2. Generic */
		body{font-size:75%;}
		td,th,p,div,span,li{font:1em/1.4 Verdana, Arial, Helvetica, sans-serif;color:#484848;}
		p{margin:0 0 .8em 0;padding:0;line-height:1.4;}
		blockquote,q{font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;font-style:italic;line-height:18px;background:url(quotes.png) no-repeat;margin-left:0;padding-left:40px;}
		pre{white-space:normal;}
	
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#484848;margin:0 0 0.8em 0;padding:0;line-height:normal;}
			
			h1{font-size:1.6em;font-weight:bold;}
			h2{font-size:1.4em;font-weight:bold;}
			h3{font-size:1.2em;font-weight:bold;}
			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 */
		#seablick #header h2{font-size:1.25em;color:#EDEAE1;text-align:right;font-weight:normal;line-height:1.5;}
		#seablick #header h2 sup{font-size:0.6em;line-height:1;}
		#seablick #footer{font-size:0.9em;color:#909090;}
		#seablick #footer *{font-size:1em;color:#909090;}
		
		/* 3.4. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#306000;text-decoration:none;}
			a.CommandButton:visited{color:#306000;text-decoration:none;}
			a.CommandButton:hover{color:#306000;text-decoration:underline;}
			a.CommandButton:active{color:#306000;text-decoration:underline;}
			
			a.SkinObject:link{color:#306000;text-decoration:none;}
			a.SkinObject:visited{color:#306000;text-decoration:none;}
			a.SkinObject:hover{color:#306000;text-decoration:underline;}
			a.SkinObject:active{color:#306000;text-decoration:underline;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link{color:#306000;text-decoration:underline;}
			a:visited{color:#306000;text-decoration:underline;}
			a:hover{color:#306000;text-decoration:none;}
			a:active{color:#306000;text-decoration:underline;}
			
			/* 3.3.3. Skin */
			#seablick a#subscribe{display:block;width:300px;height:51px;text-indent:-100000px;outile:none;position:absolute;top:0;right:0;background:url(subscribe.png);}
			#seablick a#subscribe:hover{background-position:bottom;}
			#seablick a#follow{display:block;width:300px;height:51px;text-indent:-100000px;outile:none;position:absolute;top:61px;right:0;background:url(follow.png);}
			#seablick a#follow:hover{background-position:bottom;}			
			
			#seablick #footer .footer,
			#seablick #footer a{color:#909090;}
			#seablick #footer a:link{color:#909090;text-decoration:none;}
			#seablick #footer a:visited{color:#909090;text-decoration:none;}
			#seablick #footer a:hover{color:#909090;text-decoration:underline;}
			#seablick #footer a:active{color:#909090;text-decoration:underline;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		/* 4.1. Main Nav */
		#seablick #nav{position:absolute;right:35px;top:48px;margin:0;padding:0;list-style:none;}
		#seablick #nav li{float:left;margin:0;padding:0 0 0 8px;list-style:none;}
		#seablick #nav a{display:block;float:left;width:108px;height:58px;text-indent:-100000px;outline:none;}
		#seablick #nav a.btn-blog{background:url(btn-blog.jpg);}
		#seablick #nav a.btn-about{background:url(btn-about.jpg);}
		#seablick #nav a.btn-contact{background:url(btn-contact.jpg);}
		#seablick #nav a:hover,
		#seablick.page53 #nav a.btn-blog,
		#seablick.page56 #nav a.btn-about,
		#seablick.page54 #nav a.btn-contact{background-position:bottom;}

		/* 4.2. Footer Nav */
		#seablick #footer-nav{margin:10px 0;padding:0;list-style:none;}
		#seablick #footer-nav li{margin:0 5px;padding:0;list-style:none;display:inline;}
			
		/* 4.3. Admin Nav */
		#dnn_AdminNav_RadMenu1{width:100%;margin:1px auto 0;float:none;}
		#dnn_AdminNav_RadMenu1 .rmRootGroup{width:960px;margin:0 auto;float:none;}
		
		.RadMenu *{line-height:2;margin-bottom:0;}
		.RadMenu li{}
			
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{margin-bottom:1em;}
		
		ul.nostyle,
		ul.nostyle li,
		li.nostyle{list-style:none;margin:0;padding:0;}
		
		ul.list1{list-style:none;margin:0;padding:0;}
		ul.list1 li{border-bottom:1px #EDE9E1 solid;padding:3px 0;margin:0;list-style:none;line-height:1;}
		ul.list1 li:hover{background:#EDE9E1;padding:3px;}
		ul.list1 li a{display:block;text-decoration:none;}
		
		/* ul.list2{list-style:none;margin:0;padding:0;}
		ul.list2 li{list-style:none;margin:0 0 .3em 0;padding:0;font-size:0.8em;} */

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}
		
		.highlighted{background:#EDE9E1;padding:10px;}
		
		.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;}
		.text-center{text-align:center;}
		
		.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;}