/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:"UbuntuRegular", "Ubuntu", Arial, Helvetica, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* fonts */
@font-face {
    font-family:'UbuntuRegular';
    src:url('fonts/Ubuntu-R-webfont.eot');
    src:url('fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-R-webfont.woff') format('woff'), url('fonts/Ubuntu-R-webfont.ttf') format('truetype'), url('fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuItalic';
    src:url('fonts/Ubuntu-RI-webfont.eot');
    src:url('fonts/Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-RI-webfont.woff') format('woff'), url('fonts/Ubuntu-RI-webfont.ttf') format('truetype'), url('fonts/Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuBold';
    src:url('fonts/Ubuntu-B-webfont.eot');
    src:url('fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B-webfont.woff') format('woff'), url('fonts/Ubuntu-B-webfont.ttf') format('truetype'), url('fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuBoldItalic';
    src:url('fonts/Ubuntu-BI-webfont.eot');
    src:url('fonts/Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-BI-webfont.woff') format('woff'), url('fonts/Ubuntu-BI-webfont.ttf') format('truetype'), url('fonts/Ubuntu-BI-webfont.svg#UbuntuBoldItalic') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuLight';
    src:url('fonts/Ubuntu-L-webfont.eot');
    src:url('fonts/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L-webfont.woff') format('woff'), url('fonts/Ubuntu-L-webfont.ttf') format('truetype'), url('fonts/Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuLightItalic';
    src:url('fonts/Ubuntu-LI-webfont.eot');
    src:url('fonts/Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-LI-webfont.woff') format('woff'), url('fonts/Ubuntu-LI-webfont.ttf') format('truetype'), url('fonts/Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuMedium';
    src:url('fonts/Ubuntu-M-webfont.eot');
    src:url('fonts/Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-M-webfont.woff') format('woff'), url('fonts/Ubuntu-M-webfont.ttf') format('truetype'), url('fonts/Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuMediumItalic';
    src:url('fonts/Ubuntu-MI-webfont.eot');
    src:url('fonts/Ubuntu-MI-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-MI-webfont.woff') format('woff'), url('fonts/Ubuntu-MI-webfont.ttf') format('truetype'), url('fonts/Ubuntu-MI-webfont.svg#UbuntuMediumItalic') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'UbuntuCondensedRegular';
    src:url('fonts/Ubuntu-C-webfont.eot');
    src:url('fonts/Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C-webfont.woff') format('woff'), url('fonts/Ubuntu-C-webfont.ttf') format('truetype'), url('fonts/Ubuntu-C-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Coda-Regular';
    src:url('fonts/coda-regular.eot');
    src:url('fonts/coda-regular.eot?#iefix') format('embedded-opentype'), url('fonts/coda-regular.woff') format('woff'), url('fonts/coda-regular.ttf') format('truetype'), url('fonts/coda-regular.svg#coda-regular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* links */
a {
    color:#5e93ad;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:"Coda-Regular", "Coda", Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:100%;
    margin:0;
}

h1 {
    font-size:44px;
    color:#26333C;
}

h2 {
    font-size:33px;
    color:#26333C;
}

h3 {
    font-size:22px;
    color:#26333C;
}

h4 {
    font-size:18px;
    color:#26333C;
    font-family:"UbuntuRegular", "Ubuntu", Arial;
}

h5 {
    font-size:16px;
    color:#26333C;
    font-family:"UbuntuRegular", "Ubuntu", Arial;
}

h6 {
    font-size:14px;
    color:#26333C;
    font-family:"UbuntuRegular", "Ubuntu", Arial;
}

/* page setup */
body {
    background:#071017;
    color:#26333C;
    font-size:14px;
}

/* wrapper setup */
div.wrapper {
    margin:auto;
    width:940px;
}

/* header */
div#header {
    height:33px;
    background:#FFF;
    padding:37px 0;
}

/* logo */
div.logo {
    float:left;
    padding:0 0 0 74px;
}

/* main body setup */
div#middle {
    background:#071017;
    padding:20px 0 30px 0;
}

div.middle_b {
    width:940px;
    clear:both;
    background:url(../images/middle_b.png) 0 100% no-repeat;
    margin:0 auto;
    padding:0 0 30px 0;
}

div.middle_t {
    background:url(../images/middle_t.png) 0 0 no-repeat;
    padding:30px 0 0 0;
}

div.middle_bg {
    background:url(../images/middle_bg.png) 0 0 repeat-y;
    padding:0 34px 11px 34px;
}

/* right column */
div#right {
    width:265px;
    float:right;
}

/* content column */
div#main {
    width:auto;
    margin:0 289px 0 0;
}

/* footer */
div#footer {
    width:auto;
    clear:both;
    background:url(../images/footer_bg.jpg) 50% 100% no-repeat;
    padding:0 0 20px 0;
}

div#footer div.footer_bg {
    background:#000;
    padding:45px 0;
    overflow:hidden;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* topmenu */
div#topmenu {
    float:right;
    padding:1px 11px 0 0;
    width:650px;
}

div#topmenu ul {
    list-style:none;
    float:right;
}

div#topmenu ul li {
    float:left;
    display:block;
    text-transform:uppercase;
    font-size:17px;
    font-family:"Coda-Regular", "Coda", Arial;
    padding:0 33px;
    background:url(../images/topmenu_sep.png) 0 0 no-repeat;
    letter-spacing:-0.05em;
}

div#topmenu ul li.first {
    background:none;
}

