@charset "UTF-8";
/* CSS Document */

body { background: url(../images/plainBG.gif) fixed; color: #FFFFFF; text-align: center; margin: 0; }
h1 { margin: 0; font-family: 'Oswald', sans-serif; font-size: 24px; }
h2 { margin: 0; font-family: 'Oswald', sans-serif; font-size: 18px; }
h3 { margin-bottom: 0; font-family: 'Oswald', sans-serif; font-size: 18px; }
p { font: 12px normal "Lucida Grande", Verdana, Arial, sans-serif; }
ul { color: #FFFFFF; font: 12px normal "Lucida Grande", Verdana, Arial, sans-serif; margin-left: 0; padding-left: 5px; list-style-position: inside; }
li { margin: 5px 0; }
img { border: none; }
a:link { color: #2690BC; }
a:visited { color: #2690BC; }
a:hover { color: #57B6DD; }
a:active { color: #FCBA63; }

.smallText { font-size: 10px; }

.plainTop { background: url(../images/plainBordersT.png) repeat-x; }
.plainRight { background: url(../images/plainBordersR.png) repeat-y; width: 10px; }
.plainBottom { background: url(../images/plainBordersB.png) repeat-x; }
.plainLeft { background: url(../images/plainBordersL.png) repeat-y; width: 10px; }
.plainContent { background: #232323; padding: 7px; }

/* homepage CSS */
.homeContainer { text-align: left; margin: 16px auto; width: 700px; }
.homeContainer a:link { color: #FFF; }
.homeContainer a:visited { color: #FFF; }
.homeContainer a:hover { color: #57B6DD; }
.homeContainer a:active { color: #FCBA63; }

.headerContainer { width: 400px; margin-bottom: 10px; }

.twitterContainer { float: right; margin-left: 10px; }

.companiesContainer { margin: 0 10px 10px 0; float: left; }
.companiesContainer table { width: 195px; }

.appsContainer { margin: 0 0 10px 0; float: left; }
.appsContainer table { width: 195px; }

.gamesContainer { margin: 0 10px 10px 0; float: left; clear: left; }
.gamesContainer table { width: 270px; }

.youTubeContainer { margin: 0 10px 10px 0; float: left; clear: left; position: relative; top: -39px; }
.youTubeContainer table { width: 270px; }

.linksContainer { margin: 0 0 10px 0; float: left; position: relative; top: -19px; }
.linksContainer table { width: 120px; }

.selfPortrait { margin: 0 20px; float: left; }

/* Single page CSS */
.header { width: 780px;  text-align: left; margin: 0 auto; }
.headerContent { background: #000; color: #FFF; margin: 0; padding: 10px 30px 3px; }
.header p { margin: 0; font-family: 'Oswald', sans-serif; font-size: 14px; }
.header .rightLinks { float: right; font: 12px normal "Lucida Grande", Verdana, Arial, sans-serif; text-decoration: underline; position: relative; top: 3px; }
.header .rightLinks a { margin-left: 20px; }
.homeIcon { float: left; margin: 0 10px 0 0; position: relative; top: -4px; }

.header a:link { color: #FFFFFF; text-decoration: none; }
.header a:visited { color: #FFFFFF; text-decoration: none; }
.header a:hover { color: #57B6DD; text-decoration: none; }
.header a:active { color: #FCBA63; text-decoration: none; }

.pageContainer { background: #FFF; width: 645px; margin: 0 auto; text-align: left; padding: 10px 40px; color: #000; }

.downloadButton:link { background: #000; padding: 3px 10px; color: #FFF; text-decoration: none; }
.downloadButton:visited { background: #000; padding: 3px 10px; color: #FFF; text-decoration: none; }
.downloadButton:hover { background: #336; padding: 3px 10px; color: #FFF; text-decoration: none; }