/*  
Theme Name: Minimal-723
Theme URI: http://723media.com/wordpress-themes/minimal-723
Description: SEO focused minimalist theme for WordPress.
Author: 723Media
Author URI: http://723media.com/
Version: 1.0
Tags: Minimal, SEO
*/

/* -- GLOBAL
-------------------------------------------------------------------------------------*/
html, body { height:100%; }
body { padding:10px 10px 5px; margin:0; background:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:92.5%;} 
a { color:#df7e01; text-decoration:underline; }
a img { border:none; }
h1,h2,h3,h4,h5,h6 { font-family:'ColaborateLightRegular', Arial, sans-serif; }
/* -- LAYOUT
-------------------------------------------------------------------------------------*/
#accessibility { display:none; }
#navigation { height: 105px; text-align:right; border:solid #f0f0f0; border-width:0 1px 1px 1px; background:#fff; margin:-2px auto 0 auto; overflow:hidden; width:95%; position:relative; z-index:100; }
#outer { width:100%; margin:0 auto; background:url(images/bg-outer.png) repeat top left #f9f9f9; min-height:90%; border: 1px solid #f0f0f0; position:relative; }
#inner { width:95%; margin:2px auto 10px; overflow:hidden; border:1px solid #f0f0f0; padding:0; background:#fff; min-height:95%; }
#secondary {width:20%; float:left; text-align:center; font-size:92.5%; min-height:100%; background:#f7f7f7; border:solid #f0f0f0; border-width:0 1px 1px 0; }
#primary { width:75%; float:left; background:#fff; padding:10px;}
#primary.page { width:95%; }


/* -- PRESENTATION
-------------------------------------------------------------------------------------*/

/* -- Navigation -- */
#navigation ul { list-style-type:none; margin:0; padding:0; float:right; margin-top:30px; }
#navigation ul li { list-style-type:none; float:left; margin:0 10px 0 0;}
#navigation ul li a { margin:0 10px 0 10px; line-height:50px;} 
#navigation #brand { float:left; margin:5px 0 0 10px; background:url(images/723Media.png) no-repeat center center;}
#navigation #brand a.logo{ width:100px; height:100px; display:block; border:none; text-indent:-999999px; margin:0 auto;}

/* -- Branding -- */
#brand-404 .logo{ width:172px; height:172px; display:block; border:none; background:url(images/img-404.png) no-repeat center center; text-indent:-9999999px; margin:0 auto;}


/* -- Categories -- */
#category-list { margin:40px 20px; border-top:1px solid #f0f0f0; font-size:.875em;}
#category-list ul { list-style-type:none; padding:0; margin:0; text-align:left; width:100%; }
#category-list ul li { margin: 5px 0 5px 10px; }
#category-list ul li a { color:#333; text-decoration:none; font-size:1.35em; }
#category-list ul li a:hover { text-decoration:underline; }
#category-list ul.children { margin-left:10px; font-size:.85em;}


/* -- Post -- */
.post, .post-404 {overflow:hidden; margin:0 auto; border-bottom:1px solid #f0f0f0; padding:10px;}
.entry-meta { width:15%; float:left; border-right:1px solid #f0f0f0; padding:10px; text-align:left; }
.post-404 { text-align:center; padding:10px 10px; margin:0 auto;}
.post .entry-content { width:75%; padding:10px; float:right; text-align:left; text-align:center; }
.post .entry-content p, .post .entry-content ol, .post .entry-content ul { text-align:left; margin:30px 0;}
.post .entry-content.page { float:none; width:90%; padding:0 10px; border-bottom:none;}
.post .entry-content h2 { text-align:center; margin:30px 0;}
.post .entry-content h2 a { color:#333; font-size:1.75em; text-decoration:none; text-align:center;}
.post .entry-content h2 a:hover { text-decoration:underline;}
.post .entry-content .action, .entry-content .more-link { float:right; }
.post-404 .entry-content { width:600px; margin:10px auto; padding:0; float:none;}
.empty-entry-content {width:600px;}
.post .entry-content .tutorial h2 { text-align:left; border-bottom:1px solid #f0f0f0; }
.post .entry-content .tutorial img { background:#fff; padding:10px; border:1px solid #f0f0f0; margin:0 auto; }
.post .entry-content h3 { text-align:left; border-bottom:1px solid #f0f0f0; }
.post .entry-content .question { text-align:left; }
#primary.page .post { border:none; }

/* -- Page -- */
.page-link { text-align:center; border-top:1px solid #f0f0f0; overflow:hidden; padding:15px 0;}
.page-link a { background:#df7e01; color:#fff; margin:0 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; padding:2px 5px;}
.page-link a:hover { background:#f0f0f0; color:#fff; margin:0 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; padding:2px 5px;}

.page {overflow:hidden; margin:0 auto;  padding:10px; text-align:left;}
.post .entry-content.page h2{font-size:1.15em; border-bottom:1px solid #f0f0f0; text-align:left;}
.post .entry-content.page h3 { text-align:left; border-bottom:1px solid #f0f0f0;}
.page .entry-content { width:90%; margin:20px auto;}

.post-nav { border-top:1px solid #f0f0f0; margin:20px; padding:20px; text-align:center;}

.category-links { overflow:hidden; border-bottom:1px solid #f0f0f0; padding:5px 0;}
.category-links a { background:#df7e01; padding:5px; color:#fff; text-decoration:none; margin:4px; display:block; float:left; font-size:.85em; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}

.tag-links { overflow:hidden; border-bottom:1px solid #f0f0f0; padding:5px 0;}
.tag-links a { background:#333; padding:5px; color:#fff; text-decoration:none; margin:4px; display:block; float:left; font-size:.85em;-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}

.blog-nav { text-align:center; border-bottom:1px solid #f0f0f0; padding:10px 0; margin:10px auto; width:auto; overflow:hidden;}
.blog-nav div { height:50px; display:inline; margin:0 20px; }
.blog-nav .single-id { background:url(images/bg-single-id.png) no-repeat center center; width:75px; height:75px; font-family:'Santana'; font-size:1.75em; color:#fff; padding-top:45px; display:inline-block; }
.blog-nav div a { line-height:55px; }

.comment-links { overflow:hidden; }

#comments { padding-top:5px; text-align:center;}
#comments h3 { text-align:left; padding:10px; }
.comments-count { text-align:right; color:#f0f0f0;}
#comments ul { list-style-type:none; padding:0; margin:0; overflow:hidden;} 
#comments ul li { text-align:left; border-bottom:1px solid #f0f0f0; overflow:hidden; padding:15px;}
.comment-author { width:50%; float:left; overflow:hidden;}
.comment-author img { float:left; margin:0 5px; }
.comment-author .fn { display:block;height:50px;line-height:50px;}
.comment-author-admin { background: #f7f7f7; border:1px dashed #f0f0f0; margin:10px 0;}

.comment-meta { width:48%; float:right; font-size:.85em; color:#c4c4c4; text-align:right; height:50px; line-height:50px;} 
.comment-content { display:block; clear:both; padding:15px 0; }

.comment-reply-link { float:right; }

#comments ul.children li{padding-left:55px;}
#comments #login { float:right; }
#form-section-comment { clear:both; }
#commentform label, #form-section-comment label { display:block; text-align:left; padding:10px 0 5px 5px; }
#commentform input, #form-section-comment textarea { border:1px solid #f0f0f0; width:100%; }
#commentform .form-submit { border-top:1px solid #f0f0f0; padding:15px 0; text-align:right; }
#commentform .form-submit input { width:auto; padding:5px 10px; }

#respond{ width:625px; padding:20px 40px; margin:10px auto; }

#form-allowed-tags { background:#f7f7f7; padding:15px; border:1px solid #f0f0f0; margin:10px 0;}
#form-allowed-tags code { display:block; margin:10px 0;}

blockquote { display: block; padding: 0 60px; width: 350px; }
blockquote:before, blockquote:after { color: #c4c4c4; display: block; font-size: 700%; width: 50px; }
blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; }
blockquote:after { content: close-quote; height: 50px; margin-top: -70px; margin-left: 360px; }

.search-404 { background:#f7f7f7; border:1px solid #f0f0f0; padding:20px; text-align:center;}

#clean_contact { width:90%; margin:20px auto; text-align:center; }
#clean_contact .CleanContact { background:#f7f7f7; padding:15px; width:90% !important; margin:10px auto;}
#clean_contact .CleanContact label em {color:#df7e01;}
#clean_contact .CleanContact input, #clean_contact .CleanContact textarea { border:1px solid #dedede; }
#clean_contact_send { width:auto; float:right;} 

.question{ color:#df7e01; margin:20px 0 0; }
.answer { border-bottom:1px solid #f0f0f0; } 

.post-number { border-bottom: 1px solid #f0f0f0; text-align:center;}
.post-number .single-id { background:url(images/bg-single-id.png) no-repeat center center; width:75px; height:75px; font-family:'Santana'; font-size:1.75em; color:#fff; padding-top:5px; line-height:70px; display:inline-block; }

.thumbnails { width:95%; overflow:hidden; padding:10px; }
.thumbnails .thumb { width:125px; height:125px; background:#fff; border:1px solid #e5e5e5; text-align:center; overflow:hidden; float:left; margin:5px;}
.thumbnails .thumb p { overflow:hidden; width:115px; height:115px; margin:5px; }
.thumbnails .thumb img { margin:auto; }
.thumbnails h2 { border-bottom:1px solid #f7f7f7; }
.thumbnails .thumb p a.portfolio-hire { display:block; background:url(images/bg-hire.png) no-repeat center center; width:115px; height:115px; margin:0 5px 5px 0; }

h2.direction { font-size:2.15em; border-bottom:1px solid #f7f7f7; margin-bottom:10px;}
.project_screenshot { text-align:center; margin:20px auto; padding:20px 0;}


#home { text-align:center; }
#home h2 { border:none; color:#999; margin:0; text-align:center; }
#home h1 { border: none; font-size:4.25em; margin:0; }
#home h1 strong { color:#df7e01; }
#home h1 em { color:#df7e01; font-style:normal;}
#home p { text-align:center; border-top:1px solid #f0f0f0; padding:20px 0;} 
#home p a { font-size:1em; margin:10px 20px; background:#df7e01; padding:5px 10px; color:#fff; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}

#footer { height:75px; text-align:right; padding:10px 20px; clear:both; }
#footer a { height:26px; line-height:26px; padding:3px 0; margin-right:15px;}
#footer a.facebook { background:url(images/723media-facebook.png) no-repeat left center; border:none; padding-left:28px; }
#footer a.twitter { background:url(images/723media-Twitter.png) no-repeat left center; border:none; padding-left:28px; }
#footer a.linkedin { background:url(images/723media-LinkedIn.png) no-repeat left center; border:none; padding-left:28px; }


.code {text-align:left; }

/* -- FONTS
-------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'ColaborateRegular';
    src: url('fonts/colabreg-webfont.eot?') format('eot'),
         url('fonts/colabreg-webfont.woff') format('woff'),
         url('fonts/colabreg-webfont.ttf') format('truetype'),
         url('fonts/colabreg-webfont.svg#webfontMYWxzuB2') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('fonts/colabthi-webfont.eot?') format('eot'),
         url('fonts/colabthi-webfont.woff') format('woff'),
         url('fonts/colabthi-webfont.ttf') format('truetype'),
         url('fonts/colabthi-webfont.svg#webfontqVpcM9JK') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('fonts/colabmed-webfont.eot?') format('eot'),
         url('fonts/colabmed-webfont.woff') format('woff'),
         url('fonts/colabmed-webfont.ttf') format('truetype'),
         url('fonts/colabmed-webfont.svg#webfont4OPXJCVx') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('fonts/colablig-webfont.eot?') format('eot'),
         url('fonts/colablig-webfont.woff') format('woff'),
         url('fonts/colablig-webfont.ttf') format('truetype'),
         url('fonts/colablig-webfont.svg#webfontqh5i83Xx') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('fonts/colabbol-webfont.eot?') format('eot'),
         url('fonts/colabbol-webfont.woff') format('woff'),
         url('fonts/colabbol-webfont.ttf') format('truetype'),
         url('fonts/colabbol-webfont.svg#webfontx1Qi54T1') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Santana';
    src: url('fonts/santana-webfont.eot?') format('eot'),
         url('fonts/santana-webfont.woff') format('woff'),
         url('fonts/santana-webfont.ttf') format('truetype'),
         url('fonts/santana-webfont.svg#webfont6XRDEOs5') format('svg');
    font-weight: normal;
    font-style: normal;

}