div#topmenu ul li a {
    color:#161d22;
}

/* featured */
div.featured {
    background:#000 url(../images/featured_bg.jpg) 0 0 repeat-x;
}

div.featured div.featured_bg {
    background:url(../images/featured_cont_bg.jpg) 50% 0 no-repeat;
}

/* featured slogan */
div.featured_slogan {
    text-align:center;
    color:#FFF;
    padding:40px 10px;
}

div.featured_slogan h3.slogan {
    text-align:center;
    color:#FFF;
    text-transform:uppercase;
    text-shadow:#222 0 1px 0;
    letter-spacing:-0.02em;
}

/* featured slider */
div.featured_slider {
    padding:0;
    position:relative;
    width:933px;
    height:445px;
    overflow:hidden;
    margin:0 5px;
}

div.featured_slider ul {
    list-style:none;
    width:933px;
    height:445px;
}

div.featured_slider ul li {
    list-style:none;
    width:933px;
    height:445px;
    overflow:hidden;
}

div.featured_slider div.slider_img {
    height:355px;
}

div.featured_slider div.slider_caption {
    padding:25px;
    overflow:hidden;
    height:100%;
}

div.featured_slider div.slider_caption a.button {
    float:right;
    text-transform:uppercase;
    font-size:16px;
    font-family:"Coda-Regular", "Coda", Arial;
    text-shadow:#000 0 1px 0;
    color:#fff;
    background:url(../images/slider_button.png) 0 0 no-repeat;
    text-align:center;
    width:160px;
    height:33px;
    margin:1px 0 0 0;
    padding:9px 0 0 4px;
}

div.featured_slider div.slider_caption span.text {
    font-size:16px;
    font-family:"Coda-Regular", "Coda", Arial;
    color:#FFF;
    text-transform:uppercase;
    float:right;
    margin:10px 13px 0 0;
}

div.featured_slider div.slider_nav {
    width:130px;
    position:absolute;
    top:380px;
    left:25px;
    z-index:9999;
}

div.featured_slider div.slider_nav span {
    display:block;
    float:left;
    text-indent:-9999px;
    width:63px;
    height:42px;
    margin:0 1px 0 0;
    cursor:pointer;
}

div.featured_slider div.slider_nav span#sliderprev {
    background:url(../images/slider_nav_arrows.png) 0 0 no-repeat;
}

div.featured_slider div.slider_nav span#slidernext {
    background:url(../images/slider_nav_arrows.png) -64px 0 no-repeat;
}

