/*
Theme Name: Sharpfolio
Theme URI: http://webrevolutionary.com/sharpfolio
Description: A WordPress theme designed to help build your online portfolio.
Version: 2.0
Author: Matt Lenz
Author URI: http://webrevolutionary.com/
Tags: sharpfolio, portfolio, dark, light
*/
body {
text-align: center;
background: black;
color: black;
font-family: Georgia, serif;
font-size: 16px;
line-height: 24px;
}
/*site container*/
div#wrapper {
text-align: left;
margin: auto;
width: 800px;
}
a {
color: #FFFFFF;
}
a:hover {
color: #ccc;
}
p {
margin: 0 0 24px;
}
h1, h2, h3, h4 {
font-weight: bold;
}
h3 {
color: white;
}
h1 {
font-size: 48px;
color: #fff;
line-height: 120px;
}
h1 a {
text-decoration: none;
color: #fff;
}
img.alignright {
float: right;
margin: 0 0 1em 1em
}
img.alignleft {
float: left;
margin: 0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float: right;
margin: 0 0 1em 1em
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
#header {
margin-top: 30px;
background: url("images/logo.jpg") no-repeat;
height: 60px; /*height of logo*/
}
ul#navigation {
display: block;
float: right;
width: 200px;
background: #333333;
line-height: 30px;
}
ul#navigation li {
overflow: hidden;
margin: 10px;
}
ul#navigation li a {
font-family: Georgia, Times, 'Times New Roman', serif;
text-decoration: none;
color: white;
font-size: 16px;
display: block;
border: solid 1px #ff6633;
padding-left: 10px;
}
ul#navigation li a:hover {
background: url("images/orange.jpg");
}
ul#navigation li.current_page_item a {
background: url("images/menu_selected.jpg") no-repeat;
background-position: right;
}
div#header h2 {
font-family: Georgia, Times, 'Times New Roman', serif;
font-weight: normal;
display: block;
width: 300px;
float: right;
text-align: right;
font-size: 16px;
}
span.f {
font-style: italic;
}
#content {
overflow: hidden;
width: 100%;
margin-top: 10px;
}
/*the orange box that contains all page content*/
#content #page_content {
float: left;
background: url("images/orange.jpg");
width: 530px; /*530 + 30px padding - gives a 40px gap from menu*/
padding: 15px;
}
div.thumbnail {
width: 500px;
float: left;
}
p.comment-link {
margin: 0;
}
p.comment-link a {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #808080;
text-decoration: none;
font-size: 16px;
line-height: 36px;
}
p.comment-link a:hover {
color: #999;
text-decoration: underline;
}
div#footer p {
margin-top: 20px;
color: #666;
text-align: left;
}
div#footer p a {
color: #444;
text-decoration: none;
}
div#footer p a:hover {
color: #555;
text-decoration: underline;
}
h3#comments, h3#respond {
color: #fff;
line-height: 64px;
}
div.author {
width: 250px;
float: left;
}
div.author cite {
font-size: 16px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
margin: 0 0 0 12px;
}
div.author img {
position: relative;
top: 10px;
}
div.comment {
width: 500px;
float: right;
padding: 18px 0 0 0;
}
ol.commentlist {
border-top: 1px solid #333;
margin: 0 0 48px;
}
ol.commentlist li {
border-bottom: 1px solid #333;
padding: 12px 0 0;
}
form input, form textarea {
margin: 0 12px 0;
}
div.alignleft, div.alignright {
display: block;
width: 40%;
float: left;
}
div.alignright {
float: right;
text-align: right;
}
div.alignleft a, div.alignright a {
font-family: Georgia, Times, 'Times New Roman', serif;
font-size: 18px;
text-decoration: none;
color: #777;
}
div.alignleft a:hover, div.alignright a:hover {
color: #999;
text-decoration: underline;
}
/*Page Specific styles*/

/*HOME*/

#flash_container {
width: 530px;
height: 460px;
}
/*ABOUT*/

#about_page {
}
/*CLIENTS*/



/*the orange box that contains all page content*/
#content #clients_page_content {
float: left;
background: url("images/orange.jpg");
width: 560px; /*530 + 30px padding - gives a 40px gap from menu*/
}
#content #clients_page_content #logos {
background: white;
width: 530px; /*530 + 30px padding - gives a 40px gap from menu*/
margin: 15px;
}
/*NEWS*/

/*used to give and orange bg around the white posts*/
#news_page_content_container {
float: left;
width: 560px;
background: url("images/orange.jpg");
}
#news_page_content {
background: white;
width: 530px; /*530 + 30px padding - gives a 40px gap from menu*/
margin: 15px;
}
#news_page_content h2 {
display: block;
background: url("images/dark_orange.jpg");
font-size: 22px;
width: 525px; /*530 + padding*/
padding-left: 5px;
padding-top: 5px;
padding-top: 5px;
color: white;
line-height: 32px;
}
.entry {
}
.entry .date {
color: white;
font-weight: bold;
background: #333333;
padding-left: 5px;
width: 525px; /*530 + padding*/
display: block;
}
.post {
padding: 5px;
}
.post img {
padding-right: 10px;
}
/*to align text and images vertically with each other*/
.post td {
vertical-align: middle;
margin-bottom: 10px;
}
#next_prev {
float: left;
width: 560px;
height: 50px;
line-height: 50px;
background: #333333;
}
#next_prev .next {
float: right;
width: 270px;
padding-right: 10px;
text-align: right;
}
#next_prev .prev {
float: left;
width: 270px;
padding-left: 10px;
text-align: left;
}
/*Added*/
table.clients td {
font-family: Verdana, Geneva, sans-serif;
color: #666;
border-bottom: dashed 1px #999;
padding-bottom: 20px;
padding-top: 20px;
}


/*DISPOSALS*/

/*orange*/
#page_content.orange h2 {
margin-bottom: 30px; color: #000; font-size: 18px;
}
#page_content.orange td{
padding-top: 6px !important;
padding-bottom: 6px !important;
}

#page_content.orange tr.title td {
border-bottom-color: #FFF;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
}
#page_content.orange tr.disposal td {
border-bottom-color: #000;
border-bottom-style: dashed;
border-bottom-width: 1px;
color: #000;
font-size: 12px;
padding-right: 10px;
font-weight: normal;
line-height: 14px;
vertical-align: middle;
}
#page_content.orange tr.disposal td.right {
text-align: right;
padding-right: 0;
}

/*white*/
#content #page_content.white {
background-color: #FFF !important;
background-image: none;
}
#content #page_content.white h2{
color: #000;
}
#page_content.white td {
padding:5px;
}
#page_content.white tr.title td {
border-bottom-color: #FD7101;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #FD7101;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
background-color: #333;
}
#page_content.white tr.disposal td {
border-bottom-color: #999;
border-bottom-style: dashed;
border-bottom-width: 1px;
color: #000;
font-size: 14px;
font-weight: bold;
line-height: 14px;
vertical-align: middle;
}
#page_content.white tr.disposal td.right {
text-align: right;
padding-right: 0;
}