/* =General
----------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.inner {
    max-width:1024px;
    width:100%;
    margin:0 auto;
}


header, footer, .databoxes, #slideshow, #content {
    width:100%;
}

h1, h2, h3, h4, h5, nav li {
    font-family:'latoregular', Trebuchet, Arial, sans-serif;
}

h1 {
    color:#2d3033;
    font-size:1.8em;
    font-weight:normal;
}

h1 a, h1 a:hover, h1 a.selected {
    color:#2d3033;
    text-decoration: none;
    background: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top:0;
    padding-top:0;
}

h2, h3, h4, h5 {
    color:#6c6e70;
}

p, li {
    color:#6c6e70;
    font-size:0.8em;
    line-height:1.8em;
}



.no-bottom {
    margin-bottom:0;
    padding-bottom:0;
}

.no-top {
    margin-top:0;
    padding-top:0;
}

a {
    color:#0c98cf;
    text-decoration:none;
}

a:hover, a.selected {
    background:#0aa0d9;
    color:#FFF;
}


#content {

    padding-left:2%;
    padding-right:2%;
    width:96%;
}

/* =Header
----------------------------------------------- */

#banner h1 {
    padding-bottom:0.1em;
    margin-bottom:0.1em;
}

h2 {
    font-weight:normal;
}


a.plain {
    color:#6c6e70;
}

a.plain:hover, a.plain.selected {
    background:none;
    color:#6c6e70;
}

/* =Nav
----------------------------------------------- */


#menu_btn {
    display:block;
    padding:0.2em;
}


#desktop_menu {
    z-index:100;
}

#banner nav ul {
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
}


#banner nav li {
    list-style:none;
    margin:0;
    padding:0;
}

#banner nav li a {
    display:block;
    list-style:none;

    padding-left:1em;
}

#entryNavLinks {
    width:100%;
    clear:both;
}

#entryNavLinks p {
    width:50%;

}

#prevEntryLink {
    float:left;
}

#nextEntryLink {
    float:right;
    text-align:right;
}

#socialIcons {
    padding-top:1em;
}

/* =Primary
----------------------------------------------- */

#primary {
    padding-top:0.6em;
}

.date {
    font-style:italic;
}

.summary h3 {
    padding-bottom:0;
    margin-bottom:0;
}

article {
    float:none;
    padding-bottom:1em;
    border-bottom:1px solid #EEE;
    margin-bottom:3em;
    clear:both;
    width:100%;
}

article#single {
    float:none;
}

.photos .top-photo {
    width:100%;
}

.photos {
    float:none;
    padding:0 0 1em 0;
}

.photos img {
    width:50%;
    float:left;
}

.text {
    float:none;
}

#pagination {
    clear:both;
}

#pagination a {
    width:45%;
}

#pagination .newer {
    float:left;
}

#pagination .older {
    float:right;
    text-align:right;
}

.services {
    width:33%;
    float:left;
}

.services h3 {
    padding-top:5em;
    text-align:center;
}


#gameServices h3 {
    background:url(../images/gamepad-icon.png) 50% 0 no-repeat;
}

#cmsServices h3 {
    background:url(../images/folder-icon.png) 50% 0 no-repeat;
}

#webServices h3 {
    background:url(../images/pc-icon.png) 50% 0 no-repeat;
}

#primary article.game-summary {
    width:100%;
    margin-right:0;
    float:none;
    clear:none;
}

#primary article.game-summary.odd {
    clear:left;
}

.game-summary img {
    width:100%;
    height:auto;
    margin-bottom:1em;
}


/* =Forms
----------------------------------------------- */
label {
    display:block;
}

input[type="text"], textarea {
    width:98%;
    padding:1%;
    margin:0;
}

/* =Sidebar
----------------------------------------------- */

/* =Footer
----------------------------------------------- */

footer {
    clear:both;
    padding:1em 0;
    margin-top:1em;
    text-align:right;
}