/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License:  none (public domain)
 */

* {
	margin:0;
	padding:0;
} 
 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:1;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

@font-face {
	font-family: Aller;
	src: url('http://duniatangkas.com/fonts/Aller_Lt.ttf'), 
		 url('http://duniatangkas.com/fonts/Aller_Bd.ttf'), 
		 url('http://duniatangkas.com/fonts/Aller_BdIt.ttf'), 
		 url('http://duniatangkas.com/fonts/Aller_It.ttf'), 
		 url('http://duniatangkas.com/fonts/Aller_LtIt.ttf'), 
		 url('http://duniatangkas.com/fonts/Aller_Rg.ttf'), 
		 url('http://duniatangkas.com/fonts/AllerDisplay.ttf');
}

@font-face {
	font-family: Source Sans;
	src: url('http://duniatangkas.com/fonts/SourceSansPro-Black.otf'), 
		 url('http://duniatangkas.com/fonts/SourceSansPro-BlackIt.otf'), 
		 url('http://duniatangkas.com/fonts/SourceSansPro-Bold.otf'), 
		 url('http://duniatangkas.com/fonts/SourceSansPro-BoldIt.otf'), 
		 url('http://duniatangkas.com/fonts/SourceSansPro-ExtraLight.otf'), 
		 url('http://duniatangkas.com/fonts/SourceSansPro-ExtraLightIt.otf'), 
		 url('http://duniatangkas.com/fonts/SourceSansPro-It.otf'),
		 url('http://duniatangkas.com/fonts/SourceSansPro-Light.otf'),
		 url('http://duniatangkas.com/fonts/SourceSansPro-LightIt.otf'),
		 url('http://duniatangkas.com/fonts/SourceSansPro-Regular.otf'),
		 url('http://duniatangkas.com/fonts/SourceSansPro-Semibold.otf'),
		 url('http://duniatangkas.com/fonts/SourceSansPro-SemiboldIt.otf');
}

body {
	background: #233d0e url('images/duniabg3.jpg') no-repeat;
	-webkit-background-size: 1360px 670px;
	-moz-background-size: 1360px 670px;
	background-size: 1360px 670px;
	background-position: center top;
}

header {
	width:1000px;
	height:195px;
}

section {
	width:1000px;
	min-height:100px;
}

footer {
	width:100%;
	height:175px;
	background:transparent url('images/footer.jpg') no-repeat;
	-webkit-background-size: 1360px 175px;
	-moz-background-size: 1360px 175px;
	background-size: 1360px 175px;
	background-position:center;
}

#article {
	background: #0f2a11 url('images/artikelbg.jpg') no-repeat;
	-webkit-background-size: 1360px 670px;
	-moz-background-size: 1360px 670px;
	background-size: 1360px 670px;
	background-position: center top;
}

#lobi {
	background: #233d0e url('images/lobibg.jpg') no-repeat;
	-webkit-background-size: 1360px 670px;
	-moz-background-size: 1360px 670px;
	background-size: 1360px 670px;
	background-position: center top;
}

#container {
	width: 1000px;
	min-height:450px;
	margin: 0 auto;
	padding:0;
}

#headwrap {
	width: 1000px;
	height:195px;
	top:0px;
	margin:0px auto;
}

#top {
	width:930px;
	height:40px;
	padding:0px 40px;
	line-height:46px;
	text-align:right;
	color:#fff;
	font-size:16px;
	letter-spacing:1px;
}

#top span {
	height:40px;
	line-height:46px;
}

#mainwrap {
	text-align:center;
	height:100px;
	padding:5px 0px;
}

#logo {
	float:left;
	margin-left:20px;
	margin-top:5px;
}

#userlogin {
	height:100px;
}

#userlogin table {
	color:#fff;
	margin:5px 20px;
}

#userlogin td {
	padding:2px 10px;
	font-size:18px;
	letter-spacing:1px;
}

.inptext {
	background:#056800;
	border:1px solid #ccc;
	border-radius:4px;
	height:24px;
	width:220px;
	color:#fff;
	padding:0px 5px;
}

.inpcapt {
	float:left;
	background:#056800;
	border:1px solid #ccc;
	border-radius:4px;
	height:24px;
	width:60px;
	margin-right:4px;
	color:#fff;
	padding:0px 5px;
}
.entry5 {
	float:left;
	width:665px;
height:550px;
 background: #cfcfcf;
   background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cfcfcf));
   background: -webkit-linear-gradient(top, #d9d9d9, #cfcfcf);
   background: -moz-linear-gradient(top, #d9d9d9, #cfcfcf);
   background: -ms-linear-gradient(top, #d9d9d9, #cfcfcf);
   background: -o-linear-gradient(top, #d9d9d9, #cfcfcf);
	border:1px solid #303030;
	text-align:justify;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	padding:15px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:2px 4px 7px #000;
	-webkit-box-shadow:2px 4px 7px #000;
	-moz-box-shadow:2px 4px 7px #000;
	margin-top:40px;
}
.buttonlogin3 {
  border-top: 1px solid #f4ff5e;
   background: #cfa50c;
   background: -webkit-gradient(linear, left top, left bottom, from(#f4ff5e), to(#cfa50c));
   background: -webkit-linear-gradient(top, #f4ff5e, #cfa50c);
   background: -moz-linear-gradient(top, #f4ff5e, #cfa50c);
   background: -ms-linear-gradient(top, #f4ff5e, #cfa50c);
   background: -o-linear-gradient(top, #f4ff5e, #cfa50c);
   padding: 2px 4px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #1f39ba;
   font-size: 8px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonlogin3:hover {
   border-top-color: #1f39ba;
   background: #3e81d4;
   color: #ffffff;
   }


span#captcha {
	display:block;
	width:60px;
	height:24px;
	float:left;
	margin-right:2px;
	border-radius:4px;
	background:#056800;
	border:1px solid #0b0b0b;
	text-align:center;
	line-height:24px;
}

span#classcap {
	float:left;
	height:22px;
}

span#submit {
	display:block;
	width:92px;
	height:26px;
	float:left;
	background: url('images/submit.png') no-repeat;
	cursor:pointer;
}

.submit { 
	float:left;
}

.logout {
	display:block;
	width:92px;
	height:37px;
	background:url('images/logout.png') no-repeat;
	cursor:pointer;
}

#mainmenu , #lobimenu {
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-size: 14px;
	height:42px;
}

#mainmenu li,#lobimenu li {
	display: inline-block;
}

#mainmenu a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 160px;
	display: block;
	height:42px;
	line-height:42px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
}

#lobimenu a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 135px;
	height:42px;
	display: block;
	text-align: center;
	line-height:42px;
	text-decoration: none;
	text-transform: uppercase;
	font-size:18px;
	border-radius: 5px;
}

#mainmenu a:hover {
	background: url('images/green-hover.png') no-repeat;
}

#lobimenu a:hover {
	background: url('images/lobi-hover.png') no-repeat;
}

#mainmenu a:hover, #lobimenu a:active {

}

