@charset "UTF-8";
.pagecontent { padding-top: 9px !important;}
#wd{overflow:hidden}
#welcome{display:inline;width:calc(100% - 350px);float:left; padding-top:0px; text-align: left;}

#notd{display:inline-block;float:right;background:url(/_assets/image/notd2.jpg) no-repeat;width:250px; height:261px;margin:0 0 0 35px; line-height: 16px; text-align:center;}
#notd H2{font-size:1.5em;text-align:center;width:auto; line-height:20px;margin-top:174px; margin-bottom:5px; color:#000;font-weight:400;}
#notd .notd-name a{text-align:center; font-size:1.2em; line-height:normal;}
#notd .notd-meaning{text-align:center;font-size:10pt;font-style:italic}

/* LOGIN */
.form-l {width:100px;}
input.login {
	width:150px; 
	border-radius:5px; 
	border:1px solid #aaa; 
	font-size:14pt;
	padding: 5px;
}

.siteintro {margin: 5px 0 15px 0; font-size:14pt; line-height:20pt;}
.nameblock { display:block; padding:10px 0; line-height:20pt; margin-bottom:20px;}
ul.quicklinks {margin-top:5px; font-size:13pt;}
h2.homeheader0,h2.homeheader1,h2.homeheader2,h2.homeheader3 {
	padding: 3px 5px;
	margin: 20px 0 5px;
	width:100%;
	border-radius: 3px;
	font-weight:500;
	letter-spacing:.02em;
	color: #FFF;
}
h2.hottopic {color: #000; font-weight:400;}
h2.homeheader0 {background: #e72c80;}
h2.homeheader1 {background: #ae37d5;}
h2.homeheader2 {background: #0da3d5;}
h2.homeheader3 {background: #44991f;}
#welcome H1 {margin:0; color:#000; font-weight:normal; border-bottom:none !important; padding-bottom: 0px;}

#podcast {width:60%; float:left; display:inline-block; }
#podcast a {font-weight:normal;}

/* TRENDING NAMES */
#trending { width:35%; float:left; display:inline-block; margin-right:3%;}
#trending UL{list-style:none;margin:0;padding:0;overflow:hidden}
#trending LI{height:28px;width:48%;float:left;margin:0 1px 0 0;display:inline}
#trending LI A{height:28px;line-height:25px;display:block;font-size:12pt;padding-left:10px}
#trending LI A:hover{background:#ddd;text-decoration:none}

#homesidebar{display:inline;float:left;margin:10px 0;padding:0 0 0 10px;width:320px;border-left:1px solid #DDD}}H2{font-size:23px;margin:15px 0 0;color:#1793ce;font-family:'Caladea',serif}

/* DEPRACATED*/
.col1 {	float:left;	margin-right:4%; width:48%; }
.col2 {	float:left;	width:48%; text-align:center;}

/* BLOGS */
.cattop {font-size:10pt; color:#1791cf; margin-bottom:5px;}
.cattop a {color:#1791cf;}

a.read-more {margin-left:10px;}
a.read-more:before { content:"➤ ";}

.blog-post {line-height:normal; }

.articles H3{margin:0;font-size:15px}#vote-mod{margin:20px 0 0;width:296px;font-size:11pt}
.blog-post{display:block;margin:5px 0;border-top:1px dashed #DADADA;padding:5px 0}
.blog-thumb{float:left;margin:0 10px 10px 0}.blog-title{font-size:14pt;font-weight:700}
.blog-title a{color:#000}.blog-meta{font-size:9pt;font-style:italic}
.blog-title a {font-family:caladea, serif !important;color:#333 !important; font-size:1.2em !important;}
.blog-title a:hover{color:#1791cf !important; text-decoration:none;}
.blog-excerpt {font-size:12pt; margin-top:10px; line-height:17pt;}
.blogsmore a {background: #44991f; padding:5px 13px; color: #FFF; text-decoration:none; margin-bottom: 10px; border-radius:10px;}

@media screen and (max-width: 1098px){
	#wn{width:100%}
	#welcome{display:block;width:100%;float:none}
	#notd{ display:block;float:none;background:url('/_assets/image/notd2.jpg') no-repeat; width:250px; height:261px; margin:auto; padding:0; overflow:hidden;}
	#notd H2{font-size:23px;text-align:center;width:auto; line-height:20px; margin-top:24px; padding-top:148px;}
	#notd .notd-name{text-align:center; }
	#notd .notd-meaning{text-align:center;font-size:10pt;font-style:italic}
	#notd .notd-add{text-align:center;font-size:9pt;position:absolute:;bottom:0}
	.boardbox {width:50%;}
	.socialbox img {width:50px;}
    #trending, #podcast { width:100%; margin:0; display:block;}

}

@media screen and (max-width: 640px) {
	#actionbutton{margin:20px auto 0px auto; max-width:380px; text-align:center;}
	a.myButton{max-width:380px;font-size:13pt }
	#welcome{display:block;width:100%;float:none}
}

@media screen and (max-width: 640px) {
	#pagecontent{padding-top:5px}
	#welcome{display:inline;width:100%;float:left; padding-top:0px; text-align: left;}

	input[type="submit"].searchbutton {margin-right:0;padding:0;font-size:10pt;}

	.ns1, .ns4 {display:block; text-align:left;}
	.ns2, .ns3 {display:inline; float:left;}
}

@media screen and (max-width: 480px) { 
	.boardbox {width:100%;}
	.mobadresult{margin-top:11px}
	.col1 {float:none;display:block;margin-right:0;width:100%;}
	.col2 {float:none;display:block;width:100%;}
}