/* search sidebox */
div.search_sidebox {
    padding:20px 0 30px 0;
    overflow:hidden;
    height:100%;
}

div.search_sidebox ul {
    margin:0;
    list-style:none;
}

div.search_sidebox ul li {
    float:left;
}

div.search_sidebox ul li.full {
    padding:0 0 0 4px;
}

div.search_sidebox ul li input.input_item {
    color:#cfdce0;
    border:0;
    font-size:16px;
    font-family:"Coda-Regular", "Coda", Arial;
    background:url(../images/search_sidebox_input.png) 0 0 no-repeat;
    width:142px;
    padding:10px 16px 12px 16px;
}

div.search_sidebox ul li input.submit {
    color:#FFF;
    border:0;
    font-size:16px;
    font-family:"Coda-Regular", "Coda", Arial;
    background:url(../images/search_sidebox_submit.png) 0 0 no-repeat;
    cursor:pointer;
    width:87px;
    height:43px;
    text-transform:uppercase;
    padding:0 0 2px 0;
}

/* sidebox */
div.sidebox {
    color:#FFF;
    padding:0 20px 0 1px;
}

div.sidebox h3.sidebox-title {
    color:#FFF;
    text-transform:uppercase;
    margin:0 0 11px 0;
    font-size:24px;
}

div.sidebox a.link {
    color:#7f92a0;
    font-size:16px;
    font-family:"Coda-Regular", "Coda", Arial;
}

div.sidebox a {
    text-decoration:underline;
}

div.sidebox a:hover {
    text-decoration:none;
}

div.sidebox p {
    margin:17px 0 21px 0;
    line-height:17px;
}

div.sidebox h1, div.sidebox h2, div.sidebox h3, div.sidebox h4, div.sidebox h5, div.sidebox h6 {
    color:#FFF;
    margin:0 0 18px 0;
    font-family:"Coda-Regular", "Coda", Arial;
}

div.sidebox h1 {
    font-size:24px;
}

div.sidebox h2 {
    font-size:22px;
}

div.sidebox h3 {
    font-size:20px;
}

div.sidebox h4 {
    font-size:18px;
}

div.sidebox h5 {
    font-size:16px;
}

div.sidebox h6 {
    font-size:14px;
}

div.sidebox a {
    color:#FFF;
}

/* post */
div.post {
    padding:30px;
}

div.post div.post_header {
    margin:0;
    float:left;
    width:100%;
    height:100%;
}

div.post div.post_header h1 {
    float:left;
    text-transform:uppercase;
}

div.post div.post_header div.comments_count {
    float:right;
    font-size:23px;
    color:#26333C;
    font-family:"Coda-Regular", "Coda", Arial;
    background:url(../images/comments_count_bg.png) 0 0 no-repeat;
    width:77px;
    height:37px;
    margin:0 -30px 0 0;
    padding:6px 18px;
    text-shadow:#e6edef 0 1px 0;
}

div.post div.post_header div.post_author {
    display:block;
    color:#6a8292;
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:18px;
    margin:15px 0;
    clear:both;
    overflow:hidden;
}

div.post div.post_header div.post_author a {
    color:#6a8292;
}

div.post div.post_meta {
    color:#6a8292;
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
    overflow:hidden;
    margin:0 30px 10px 0;
    height:100%;
}

div.post div.post_meta span.tag {
    float:left;
}

div.post div.post_meta span.tag a {
    color:#6a8292;
}

div.post div.post_meta span.date {
    float:right;
    padding:1px 5px 0 0;
}

div.post div.post_category {
    color:#6a8292;
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
    margin:0 0 28px 0;
}

div.post div.post_category a {
    color:#6a8292;
}

div.post div.post_footer {
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
    overflow:hidden;
    margin:0 0 16px 0;
    height:43px;
}

