/*
Theme Name: Aptribute
Theme URI: http://www.aptribute.com
Description: The default WordPress theme for <a href="http://www.aptribute.com" target="_blank">Aptribute</a>.
Version: 3.0
Author: Jonathan Chue
Author URI: http://www.aptribute.com
Tags: aptribute

	Aptribute 3.0
	http://www.aptribute.com

	This theme was designed and built by Jonathan Chue,
	whose website you will find at http://www.aptribute.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/** Fonts **/

@font-face {
  font-family: "Georgia";
  src: url(http://www.aptribute.com/fonts/Georgia.ttf) format("truetype");
}


/** Universal Page Elements **/

html, body { font-family: Georgia, "Times New Roman", serif; font-size: 14px; color: #252E39; background-color: #FFFFFF; background-image: url(images/bg.png); background-position: top; background-repeat: repeat-x; height: 100%; }

a:link, a:active, a:visited { color: #68767E; text-decoration: none; }
a:hover { color: #252E39; text-decoration: none; }

h1 { color: #252E39; font-family: Georgia, "Times New Roman", serif; font-size: 50px; font-style: italic; font-weight: normal; margin: 20px 100px 20px 0px; text-align: right; filter: alpha(opacity=15); opacity: 0.15; }
h2 { font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal; color: #252E39; line-height: normal; margin: 0px 0px 0px 0px; text-transform: none; }
h2 a:link, h2 a:active, h2 a:visited { font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal; color: #252E39; text-decoration: none; }
.post h2 { text-align: center; }
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #68767E; margin: 20px 0px 0px 0px; padding: 0px; text-transform: uppercase; }
h3 a:link, h3 a:active, h3 a:visited { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #4D5764; padding: 0px; text-transform: uppercase; }
h3.pagetitle { padding-left: 200px; }
h4 { font-size: 14px; font-weight: bold; line-height: 22px; text-transform: uppercase; }

ul { list-style-type: none; }
ul li { margin-left: 10px; }
ul, ol { font-family: Georgia, "Times New Roman", serif; font-size: 15px; color: #252E39; line-height: normal; margin: 0px 0px 10px 30px; }
ul.quotes li { margin-bottom: 20px; }

p { font-family: Georgia, "Times New Roman", serif; font-size: 14px; color: #252E39; line-height: 22px; margin: 0px 0px 17px 0px; }
em { font-style: italic; }
strong { font-weight: bold; }

/** Index Layout **/

.main { border-spacing: 0px; margin-left: auto; margin-right: auto; padding: 0px; width: 900px; }

.header { height: 100px; }
.header_table { border-spacing: 0px; height: 100px; }
.logo { height: 100px; padding-right: 10px; text-align: right; width: 200px; }
.header_div { background-color: #252E39; width: 50px; }
.navigation { font-family: Georgia, "Times New Roman", serif; font-size: 18px; height: 100px; padding-left: 10px; text-align: left; text-transform: uppercase; vertical-align: top; width: 100%; }
.navigation a:link, .navigation a:active, .navigation a:visited { color: #252E39; display: inline-block; height: 86px; padding: 15px 5px 0px 5px; text-decoration: none; }
.navigation a:hover { background-color: #252E39; color: #ffffff; text-decoration: none; }

.body { background-image: url(images/body_bg.png); background-position: top left; background-repeat: no-repeat; vertical-align: top;  }

.featured { border-spacing: 0px; width: 100%; }
.splash { padding: 0px; text-align: right; vertical-align: top; width: 500px; }
.feeds { color: #4D5764; padding: 0px; text-align: left; vertical-align: top; width: 313px; }
#twitter_div { background-color: #e5e9eb; margin-top: 30px; padding: 20px 20px 15px 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.feeds ul, .feeds li { margin-left: 0px!important; }
#twitter { Position: relative; top: 155px; right: 110px; }

.foot_tag { position: relative; bottom: 0px; }
.footer { color: #68767e; background-color: #252e39; border-spacing: 0px; font-size: 15px; line-height: 25px; list-style: none; padding-top: 50px; text-align: center; text-shadow: 0px -1px #1e2023; width: 100%; }
.footer h2 { color: #68767e; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 30px; text-transform: uppercase; }
.footer a:link, .footer a:active, .footer a:visited { color: #68767e; font-family: Georgia, "Times New Roman", serif; font-size: 14px; padding: 0px; text-decoration: none; }
.footer a:hover { color: #ffffff; }
.footer ul { line-height: 20px; margin: 0px; }
.footer ul li { margin-left: 0px; }
.footer ul li ul { margin-left: 20px; }
.footer1 { display: inline-block; margin-top: 40px; text-align: left; vertical-align: top; width: 270px; }
.footer2 { display: inline-block;  margin-top: 40px; text-align: left; vertical-align: top; width: 150px; }
.footer3 { display: inline-block; margin-top: 35px; padding-top: 20px; text-align: left; vertical-align: top; width: 430px; }
#text-5 { font-size: 13px; margin-top: 10px; }
.footer4 { padding: 20px; text-align: center; vertical-align: middle; }
.textwidget { color: #68767e; }
a:link img#up, a:active img#up, a:visited img#up { margin: 15px 35px 0px 0px; }
a:hover img#up { margin: 12px 35px 3px 0px; }

body.page-id-8 #content, body.page-id-8 #content, body.page-id-381 #content, body.page-id-381 #content { display: inline; float: left; width: 580px; }
.page-sidebar { background-color: #e5e9eb; display: inline; float: right; margin-top: 100px; padding: 20px; width: 250px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.page-sidebar h2 { margin-bottom: 5px; }
.page-sidebar ul li { margin: 0px; }
.page-sidebar ul, .page-sidebar ol { font-family: Georgia, "Times New Roman", serif; font-size: 15px; color: #252E39; line-height: 20px; margin: 0px 0px 10px 0px; }

fieldset { background-color: #e5e9eb; border: 0px; margin-bottom: 10px; padding: 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
legend { display: none; }
input, select, textarea { background-color: #f7f7f7; border: 1px solid #cacaca; color: #252E39; font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { background-color: #ffffff; }

a:link img, a:active img, a:visited img { background-color: #f7f7f7; border: 1px solid #cacaca!important; margin: 3px 13px 3px 13px; padding: 5px; }
a:hover img { background-color: #ffffff; }

.page blockquote { background-color: #e5e9eb; border: 0px; margin: 10px 10px 10px 50px; padding: 20px; width: 50%; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.gallerylinks { background-color: #e5e9eb; color: #68767E; border: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding: 20px; text-align: center; width: 80%; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.footer a:link img, .footer a:active img, .footer a:visited img { background-color: transparent; border: 0px!important; margin: 5px 5px 5px 5px; padding: 0px; }
.footer a:hover img { margin: 2px 5px 8px 5px; }

body.author table.profile { width: 100%; }
body.author td.info { vertical-align: top; width: 60%; }
body.author td.avatar { text-align: right; vertical-align: top; width: 40%; }

img.me { background-color: #f7f7f7; border: 1px solid #cacaca; float: right; margin: 20px 20px 10px 20px; padding: 5px; width: 200px; }

/** Navigation **/

body.page-id-8 .navigation a.nav_about:link, body.page-id-8 .navigation a.nav_about:active, body.page-id-8 .navigation a.nav_about:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.page-id-9 .navigation a.nav_portfolio:link, body.page-id-9 .navigation a.nav_portfolio:active, body.page-id-9 .navigation a.nav_portfolio:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.blog .navigation a.nav_blog:link, body.blog .navigation a.nav_blog:active, body.blog .navigation a.nav_blog:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.single .navigation a.nav_blog:link, body.single .navigation a.nav_blog:active, body.single .navigation a.nav_blog:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.archive .navigation a.nav_blog:link, body.archive .navigation a.nav_blog:active, body.archive .navigation a.nav_blog:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.page-id-381 .navigation a.nav_music:link, body.page-id-381 .navigation a.nav_music:active, body.page-id-381 .navigation a.nav_music:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.page-id-25 .navigation a.nav_gallery:link, body.page-id-25 .navigation a.nav_gallery:active, body.page-id-25 .navigation a.nav_gallery:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }
body.page-id-384 .navigation a.nav_contact:link, body.page-id-384 .navigation a.nav_contact:active, body.page-id-384 .navigation a.nav_contact:visited { background-color: #252E39; color: #ffffff; text-decoration: none; }


/** Portfolio **/

.portfolio_item { background-color: #e5e9eb; display: inline-block; margin: 20px 10px 20px 10px; padding: 30px; width: 800px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.portfolio_splash img { background-color: #f7f7f7; border: 1px solid #cacaca; float: right; margin-left: 20px; padding: 5px; width: 400px; }
.portfolio_meta h4 { margin-bottom: 10px; }
.view_but a:link, .view_but a:active, .view_but a:visited { background-color: #f7f7f7; border: 1px solid #cacaca; color: #252E39; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-right: 20px; padding: 5px 10px 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.view_but a:hover { background-color: #ffffff; }


/** Gallery **/

body.gallery a:link img, body.gallery a:active img, body.gallery a:visited img { border: 1px solid #68767E!important; margin: 10px; padding: 2px; }
body.gallery a:hover img { border: 1px solid #252E39!important; margin: 10px; padding: 2px; }


/** Blog **/

.entry { vertical-align: top; }
.blog div.entry { background-color: #e5e9eb; margin: 20px 0px 10px 0px; padding: 30px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.postmetadata { padding: 10px 20px 10px 10px; text-align: right; vertical-align: top; width: 200px; }
.single div.entry { background-color: #e5e9eb; margin: 20px 0px 10px 0px; padding: 30px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.postmetadata { padding: 10px 20px 10px 10px; text-align: right; vertical-align: top; width: 200px; }
.archive div.entry { background-color: #e5e9eb; margin: 20px 0px 10px 0px; padding: 30px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.postmetadata { padding: 10px 20px 10px 10px; text-align: right; vertical-align: top; width: 200px; }

span.date { font-family: Georgia, "Times New Roman", serif; font-size: 100px; line-height: 100px; vertical-align: top; }
.date_suffix { font-family: Georgia, "Times New Roman", serif; font-size: 20px; line-height: 50px; padding-bottom: 100px; vertical-align: top; }
.month { font-size: 15px; font-style: italic; line-height: normal; }

span.author { display: none; font-size: 13px; font-style: italic; text-transform: uppercase; }
span.category { font-size: 13px; font-style: italic; text-transform: uppercase; }
span.category a:link, span.category a:active, span.category a:visited { font-size: 13px; font-style: italic; text-transform: uppercase; }
span.category a:hover { font-size: 13px; font-style: italic; text-transform: uppercase; }
.tags { color: #4D5764; font-size: 12px; line-height: normal; }
.tags a:link, .tags a:active, .tags a:visited { color: #252E39; text-decoration: none; }
.tags a:hover { color: #68767E; text-decoration: none; }

.post { padding: 10px; vertical-align: top; width: 600px; }
.post ul { list-style-type: square; }
.post-edit-link { float: right; }
.postmetadata .post-edit-link { float: none; }

body.blog .entry img, body.single .entry img, body.archive .entry img { background-color: #f7f7f7; border: 1px solid #cacaca; margin: 3px 13px 3px 13px; padding: 5px; }

.blog-content { display: inline; float: left; width: 730px; }
.blog-sidebar { display: inline; float: right; margin: 50px 0px 0px 20px; width: 150px; }
.blog-sidebar h2 { margin-bottom: 5px; }
.blog-sidebar ul li { margin-left: 0px; }
.blog-sidebar ul, .blog-sidebar ol { font-family: Georgia, "Times New Roman", serif; font-size: 15px; color: #252E39; line-height: 20px; margin: 0px 0px 10px 0px; }

.comments { color: #68767E; font-size: 15px; line-height: 20px; text-align: right; }
.comments a:link, .postmetadata_comments a:active, .postmetadata_comments a:visited { color: #68767E; text-decoration: none; }
.comments a:hover { color: #252E39; text-decoration: none; }

li.comment { background-color: #f7f7f7; color: #252E39; font-size: 12px; list-style-type: none; margin: 20px 30px 20px 0px; padding: 20px 20px 5px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.comment img { border: 0px!important; margin: 5px!important; padding: 0px; }
#respond { margin-top: 30px; }
.comment-meta { color: #252E39; font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; }
.comment-meta .avatar { float: left; margin-right: 10px; }
.comment-author { font-style: normal; }
.comment-edit-link { float: right; }

.archive-list { margin-left: 300px; }
body.page-template-archives-php #searchform { float: right; }

.page_nav { display: inline-block; font-family: Georgia, "Times New Roman", serif; font-size: 18px; text-align: center; text-transform: uppercase; vertical-align: bottom; width: 100%; }
.page_nav a:link, .page_nav a:active, .page_nav a:visited { color: #252E39; }
.page_nav a:hover { color: #68767E; }

a:link.more-link, a:active.more-link, a:visited.more-link { background-color: #f7f7f7; border: 1px solid #cacaca; color: #252E39; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 20px 0px -20px 350px; padding: 5px 10px 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 70px; }
a:hover.more-link { background-color: #ffffff; }

.share { margin: -30px 0px -10px 0px; }
.share a:link img, .share a:active img, .share a:visited img { background-color: transparent; border: 0px!important; margin: 5px 2px 0px 2px; padding: 0px; }
.share a:hover img { margin: 2px 2px 3px 2px; padding: 0px; }

.alignleft { float: left; text-align: left; }