/*
Theme Name: WurmOnline
Theme URI: wurmonline.com
Description: WurmOnline.com theme
Author: Darkfilo
Version: 1.0
.
*/

/* =Reset
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units //clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #F5F5F5;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: 0;
}
a:hover {
	color: white;
}
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
a {
	text-decoration: none;
	color: rgb(251, 240, 208);
	color: rgb(251, 166, 67);
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* WURM THEME - Filip */

body {
	background-color: #010506;
	background-image: url('../../../images/background.jpg'); 
	background-repeat: no-repeat; 
	background-position: top center; 
	background-attachment: scroll; 
	margin: 0;
	padding: 0;
	min-height: 0px;
	min-width: 0px;
	font-family: "URW Palladio L",Palatino,"Book Antiqua","Palatino Linotype",serif;
	color: rgb(232,220,188);
	font-size: 13px; /*13*/
	letter-spacing: 1px;
	line-height: 2em;
	
}

h1, h2, h3, p, ul, pre {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 28px;
	text-shadow: 4px 4px 4px #010506;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 3px;
	font-variant: small-caps;
	padding-bottom: 24px; 
	color: rgb(240, 174, 97);
}

h2 {
	text-shadow: 4px 4px 4px #010506;
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
	letter-spacing: 2px;
	font-variant: small-caps;
	padding-bottom: 10px;
	font-family: lucida, 'Lucida Bright',serif;
	color: rgb(232,220,188);
	
} 

h1 a {
	color: rgb(240, 174, 97);
}

a h2 {
		

}

a h2:hover {
	color: white;
}


h3 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 4px;
	font-variant: small-caps;
	padding-bottom: 0px;
} 

h4 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 5px;
	font-variant: small-caps;
	padding-bottom: 10px;
} 

h5 {
	font-family: lucida, 'Lucida Bright',serif;
	color: rgb(116,167,206);
	font-size: 24px;
	margin-bottom: -15px;
	
} 
h6 {
	font-size: 36px;
	text-shadow: 4px 4px 4px #010506;
	line-height: 36px;
	font-weight: 500;
	letter-spacing: 3px;
	font-variant: small-caps;
	padding-bottom: 24px; 
	color: rgb(240, 174, 97);

} 


p {
	padding-bottom: 16px;
	text-indent: 0px;
	
}

p a {
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
}


img {
	border: none;
}

ul {
	padding-left: 16px;
	margin-left: 16px;
	padding-bottom: 10px;
}