div.post div.post_footer a.readmore {
    float:left;
    color:#FFF;
    text-transform:uppercase;
    background:url(../images/post_readmore_btn.png) 0 0 no-repeat;
    width:144px;
    height:23px;
    text-align:center;
    padding:10px 0;
    text-shadow:#000 0 1px 0;
}

div.post div.post_footer a.comment_link {
    text-decoration:underline;
    color:#6a8292;
    margin:9px 0 0 26px;
    float:left;
}

div.post div.post_footer a:hover.comment_link {
    text-decoration:none;
}

div.post div.post_top {
    overflow:hidden;
    margin:0 30px 0 0;
    background:url(../images/post_top_bg.png) 0 100% repeat-x;
    height:100%;
}

div.post div.post_top a.top {
    color:#26333C;
    background:url(../images/post_top_button.png) 0 0 no-repeat;
    width:60px;
    height:22px;
    float:right;
    text-transform:uppercase;
    padding:5px 0 0 24px;
    font-size:13px;
    font-family:"Coda-Regular", "Coda", Arial;
    text-shadow:#e6edef 0 1px 0;
}

div.post div.post_entry {
    text-shadow:#FFF 0 1px 0;
    margin:0 30px 20px 0;
    clear:left;
    text-align:justify;
}

div.post div.post_entry h1, div.post div.post_entry h2, div.post div.post_entry h3, div.post div.post_entry h4, div.post div.post_entry h5, div.post div.post_entry h6 {
    color:#000;
    margin:0 0 18px 0;
    font-family:"Coda-Regular", "Coda", Arial;
}

div.post div.post_entry h1 {
    font-size:48px;
}

div.post div.post_entry h2 {
    font-size:36px;
}

div.post div.post_entry h3 {
    font-size:28px;
}

div.post div.post_entry h4 {
    font-size:22px;
}

div.post div.post_entry h5 {
    font-size:18px;
}

div.post div.post_entry h6 {
    font-size:15px;
}

/* post comments */
div.post_comments {
    margin:0 60px 0 30px;
    overflow:hidden;
    height:100%;
}

div.post_comments h3 {
    text-transform:uppercase;
    margin:0 0 18px 0;
}

div.post_comments ul {
    list-style:none;
}

div.post_comments ul li {
    list-style:none;
    overflow:hidden;
    margin:0 0 35px 0;
}

div.post_comments div.comment_body {
    float:left;
    width:390px;
}

div.post_comments div.comment_body p {
    line-height:16.8px;
    margin:0 0 14px 0;
}

div.post_comments div.comment_body span.date {
    padding:0 10px 0 0;
    color:#6a8292;
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
}

div.post_comments div.comment_body span.author {
    color:#6a8292;
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
}

div.post_comments div.comment_body span.author a {
    color:#6a8292;
}

div.post_comments div.comment_author_photo {
    float:right;
    margin:0;
}

/* post navigation */
div.post_navigation {
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
    text-transform:uppercase;
    line-height:42px;
    text-shadow:#000 0 1px 0;
    height:43px;
    margin:0 30px;
}

div.post_navigation a {
    float:left;
    text-align:center;
    color:#FFF;
    width:124px;
    background:url(../images/post_navigation_bg.png) 0 0 no-repeat;
    height:43px;
    margin:0 10px 0 0;
}

/* bottom */
div#bottom {
    background:#000 url(../images/featured_bg.jpg);
}

div#bottom div.bottom_bg {
    background:url(../images/bottom_bg.jpg) 50% 0 no-repeat;
    padding:25px 0;
}

div#bottom div.bottom_boxes {
    margin:0 0 35px 0;
    overflow:hidden;
    height:100%;
}

div#bottom div.bottom_box {
    float:left;
    background:url(../images/bottom_box_bg.png) 0 0 no-repeat;
    width:294px;
    height:344px;
    margin:0 9px;
}

div#bottom div.bottom_box h3.title {
    color:#FFF;
    text-transform:uppercase;
    padding:17px 22px;
    text-shadow:#000 0 2px 0;
}