#userlogin {
	float:right;
	text-align:left;
}

#wrapuser {
	float: right;
	color: #fff;
}

#wrap {
	height:295px;
}

#wrapbox {
	margin-top: 10px;
	width:1000px;
}

#wrapart {
	top:195px;
	width:1000px;
	min-height:310px;
	margin:10px 0px;
	font-family:Arial,Verdana,Sans-Serif;
}

#wrapmain {
	margin-top: 7px;
	float: right;
	background: url('http://localhost/tangkaspro/images/redbg.png') no-repeat right top;
	width: 490px;
	margin-right: 0px;
}

#articlebox p {
	line-height:20px;
	font-size:13px;
	color:#fff;
	margin:20px 20px;
	text-align:justify;
	letter-spacing:1px;
}

#tablestep {
	float:left;
	margin-top:300px;
}

#articlebox {
	width:700px;
	float:right;
	background: rgba(0,0,0,0.7);
	border-radius:10px;
	letter-spacing:1px;
}

#articlebox h1 {
	display:block;
	margin:15px 20px;
	font-size:24px;
	font-weight:bold;
	color:#b2ffa0;
	font-family:Century Gothic, Verdana, Sans-Serif;
}

#ket {
	float:left;
	margin-left:270px;
}

#wrapimg {
	float:right;
}

#blackberry {
	float:right;
	margin-right:20px;
}

#blackberry {
	margin-top:55px;
}

#playnow {
	margin-top:210px;
	margin-left:548px;
	float:left;
}

.playbtn{
display:block;
	width:405px;
	height:73px;
	background:url('images/playnow.png') 0 0 no-repeat;
	cursor:pointer;
}

.playbtn:hover {
	display:block;
	width:405px;
	height:73px;
	background:url('images/playnow.png') 0 -74px no-repeat;
}

#JoinDT {
	display:block;
	width:405px;
	height:73px;
	background:url('images/joinnow.png') 0 0 no-repeat;
	cursor:pointer;
}

#JoinDT:hover {
	display:block;
	width:405px;
	height:73px;
	background:url('images/joinnow.png') 0 -70px no-repeat;
	cursor:pointer;
}

#footcopy {
	width:1000px;
	margin:0px auto;
}

#footart {
	width:1000px;
	margin:0px auto;
}

.footbox {
	width:250px;
	height:140px;
	float:left;
}

.footbox h5 {
	height:45px;
	font-size:20px;
	line-height:45px;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #000;
}

.footlist {
	margin-top:10px;
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	letter-spacing:0.5px;
	font-size:16px;
	color:#fff;
	font-weight:620px;
	text-shadow:1px 1px 1px #000;
}

.footlist li {
	margin:10px 0px;
}

.footlist p {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	text-align:justify;
}

ul.socialmedia li {
	height:24px;
	margin:0px;
	line-height:20px;
}

ul.socialmedia a {
	padding:0px 0px 0px 25px;
	color:#fff;
}

li#facebook {
	background: url('images/facebook.jpg') no-repeat;
}

li#twitter {
	background: url('images/twitter.jpg') no-repeat;
}

li#google {
	background: url('images/google.jpg') no-repeat;
}

#copyright {
	width:1000px;
	text-align:center;
	font-family: Century Gothic, Verdana, Sans-Serif;
	color: #fff;
	font-size: 11px;
	letter-spacing:0.4px;
	height:20px;
	margin-top:12px;
}

#copyright p {
	line-height:26px;
}	

.entry6 {
	float:left;
	width:670px;
height:310px;
 background: #cfcfcf;
   background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cfcfcf));
   background: -webkit-linear-gradient(top, #d9d9d9, #cfcfcf);
   background: -moz-linear-gradient(top, #d9d9d9, #cfcfcf);
   background: -ms-linear-gradient(top, #d9d9d9, #cfcfcf);
   background: -o-linear-gradient(top, #d9d9d9, #cfcfcf);
	border:1px solid #303030;
	text-align:justify;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	padding:15px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:2px 4px 7px #000;
	-webkit-box-shadow:2px 4px 7px #000;
	-moz-box-shadow:2px 4px 7px #000;
	margin-top:40px;
}