li {
	
	list-style-image: url(../../../images/li.png);
}
iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a.wurm_logo {
	display: block;
	width: 400px;
	height: 168px;
	background-image: url(../../../images/wurmLogoLarge.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	z-index: 10;
}

div.content {
	width: 1176px;
	margin: 0 auto;
	position: relative;
}

div.header {
	position: relative;
	width: 1176px;
	height: 244px;
	background-image: url(../../../images/header.png);
	background-repeat: no-repeat;
	margin-top: -25px;
}

div.wurm {
	position: absolute;
	width: 900px;
	height: 571px;
	top: -156px;
	left: -272px;
	background-image: url(../../../images/wurm.png);
	background-repeat: no-repeat;
	z-index: -10;
}

div.menu_item {
	top: 97px;
	font-size: 14px; /*14*/
	display: inline-block;
	float: left;
	margin-right: 25px;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 2px;
	text-shadow: 1px 1px 4px #000000;
}

div.menu_item a {
	color: #ffd5b2;
}

div.menu_item a:hover {
	color: white;
}

div.layout {
	margin-top: -110px;
	background-image: url(../../../images/layout_tile.png);
	background-repeat: repeat-y;
	background-position: 0px 274px;
}

div.layout-content {
	background-image: url(../../../images/layout_top.png);
	background-repeat: no-repeat;
}

div.layout-text {
	background-image: url(../../../images/layout_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 168px 0px 168px;
	color: #e5d9b8;
	min-height: 557px;
}

div.layout-footer {
	background-image: url(../../../images/layout_footer.png);
	background-repeat: no-repeat;
	width: 1176px;
	height: 94px;
}

div.footer-line {
	width: 854px;
	height: 1px;
	background: url(../../../images/footer_line.png) no-repeat;
	margin: 0 auto;
	padding-bottom: 14px;
}

div#content {
	padding-top: 90px;
}

h1.entry-title {
	font-size: 42px;
	line-height: 46px;
	text-shadow: 4px 4px 4px #010506;
	font-weight: 300;
	letter-spacing: 1px;
	font-variant: small-caps;
	padding-bottom: 28px;
	color: rgb(232,220,188);
	color: rgb(240, 174, 97);
	font-family: lucida, 'Lucida Bright',serif;
	text-align: center;
	/*color: #e5d9b8 !important;*/
}


div.entry-meta a {
	color: #e5d9b8;
}

/*HOME-SPECIFIC CLASSES*/
div.home {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	
}

div.home-test {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 968px;
	/*background: url(//www.wurmonline.com/wp-content/uploads/2014/08/bg7.png) no-repeat;
	background-position: 0 300px;
	background-size: 840px 740px;*/
}


div.home-left-box {
	display: inline-block;
	width: 400px;
	position: relative;
	margin: 0;
	padding: 0;
	
}

div.home-features-box {
	display: inline-block;
	width: 435px;
	vertical-align: top;
	position: relative;
	height: 600px;
}

div.home-left-box-test {
	height: 350px;
	width: 420px;
	top: -0px;
	margin-left: 5px;
	position: relative;
}

.home-left-box-test p {
    	color: rgb(232,220,188);
	/*color: rgb(249,230,186);*/
	padding-right: 10px;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0px;
}

div.home-video-box-test {
	width: 418px;
	vertical-align: top;
	position: absolute;
	left: 50%;
	margin-left: 8px;
	top: 352px;
	height: 286px;
}

.home-video-box-test a:hover img {
	outline: 1px solid rgb(232,186,136);
}

div.video-box-test {
	background: url(//www.wurmonline.com/wp-content/uploads/2014/07/trailerbox.png) no-repeat;
	width: 475px;
	height: 296px;
	margin-right: -120px;
	margin-left: -19px;
	margin-left: -25px;
	top: 8px;
	display: inline-block;
	position: absolute;
}

div.trailer-box-test {
	position: relative;
	left: 39px;
	top: 28px;
	width: 400px;
	height: 224px;
}

div.home-button-area,
div.home-button-area-2 {
	top: 668px;
	top: 674px;
	position: absolute;
	width: 840px;
	height: 168px;
}

div.home-button-area-2 {
	top: 1300px;
}

div.home-button {
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	margin-right: 15px;
	margin-right: 8px;
	width: 272px;
	height: 150px;
}

.home-button a:hover img {
	outline: 1px solid rgb(232,186,136);
}


div.home-news-box-test {
	top: 885px;
	position: absolute;
	width: 480px;
	height: 500px;
	display:inline-block;
	padding: 0px;
	/*background: url(//www.wurmonline.com/wp-content/uploads/2014/08/newsbox.png) no-repeat;
	background-position: -32px 0px;
	background-size: 450px 367px;*/
	
}

div.home-features-box-test {
	top: 885px;
	width: 370px;
	position: absolute;
	left: 660px;
	/*20px*/
	
}

.home-features-box-test li {
	font-size: 16px;
	line-height: 22px;
	color: rgb(232, 186, 136);
	padding-right:12px;
	padding-bottom: 10px;
	vertical-align: middle;
	color: rgb(232,220,188);
	letter-spacing: 0px;
}

.home-features-box-test h2 {
	font-size: 30px;
	line-height: 30px;
	color:rgb(116, 167, 206);
	padding-bottom: 6px;
	padding-left: 15px;
	
}

p.intro-text {
	font-family: "URW Palladio L",Palatino,"Book Antiqua","Palatino Linotype",serif;
	font-weight: lighter;
   	text-align:left;
	font-style:normal;
	font-size: 14px;
	padding-right: 10px; 
    	color: rgb(232,220,188);
}



div.try-box {
	position: relative;
	display: block;
	top: -15px;
	left: 40px;
	padding-bottom: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
}

.try-box a:hover img {
	outline: 1px solid rgb(232,186,136);
}


h2.features-box-title {
	color:rgb(116, 167, 206);
	padding-left: 5px;
	margin-bottom: 0;
	position: relative;
	font-family: lucida, 'Lucida Bright',serif;
	font-size: 28px;
	line-height: 28px;
	font-size: 26px;
	line-height: 26px;
}


div.features-box-title-test {
	position: relative;
	left:20px;
	top: -18px;
}

.features-box-title-test h2 {
	text-shadow: 1px 1px 1px #000000;
	color:rgb(116, 167, 206);
	font-size: 26px;
	line-height: 26px;
	margin-bottom: -16px;
	padding-bottom: 0px;
	font-family: lucida, 'Lucida Bright',serif;
}

div.features-list {
	position: absolute;
	top: 515px;
	padding-right: 20px;
	
}

div.features-list-test {
	position: absolute;
	/*top: 408px;*/
	top: 210px;
	vertical-align: top;
	left: -15px;
	width: 475px;
	height: 296px;
	padding-top: 50px;
	display: inline-block;
}


.features-list li {
	font-size: 14px;
	line-height: 16px;
	color: rgb(232, 186, 136);
	padding-bottom: 10px;
	font-family: "URW Palladio L",Palatino,"Book Antiqua","Palatino Linotype",serif;
	margin-left: 26px;
}

.features-list-test li {
	font-size: 14px;
	line-height: 16px;
	color: rgb(232, 186, 136);
	padding-bottom: 10px;
	padding-right: 40px;
	font-family: "URW Palladio L",Palatino,"Book Antiqua","Palatino Linotype",serif;
	margin-left:10px;
}

.features-list-test a {
	color: white;
}

div.features-box-images-left {
	top: 6px;
	left: 0px;
	position: absolute;
	float: none;
	padding: 0;
	margin: 0;
} 

div.features-box-images-right {
	top: 6px;
	left: 220px;
	position: absolute;
	float: none;
	padding: 0;
	margin: 0;
} 

div.features-box-images-center {
	top: 251px;
	left: 97px;
	position: absolute;
	float: none;
}

.features-box-images-left a:hover p,
.features-box-images-right a:hover p,
.features-box-images-center a:hover p {
	color: white;
}

.features-box-images-left a:hover img,
.features-box-images-right a:hover img,
.features-box-images-center a:hover img {
	outline: 1px solid rgb(232,186,136);
}

div.features-box-desc {
    	text-align: center;
	vertical-align: baseline;
	font-family: lucida, 'Lucida Bright',serif;
	font-size: 21px;
	text-shadow: 4px 4px 4px #010506;
	color:rgb(216, 150, 85);
   	margin-top: -20px;
	margin-bottom: 20px;
}

img.full-line {
	margin-right: -48px;
	margin-left: -40px;
	position: relative;
	padding-bottom: 0;
	top: -10px;
}

div.video-box {
	background: url(//www.wurmonline.com/wp-content/uploads/2014/07/trailerbox.png) no-repeat;
	width: 475px;
	height: 296px;
	margin-left: -85px;
	margin-right: -120px;
	left: 35px;
	margin-top: 12px;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
}



div.trailer-box {
	position: relative;
	left: 39px;
	top: 28px;
	width: 400px;
	height: 224px;
}



/* END HOME */





/*COMMUNITY CLASSES*/

div.play-button {
	position: absolute;
	display: block;
	top: 144px;
	left: 50%;
	margin-left: -145px;
	margin-top: 15px;
	z-index: 100;
}

div.java-info {
	position: absolute;
	display: block;
	top: 140px;
	left: 100%;
	width: 300px;
	margin-left: -370px;
	margin-top: -49px;
	z-index: 100;
}

div.java-info p {
	text-indent: 0;
	font-size: 12px;
	line-height: 1.5em;
	color: black;
}

div.java-info a {
	color: white;
}

div.wurm-copyright {
	width: 100%;
	text-align: center;
}

article.post {
	margin-bottom: 24px;
	padding-bottom: 36px;
}

div.entry-meta {
	padding-bottom: 12px;
}

nav#nav-above {
	padding-bottom: 24px;
	min-width: 130px;
}

.wu {
	position: fixed;
	bottom: 10%;
	right: 40px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	font-variant: small-caps;
	color: #efd8bd;
	font-family: lucida,"Lucida Bright",serif;
	text-shadow: 0px 0px 1px #FFF;
	text-align: center;
	z-index: 100;
}

/* WURM MENU */

div.menu_container
{
	position: absolute;
	top: 97px;
	z-index: 1000;
}

div.menu_container_left
{
	left: 100px;
}
div.menu_container_right
{
	left: 750px;
}

.menu_container ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

.menu_container ul li {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	height: 30px;
	float: left;
}

.menu_container ul li a {
	color: #ffd5b2;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 2px;
	text-shadow: 1px 1px 4px #000000;
}
.menu_container ul li a:hover {
	color: white;
}

.menu_container ul ul {
	/*DROPDOWN RUTA*/
	display: none;
	border: 2px solid rgb(48,10,0);
	position: absolute;
	box-shadow: 5px 5px 5px black;
		
	background: rgb(66,25,2);
}

.menu_container ul ul li {
	display: inline-block;
	min-width: 210px;
	height:auto;
	padding: 2px 8px;
}

.menu_container ul ul li a {
	font-size: 100%;
	vertical-align: baseline;
	text-transform: uppercase;
	text-transform: none;
	letter-spacing: 0px;
}

ul li:hover > ul {
    	display: block;
	
}

ul li:hover > ul ul li {
    	display: block;
	background: rgb(22,13,5);
}

.menu_container  ul ul li ul {
    left: 220px;
}