/* CSS Document */
/* Domain King / Rick Schwartz 2016 */
/* Updated July 4, 2016 by dtp */

body{margin: 0px; padding: 0px; background: rgba(255,255,255,1.00) top center repeat; font-family: 'Arial', 'Helvetica Neue', Helvetica, Arial, sans-serif 
!important; color: rgba(49,59,69,1.00);}
.clear{clear: both;}

a, a:link, a:visited{color: rgba(22,111,233,0.8); text-decoration: none; transition: all ease-in-out 250ms;}
a:focus, a:hover{color: rgba(22,111,233,1.00);}

#header,#footer{margin: 0px auto; max-width: 100%; text-align: center;}
#header{width: 100%; top: 0px; z-index: 50000; position: fixed;}
#header div, #footer div{text-align: center;}
#footer{padding: 12px 0px; font-size: 12px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(39,49,59,0.7); text-transform: uppercase; background: rgba(19,19,29,0.2)}
#logo{padding: 5px 0px; text-align: center; background: rgba(255,255,255,1.0);}
#logo img{min-width: auto; max-width: 90% !important; height: inherit;}

section{max-width: 100%; margin: 0px auto}
section .content{max-width: 67%; margin: 0px auto 15px;}
img.third{max-width: 30%;  height: inherit;}
img.half{max-width: 48%; height: inherit;}
blockquote{border-left: 2px solid #7cb87b; margin: 7px 0px 12px 18px; padding-left: 18px; font-size: 18px; font-style: oblique; font-weight: 600;}
blockquote cite{text-align: right; font-size: 12px; font-weight: normal;}
.title{margin: 10px 0px 12px; font-size: 28px; text-align: center;}
.left{float: left; width: 30%; margin-right: 1.5%; text-align: center;}
.left img{max-width: 100%; height: inherit; text-align: center;}
.right{float: right; width: 67%; text-align: left;}
.right img{margin: 0px 12px; float: left; clear: both;}
.center{width: 70%; margin: 0px auto; text-align: center;}

ul,li,dl,dd,dt{margin: 0px}

.partnerlist{margin: 0px auto; width: 90%; text-align: center;}
ul.partners{list-style-type: none; display: block; text-align: center; margin: 0px; padding: 0px;}
ul.partners li{display: inline-block; margin: 0px 6px 8px;}
ul.partners li img{max-height: 60px; width: inherit; transition: all ease-in-out 250ms;}
ul.partners li:hover img{box-shadow: 0px 2px 4px rgba(124,184,123,0.8);}

#welcome{font-size: 24px; margin-top: 160px;}
.domains{background: rgba(0,68,123,0.2); margin: 0px auto; padding: 12px 0px 15px;}
#domains{background: #e5ecf2; /* rgba(239,236,242,1.00) */;}
#partners,#deals,#acquisitions{background: rgba(124,184,123,0.4); margin: 0px auto; padding: 12px 0px 15px;}
#deals{font-size: 18px;}
#social{width: 100%;}
/* fix this social area when we have time */
.social_icons{width: 80px; height: 40px; margin: 0px auto; padding: 6px 0px 8px; text-align: center;}
/* twitter */
.twitter{width: 36px; margin: 0px; float: left;}
.twitter a, .twitter a:link, .twitter a:visited {height: 36px; background: url(https://domainking.com/assets/logos/twitter.png) no-repeat top; display: block; overflow:hidden; text-indent: 150px; transition: none !important;}
.twitter a:hover, .twitter a:focus {background-position: bottom; display: block;}
/* linkedin */
.linkedin{width: 36px; margin: 0px 7px 0px 0px; float: left;}
.linkedin a, .linkedin a:link, .linkedin a:visited {height: 36px; background: url(https://domainking.com/assets/logos/linkedin.png) no-repeat top; display: block; overflow:hidden; text-indent: 150px; transition: none !important;}
.linkedin a:hover, .linkedin a:focus {background-position: bottom; display: block;}

#domenu,#video{max-width: 100% !important; margin: 0px auto; padding: 8px 0px 10px; background: rgba(124,184,123,0.2);}
#menu, #submenu{max-width: 100%; padding: 0px; margin: 0px !important; border-bottom: 1px solid rgba(210,190,135,1.0);}
#menu{background: rgba(25,50,25,1.0); text-align: center;}
#submenu{background: rgba(50,75,50,1.0); text-align: center;}
#domenu{text-align: center;}

/* MILLION DOLLAR DOMAINS */
#millions,#millionchart,#mildoldom{background: rgba(10,55,10,1.0); color: rgba(175,195,175,1.0); margin: 0px !important; padding: 0px !important;}
#millionchart{margin-top: -20px !important;}
#millions a, #millions a.link, #millions a:visited{background: rgba(175,195,175,1.0); color: rgba(10,55,10,1.0); padding: 3px; transition: all ease-in-out 250ms; border: 1px solid rgba(175,195,175,1.0); border-radius: 2px;}
#millions a:hover, #millions a:focus{background: rgba(0,153,68,1.0); color:rgba(175,195,175,1.0);}
#millions .imgbr{width: 87%; margin: 24px auto 12px auto; padding: 16px 12px 24px; background: rgba(175,195,175,0.6);}
#millions .imgbr img{width: 90%; margin: 12px auto;}
#millions .imgbr .imgbrcite{width: 85%; margin: 0px auto 24px auto;}
#chart{background: rgba(175,195,175,1.0); color: rgba(10,55,10,1.0); padding: 1%; overflow: hidden;}
	.chart-div{max-width: 96%; height: auto; margin: 0px auto 16px auto; overflow: hidden;}
		.chart-key{width: 12%; float: left; margin-right: 1%; display: inline;}
		.chart-data{width: 86%; float: right; margin: 0px !important; display: inline; padding-top: 2px;}
			.chart-table,.chart-table-key{list-style-type: none; display: block;}
				.chart-table li,.chart-table-key li{display: block; width: 100%; font-size: 11px; text-transform: uppercase; margin: 0px auto 2px auto; padding: 2px; text-align: center; background: rgba(145,175,150,1.0);}
				.chart-table li:first-child,.chart-table li.anum,.chart-table-key li:first-child,.chart-table-key li.anum{ background: rgba(185,205,175,1.0); font-weight:bold;}
				.chart-table li:last-child,.chart-table-key li:last-child{margin-bottom: 60px;}
				/* keep for colors
					.chart-table dl dt{width: 100%; }
					.chart-table dd{}
					*/
span.price{text-align: right; float: right; clear: right;}
					
					
/* End Million Dollar Domains */				
#nav, #subnav, #donav{list-style-type: none; display: block; margin: 0px; padding: 0px;}
#nav li, #subnav li{display: inline-block; margin: 0px; padding: 0px; border-left: 1px solid rgba(200,190,150,1.0);}
#nav li:last-child, #subnav li:last-child{border-right: 1px solid rgba(200,190,150,1.0);}
#nav li a:link, #nav li a:visited, #subnav li a:link, #subnav li a:visited{display: block; text-transform: uppercase; color: rgba(210,190,135,1.0); text-shadow: 0px 0px 5px rgba(10,25,10,1.0); transition: all ease-in-out 250ms;} 
#nav li a:hover, #nav li a:focus{background: rgba(75,135,75,1.0); color: rgba(210,190,105,1.0);}
#nav li a:link, #nav li a:visited{font-size: 18px; padding: 12px 8px 13px 8px;}
#subnav li.active, #subnav li:first-child, #subnav li a:link, #subnav li a:visited{font-size: 15px; padding: 3px 4px 4px 4px;}
#subnav li:first-child{color: rgba(210,190,115,1.0); border-left: none !important;}
#subnav li.active, #subnav li a:hover, #subnav li a:focus{background: rgba(125,175,125,1.0); color: rgba(210,190,105,1.0); text-shadow: 0px 0px 5px rgba(10,25,10,1.0);}


#donav li{display: inline-block; margin-right: 7px; font-size: 18px;}
#donav li:last-child{margin-right: 0px;}
.top{margin: 12px 0px 20px; background: rgba(124,184,123,0.2); float: right; clear: both;}
.top a:link, .top a:visited, #donav li a:link, #donav li a:visited{text-transform: uppercase; padding: 2px 5px; color: #FFF; background: rgba(124,184,123,1.0); transition: all ease-in-out 250ms; border: 1px solid #FFF; border-radius: 2px;}
#donav li a:hover, #donav li a:focus, .top a:hover, .top a:focus{background: #094;}

.email{padding: 7px 12px 9px; background: rgba(243,153,76,1.00); border-radius: 3px;}
.email a, .email a:link, .email a:hover{color: #069; transition: all ease-in-out 300ms;}
.email a:focus, .email a:hover{color: #094;}

.domlistcol{width: 30%; margin-right: 1%; float: left; background: rgba(87,97,124,0.10); padding: 1%;}
.domlistcol .lastcol{margin-right: 0px !important;}

ul.domainlist{list-style-type: none; display: block; border-top: 1px solid rgba(87,97,124,0.30); border-bottom: 1px solid rgba(87,97,124,0.50);}
ul.domainlist li{display: block; padding: 5px; font-size: 15px; font-weight: 200; text-align: left;}
ul.domainlist li:hover{font-weight: normal; text-transform: uppercase; cursor: pointer; background: rgba(87,97,124,0.10); color: #069;}
ul.domainlist li:first-child{padding-top: 25px;}
ul.domainlist li:last-child{padding-bottom: 30px;}

.ytembed{width: 100%; min-height: 400px;}

ul.mildoldomlist{margin: 0px !important; padding: 0px !important; list-style-type: none; display: block; border-top: 1px solid rgba(252,187,28,0.8);}
ul.mildoldomlist li{display: block; padding: 5px; font-size: 14px; font-weight: 200; text-align: left; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid #454;}
ul.mildoldomlist li:hover{font-weight: normal; text-transform: uppercase; cursor: pointer; background: rgba(252,187,28,0.2); color: rgba(253,201,73,1.0);}
ul.mildoldomlist li:first-child{padding-top: 25px;}
ul.mildoldomlist li:last-child{padding-bottom: 30px;}
ul.mildoldomlist li.alt_line{background: rgba(10,25,10,0.5);}
ul.mildoldomlist li.alt_line:hover{background: rgba(10,25,10,0.7);}
div.mildolcont{width: 100%; display: block;}
div.mildolname{width: 56%; display: block; float: left; text-align: left;}
.mildolname:before{content: "DOMAIN:\A"; white-space: pre; color: #787; font-size: 10px; vertical-align: middle !important;}
div.mildolprice{width: 20%; display: block; float: left; text-align: right;}
.mildolprice:before{content: "VALUE:\A"; white-space: pre; color: #787; font-size: 10px; vertical-align: middle !important;}
div.mildollease{width: 19%; display: block; float: right; text-align: right;}
.mildollease:before{content: "LEASE:\A"; white-space: pre; color: #787; font-size: 10px; vertical-align: middle !important;}
div.mildolnotes{width: 100%; padding-top: 5px !important; color: #898; display: block; font-size: 10px; text-transform: uppercase; vertical-align: text-bottom; text-indent: 10px;}
.mildolnotes:before{content: "NOTES: "; color: #787; font-size: 10px; vertical-align: middle !important;}
ul.mildoldomlist li:hover .mildolnotes:before, ul.mildoldomlist li:hover .mildolnotes, ul.mildoldomlist li:hover .mildolprice:before, ul.mildoldomlist li:hover .mildollease:before,  ul.mildoldomlist li:hover .mildolname:before{color: #FFFAD0}

/*
	*** Colors
	*/
.red{color: #C00;}
.green{color: #094;}
.blue{color: #069;}
.sage{color: #7cb87b;}
.gold{color: rgba(253,201,73,1.0);}

@media (max-width: 1024px){
	section .content{max-width: 90%;}
	.title{font-size: 24px;}
	.chart-key{width: 20%;}
	.chart-data{width: 79%}
}

@media (max-width: 768px){
	.left{width: 100%; float: none; margin: 0px auto 14px auto !important;}
	.left img{max-width: 100%; height: inherit; margin: 0px auto;}
	.right{width: 100%; float: none; margin: 0px auto 14px auto;}
	#nav li a:link{font-size: 15px;}
	#subnav li a:link{font-size: 13px;}
	#logo{padding-bottom: 12px !important;}
	#logo img{max-width: 100% !important;}
	form{text-align: left !important;}
	.domlistcol{width: 90%; float: none !important; margin: 0px auto;}
	ul.domainlist li{display: block; padding: 5px; font-size: 13px; font-weight: 500; text-align: left;}
	.center{width: 90%;}
	.ytembed{width: 100%; min-height: 300px;}
}

@media (max-width: 640px){
	#logo img{max-width: 80% !important; height: inherit;}
	#donav li{display: block; margin-bottom: 14px;}
	#donav li:last-child{margin-bottom: 7px;}
	.title{font-size: 20px;}
	.left img{max-width: 80%; height: inherit;}
	.left_top{float: none; margin-bottom: 16px; width: 98%;}
	.right_btm{float: none; width: 98%;}
	#footer{line-height: 1.5em;}
	.chart-key{width: 25%;}
	.chart-data{width: 74%}
	
	
}

@media (max-width: 480px){
	#welcome{margin-top: 118px;}
	#nav li a:link{font-size: 12px; padding: 6px 4px 6px 4px !important;}
	#subnav li a:link{font-size: 11px;}
	.left img{max-width: 90%; height: inherit;}
	.ytembed{width: 100%; min-height: 200px;}
}