/*
	
		Project: Georgia O'Keeffe Museum
		Developer: Vasilis Terzopoulos
		Version: 1.0
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
			2.2. Home page skin
			2.3. Inner page skin
			2.4. OKeeffe page skin
			2.5. All page skins
			2.6. 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. Top Menu
				4.1.1. Root
				4.1.2. Sub
			4.2. Side Menu
				4.2.1. Root
				4.2.2. Sub
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
			8.1. Generic
			8.2. Skin
				
		-----------------------------------------------
		- Colors --------------------------------------
		
		# Dark grey (body bg):	#4A4A44
		# Light grey (contents bg):	#EAEAEA
		# Blue (links):		#54ABEC
		# Light blue (top nav sub):	#C0E0F9
		
		# Dark grey (common text):	#333
		# Mid grey (header links):	#666
		# Light grey (search input):	#999

	*/


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}
		
		/* Disable help icons within DNN forms  */
		label img{display:none;}


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */
	
		#Body{background:#4A4A44;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#gok{width:967px;margin:0 auto;background:#EAEAEA;}
		
		/* 2.1. Header */
		#gok #header{width:935px;height:94px;margin:0 auto 20px;background:url(images/header-bg.png);position:relative;z-index:999;}
		#gok #header #logo{position:relative;top:10px;left:18px;}
		
		#gok #top-links{margin:0;padding:0;list-style:none;position:absolute;top:10px;right:20px;overflow:hidden;}
		#gok #top-links li{margin:0;padding:0 5px;list-style:none;float:left;border-right:1px #999 solid;}
		#gok #top-links li.last{border:0;}
		
		#gok #search{position:absolute;top:35px;right:25px;width:180px;overflow:hidden;}
		#gok #search input{width:145px;border:1px #999 solid;}
		#gok #search a{display:block;width:28px;height:16px;position:absolute;top:0;right:0;background:url(images/go-button.png);}
		#gok #search a span{display:none;}
	
		/* 2.2. Home 

            2008.06.03 - Increased right-column-home 'top' value from 20px to 40px
            2008.06.03 - Decreased right-column-home height from 420px to 385px and background position to 384px
            2008.06.03 - Increased bottom-pane-home top padding from 30px to 35px
            2008.06.03 - Added left margin to homepageRotation
            2008.06.10 - Changed right-column-home height to auto and background position to 99%
            2008.08.19 - Changed padding in #gok #main from 0px 20px to 0px 10px 0px 20px.. and width from 490px to 500px because text was cutting off.

        */
		#gok #contents-home{clear:both;width:931px;margin:0 auto;overflow:hidden;padding-right:4px;}			
		#gok #okeeffe-photo-home{float:left;}
		#gok #homepageRotation{float:left; margin-left: 30px;}
		
		#gok #okeeffe-box-home{width:428px;height:100px;float:right;}
		#gok #okeeffe-box-home-signature{width:260px;float:left;background:url(images/okeeffe-signature.png) 50% top no-repeat;padding-top:85px;text-align:center;}
		#gok #okeeffe-box-home ul{margin:0;padding:0;list-style:none;width:168px;float:right;}
		#gok #okeeffe-box-home li{margin:9px 0 0 0;padding:0;list-style:none;}
		
		#gok #right-column-home{width:428px;height:auto;float:right;position:relative;top:20px;overflow:hidden;background:url(images/dots-hor.png) 0 99% repeat-x;}
		#gok .contentpane-home{border-width:0 !important;padding-left:10px;margin-bottom:15px;background:url(images/dots-hor.png) 0 100% repeat-x;}
		#gok .middlepane-home{border-width:0 !important;padding-left:10px;}
		#gok .bottompane-home{border-width:0 !important;clear:both;padding:35px 0px 15px 5px;}
	
		/* 2.3. Inner */
		#gok #contents{clear:both;width:927px;margin:0 auto 25px;overflow:hidden;}
		
		#gok #left-column{width:140px;float:left;}
		#gok .panelbar{width:140px;background:none;}
		#gok .leftpane{border-width:0 !important;margin:15px 0;padding-right:20px;}
		
		#gok #main{width:500px;float:left;padding:0px 10px 0px 10px;border:#FFF solid;border-width:0 1px;overflow:hidden;}
		#gok .main-full{width:630px !important;}
		#gok .contentpane-inner{border-width:0 !important;margin-bottom:15px;}
		#gok .bottomleftpane-inner{border-width:0 !important;width:230px;float:left;padding-right:15px;background:url(images/dots-ver.png) right repeat-y;}
		#gok .bottomrightpane-inner{border-width:0 !important;width:230px;float:right;}
		#gok .bottompane-inner{border-width:0 !important;clear:both;position:relative;top:15px;}
		
		#gok #right-column{width:240px;float:right;}		
		#gok #okeeffe-box-inner{width:240px;}
		#gok #okeeffe-box-inner-photo{float:left;margin:5px 0 5px 10px;}
		#gok #okeeffe-box-inner ul{width:148px;}
		#gok .rightpane{border-width:0 !important;margin-top:20px;}
		
		/* 2.4. OKeeffe */
		#gok #okeeffe-box{width:100%;margin-bottom:15px;}
		#gok #okeeffe-box-signature{width:460px;float:left;background:url(images/okeeffe-signature.png) 30px top no-repeat;padding-top:75px;}
		#gok #okeeffe-box-photo{float:right;margin:5px 10px 0 0;}
		#gok #okeeffe-box ul{float:right;width:148px;}
		
		#gok .contentpane-okeeffe{border-width:0 !important;width:630px;float:left;padding:0 20px;border:#FFF solid !important;border-width:0 1px !important;overflow:hidden;}
		#gok .rightpane-okeeffe{border-width:0 !important;width:240px;float:right;}
		
		/* 2.4. Utility */
		#gok .contentpane-utility{border-width:0 !important;width:630px;float:left;padding:0 20px;border:#FFF solid !important;border-width:0 1px !important;overflow:hidden;}
		#gok .rightpane-utility{border-width:0 !important;margin-top:20px;}
		
		/* 2.5. All */
		#gok .okeeffe-box{padding:10px 0;background:url(images/okeeffe-menu-bg.jpg) right repeat-y #616161;overflow:hidden;}
		#gok .okeeffe-box ul{margin:0;padding:0;list-style:none;float:right;}
		#gok .okeeffe-box li{margin:9px 0 0 0;padding:0;list-style:none;}
	
		/* 2.6. Footer */
		#gok #footer{width:927px;margin:0 auto;padding:10px 0;list-style:none;border-top:1px #FFF solid;overflow:hidden;}
		#gok #footer #bottom-links{margin:0;padding:0;list-style:none;overflow:hidden;}
		#gok #footer #bottom-links li{margin:0;padding:0 10px;list-style:none;float:left;border-left:1px #666 solid;}
		#gok #footer #bottom-links li.first{padding-left:0;border:0;}
		#gok #footer .sponcored-by{float:right;}
		#gok #footer .copyright{display:block;clear:left;padding:5px 0;}
		
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 14px Arial, Helvetica, sans-serif;color:#333;}
		.SubHead{font:bold 12px Arial, Helvetica, sans-serif;color:#333;}
		.SubSubHead{font:12px Arial, Helvetica, sans-serif;color:#333;}
		.Normal{font:12px Arial, Helvetica, sans-serif;color:#333;}
		.NormalDisabled{font:12px Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 12px Arial, Helvetica, sans-serif;color:#333;}
		.NormalRed{font:12px Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:12px Arial, Helvetica, sans-serif;color:#333;}
		.StandardButton{font:12px Arial, Helvetica, sans-serif;color:#333;}
		.SkinObject{font:normal 12px Arial, Helvetica, sans-serif;color:#333;}
	
		/* 3.2. Generic */
		body{font-size:12px;}
		td,th,p,div,span,li{font:12px Arial, Helvetica, sans-serif;color:#333;}
		p{margin:0 0 10px 0;padding:0;line-height:1.3;}
		blockquote,q{}
		pre{}
		
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#333;margin:0 0 10px 0;}
			h1{font-size:22px;}
			h2{font-size:18px;}
			h3{font-size:16px;}
			h4{font-size:14px;}
			h5{font-size:12px;}
			h6{font-size:10px;}
		
		/* 3.3. Skin */
		#gok #search input{font-size:10px;color:#999;}
		#gok #okeeffe-box-home-signature{font-size:10px;color:#FFF;}
		#gok .page-title{margin:0 0 20px 0;padding:0;font-size:22px;font-weight:normal;color:#54ABEC;}
		#gok .page-title-okeeffe{margin:0 0 0 32px;padding:0;font-size:22px;font-weight:normal;color:#FFF;text-transform:uppercase;}
		#gok #footer *{color:#666;font-size:10px;}
		

		/* 3.4. Links */
		
			/* 3.4.1. DNN */
			a.CommandButton{font:14px Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#54ABEC;text-decoration:none;}
			a.CommandButton:visited{color:#54ABEC;text-decoration:none;}
			a.CommandButton:hover{color:#54ABEC;text-decoration:underline;}
			a.CommandButton:active{color:#54ABEC;text-decoration:underline;}
			
			a.SkinObject:link{color:#54ABEC;text-decoration:none;}
			a.SkinObject:visited{color:#54ABEC;text-decoration:none;}
			a.SkinObject:hover{color:#54ABEC;text-decoration:underline;}
			a.SkinObject:active{color:#54ABEC;text-decoration:underline;}
	
			/* 3.4.2. Generic */
			a img{border:0;}
		
			a:link{color:#54ABEC;text-decoration:none;outline:0;}
			a:visited{color:#54ABEC;text-decoration:none;outline:0;}
			a:hover{color:#54ABEC;text-decoration:underline;outline:0;}
			a:active{color:#54ABEC;text-decoration:underline;outline:0;}
			
			/* 3.4.3. Skin */		
			#gok #top-links a{font-size:10px;text-transform:uppercase;}
			#gok #top-links a:link{color:#666;text-decoration:none;}
			#gok #top-links a:visited{color:#666;text-decoration:none;}
			#gok #top-links a:hover{color:#54ABEC;text-decoration:underline;}
			#gok #top-links a:active{color:#54ABEC;text-decoration:underline;}
			
			#gok #OKeeffeMenu a{display:block;margin-right:15px;padding-left:2px;color:#FFF;font-size:10px;text-transform:uppercase;}
			#gok #OKeeffeMenu a:link{color:#FFF;text-decoration:none;}
			#gok #OKeeffeMenu a:visited{color:#FFF;text-decoration:none;}
			#gok #OKeeffeMenu a:hover{color:#FFF;text-decoration:none;background:#333;}
			#gok #OKeeffeMenu a:active{color:#FFF;text-decoration:none;background:#333;}
			#gok #OKeeffeMenu .SelectedTab a{font:bold 10px Arial, Helvetica, sans-serif;background:#333;}
			
			#gok #footer a{text-transform:uppercase;}
			#gok #footer a:link{color:#666;text-decoration:none;}
			#gok #footer a:visited{color:#666;text-decoration:none;}
			#gok #footer a:hover{color:#54ABEC;text-decoration:underline;}
			#gok #footer a:active{color:#54ABEC;text-decoration:underline;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
	
		/* 4.1. Top Menu */
		#gok .radmenu{width:100%;background:none;text-align:left;border:0;float:none;position:relative;top:32px;}
		#gok .radmenu *{border:0;background:none;margin:0;padding:0;cursor:pointer;text-decoration:none;}
		
			/* 4.1.1. Root */
			#gok .radmenu ul.rootGroup{width:100%;}
			#gok .radmenu li.item{margin:0 0 0 15px;}
			#gok .radmenu li.first{margin-left:20px;}
			#gok .radmenu a.current span.text,
			#gok .radmenu a.link:hover span.text,
			#gok .radmenu a.expanded span.text{color:#666;text-decoration:none;background:url(images/menu-highlight.png) 0 13px repeat-x;}
			#gok .radmenu span.text{display:block;padding:0 0 7px;font:bold 11px Arial, Helvetica, sans-serif;color:#666;text-transform:uppercase;}
		
			/* 4.1.2. Sub */
			#gok .radmenu ul.group{}
			#gok .radmenu ul.group img{display:none;}
			#gok .radmenu ul.group ul{padding-top:1px;}
			#gok .radmenu ul.group li{margin:0;}
			#gok .radmenu ul.group a.link span.text{background:#C0E0F9;padding:3px 20px 3px 10px;font-weight:normal;text-transform:none;}
			
			#gok .radmenu ul.group a.link span.expandLeft{background:url(images/menu-arrow.png) 95% 50% no-repeat #C0E0F9;}
			#gok .radmenu ul.group a.link:hover span.text,
			#gok .radmenu ul.group a.current span.text{background:#54ABEC;color:#FFF;}
			#gok .radmenu ul.group a.current span.expandLeft,
			#gok .radmenu ul.group a.link:hover span.expandLeft,
			#gok .radmenu ul.group a.current:hover span.expandLeft{background:url(images/menu-arrow.png) 95% 50% no-repeat #54ABEC;}
			
			
		/* 4.2. Side Menu */
		#gok .panelbar *{background:none;border:0;padding:0;margin:0;font:normal 11px Arial, Helvetica, sans-serif;text-decoration:none;color:#333;}
		
			/*4.2.1. Root */
			#gok .panelbar ul.rootGroup{width:140px;padding:0;margin:0;}
			#gok .panelbar ul.rootGroup a.link:hover span.text{color:#54ABEC;text-decoration:underline;}
			#gok .panelbar ul.rootGroup a.current span.text{font-weight:bold;}
			
			/* 4.2.2. Sub */
			#gok .panelbar ul.group li.item{padding-left:15px;background:url(images/dash.png) 7px 50% no-repeat;}


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul{list-style-type:disc;}
		li{}

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}
		
		.large-text{font-size:22px;font-weight:normal;}
		.medium-text{font-size:16px;font-weight:normal;}
		.small-text{font-size:10px;font-weight:normal;}
	
		.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}
		
		.align-left{text-align:left;}
		.align-center{text-align:center;}
		.align-right{text-align:right;}
		
		.center{margin:0 auto;display:block;}
		
		.img-left{float:left;margin-right:15px;}
		.img-right{float:left;margin-left:15px;}
		
		.float-left{float:left;}
		.float-right{float:right;}
		.float-none{float:none;}
		
		.clear{clear:both;}
		
		/* 8.2. Skin */
		.blue-text{color:#54ABEC;}
		.blue-title-big{font-size:22px;font-weight:normal;color:#54ABEC;}
		.blue-title-small{font-size:12px;font-weight:bold;color:#54ABEC;text-transform:uppercase;}
		.highlighted-text{font-size:14px;color:#666;line-height:18px;}

    /*--------------------------------------------------------------------------------------------------------------*/
	/* 9. Expandable Text/HTML Content 

    2008.06.23 - Added styles for expandable text/html module.

    */
	
		/*.expandable-content {margin-top: 0px;}*/