@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Press+Start+2P|Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800|Lobster);



body {
     background: url("http://i.imgur.com/vzdqt.png") repeat scroll 66% 50% #070707;
	 }

h2	{
	 font-family:"Open Sans";
	 color:white;
	 }
	 
p	{
	 font-family:"Open Sans";
	 color:white	;
	 }
	 
.myMarquee {
     background:#000000;
     border: 1px solid #FFFFFF;
     height: 20px;
     margin: 0px auto;
     overflow: hidden;
     position: relative;

}

.scroller {
     -moz-animation-duration: 40s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-name: scroll;
     -moz-animation-timing-function: linear;
	 -webkit-animation-duration: 40s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-name: scroll;
     -webkit-animation-timing-function: linear;
     display: block;
     height: 20px;
     left: 0px;
     position: absolute;
     top: -10px;

}

.scroller div {
     color: #FFFFFF;
     float: right;
     font-family: 'Press Start 2P', cursive;
     font-size: 12px;
     line-height: 40px;
     padding: 0px 0px;
     width: 160000000px;
}

.scroller div a {
     color: #E52E2F;
}

@-moz-keyframes scroll {
0% { left: 1600px; }
100% { left: -1600px; }
}

@-webkit-keyframes scroll {
0% { left: 1600px; }
100% { left: -1600px; }
}

.scroller:hover {
     -moz-animation-timing function:;
}

.scroller:hover {
    
}

p.ex1 {
     color: #FFFFFF;
     font-family: Lobster;
     font-size: 300%;
     position: absolute;
     right: 125px;
}

#constr {
     position: relative;
}

#constr img {
     -moz-transition: opacity 0.5s ease-in-out 0s;
}

#constr img.alpha:hover {
     opacity: 0;
}

#constr .alpha {
     opacity: 1;
     position: relative;
}




*::-moz-selection {
    background-color: #55595C;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

* {
    margin: 0;
    padding: 0;
}
html {
    height: auto;
    min-height: 100%;
}

#wrap {
    margin: 13% auto 0;
    width: 500px;
}
h1 {
    color: #7C7C84;
    font: bold 13px/19px Arial,Helvetica,san serif;
    margin-bottom: 30px;
}
#btn-wrap {
    background: -moz-linear-gradient(-90deg, #17171A, #2D2D30) repeat scroll 0 0 transparent;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 1px 0 #37373B;
    display: block;
    height: 50px;
    margin: 0 auto 30px;
    padding: 5px;
    position: relative;
    text-decoration: none;
    width: 230px;
}
span.title {
    -moz-transition: width 0.2s ease-out 0s;
    background: -moz-linear-gradient(-90deg, #5A5A64, #383840) repeat scroll 0 0 transparent;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 -1px 0 #8D8D94, 0 1px 1px #0B0B0C;
    color: #D6D6E7;
    display: block;
    font: 30px/58px "Lobster";
    height: 50px;
    position: relative;
    width: 230px;
    z-index: 5;
}
#btn-wrap:hover span.title {
    font-size: 19px;
    width: 135px;
}
#info {
    background: -moz-linear-gradient(-90deg, #2A2A2D, #212124) repeat scroll 0 0 transparent;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 -1px 0 #404042, 0 1px 1px #0B0B0C;
    height: 50px;
    position: absolute;
    right: 4px;
    top: 5px;
    width: 230px;
    z-index: 4;
}
#info p {
    color: #7C7C84;
    font: 11px/12px Helvetica,Arial,sans-serif;
    margin: 12px 17px 0 0;
    position: absolute;
    right: 0;
    text-align: left;
    width: 65px;
}


#cf {
    height: 59px;
    position: relative;
    width: 676px;
}
#cf img {
    -moz-transition: opacity 0s ease-in-out 0s;
}
#cf img.top:hover {
    opacity: 0;
}
#cf .top {
    position: relative;
    top: -64px;
}

#news {
	color: #FFFFFF;
	display: none;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10px;
	left: 259px;
	position: absolute;
	top: 122px;
	width: 350px;
}
#news h4 {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-right: 10px;
}
#news .wrapper {
    height: 15px !important;
}
#news span {
    font-size: 10px;
    font-weight: normal;
    padding-right: 6px;
}
#news a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#news a:hover {
    text-decoration: underline;
}
.tablet #news {
    left: 235px;
}

ul {
background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
	ol.inline-list, ul.inline-list {
    list-style-position: inside;
    list-style-type: decimal;
    margin: 0 0 10px 10px;
}
ul.inline-list {
    list-style-type: disc;
}
ol.inline-list.indent, ul.inline-list.indent {
    list-style-position: outside;
    margin: 0 0 10px 20px;
}
ul.contentrows li {
    border-bottom: 1px solid #DDDDDD;
    display: block;
    margin-bottom: 4px;
    overflow: hidden;
    padding-bottom: 4px;
}
.ie6 ul.contentrows li {
    display: inline-block;
}
ul.contentrows li .wrapper {
    height: 1%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul.contentrows li.last {
    border: 0 none;
    margin-bottom: 0;
}
ul.contentrows li p {
    margin: 0 !important;
    overflow: hidden;
}
ul.contentrows li .date {
    font-size: 10px;
}
ul.contentrows li img.thumb {
    float: left;
    margin: 2px 8px 2px 0;
}
ul.contentrows li p.innerlinks {
    padding-top: 8px;
}