div#bottom div.bottom_box div.screenshots_slider {
    width:294px;
    height:199px;
    overflow:hidden;
}

div#bottom div.bottom_box div.screenshots_slider ul {
    list-style:none;
    width:294px;
    height:199px;
}

div#bottom div.bottom_box div.screenshots_slider ul li {
    list-style:none;
    width:294px;
    height:199px;
    overflow:hidden;
}

div#bottom div.bottom_box div.screenshots_nav {
    float:right;
    margin:23px 20px;
}

div#bottom div.bottom_box div.screenshots_nav span {
    display:block;
    float:left;
    text-indent:-9999px;
    width:63px;
    height:43px;
    margin:0 1px 0 0;
    cursor:pointer;
}

div#bottom div.bottom_box div.screenshots_nav span#shotsprev {
    background:url(../images/screenshots_nav_arrows.png) 0 0 no-repeat;
}

div#bottom div.bottom_box div.screenshots_nav span#shotsnext {
    background:url(../images/screenshots_nav_arrows.png) -64px 0 no-repeat;
}

div#bottom div.bottom_box div.box_details {
    padding:10px 20px;
    line-height:16.5px;
    text-shadow:#FFF 0 1px 0;
}

div#bottom div.bottom_box div.box_details a.readmore {
    font-family:"Coda-Regular", "Coda", Arial;
    font-size:16px;
    text-transform:uppercase;
    color:#FFF;
    background:url(../images/box_readmore.png) 0 0 no-repeat;
    width:108px;
    height:30px;
    display:block;
    padding:13px 0 0 36px;
    text-shadow:#000 0 1px 0;
}

/* bottom note */
div.bottom_note {
    text-align:center;
    background:url(../images/bottom_note_bg.png) 50% 0 no-repeat;
    height:66px;
    font-size:22px;
    color:#43535d;
    font-family:"Coda-Regular", "Coda", Arial;
    padding:15px 0 15px 25px;
    line-height:32px;
    text-shadow:#000 0 1px 0;
}

div.bottom_note a {
    color:#778792;
}

/* footer logo */
div.footer_logo {
    float:left;
    width:174px;
    padding:8px 0 0 7px;
}

/* footer links */
div.footer_links {
    padding:0 0 0 43px;
    color:#FFF;
    font-family:"Coda-Regular", "Coda", Arial;
    float:left;
    width:300px;
    font-size:13px;
}

div.footer_links ul {
    margin:7px 0 0 0;
    list-style:none;
}

div.footer_links ul li {
    float:left;
    font-family:"Coda-Regular", "Coda", Arial;
    padding:0 17px 0 0;
    font-size:13px;
}

div.footer_links ul li a {
    color:#5e93ad;
    text-decoration:underline;
}

div.footer_links ul li a:hover {
    text-decoration:none;
}

/* footer social */
div.footer_social {
    color:#FFF;
    font-family:"Coda-Regular", "Coda", Arial;
    float:right;
    width:253px;
    padding:1px 0 0 0;
}

div.footer_social h3 {
    float:left;
    font-size:11.84px;
    color:#FFF;
    font-family:Arial;
    margin:14px 0 0 0;
}

div.footer_social h3 img {
    float:left;
    margin:-2px 10px 0 0;
}

div.footer_social ul {
    margin:0;
    list-style:none;
    float:right;
    width:148px;
}

div.footer_social ul li {
    float:left;
    padding:0 0 0 9px;
}

div.footer_social ul li a {
    display:block;
    float:left;
    width:37px;
    height:37px;
    text-indent:-9999px;
}

div.footer_social ul li a.facebook {
    background:url(../images/footer_social_icon.png) 0 0 no-repeat;
}

div.footer_social ul li a.twitter {
    background:url(../images/footer_social_icon.png) -46px 0 no-repeat;
}

div.footer_social ul li a.rss {
    background:url(../images/footer_social_icon.png) -92px 0 no-repeat;
}