/*
Theme Name: Portfolio
Theme URI: http://looksharpdesigns.com/
Description: Portfolio theme for websites that highlight wedsite design, graphic design, or anything else that is heavy on graphics, such as art galleries.
Author: Look Sharp Designs
Version: 1.0
Tags: black, brown, two-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* Basic Site Stylings & Reset */

p {margin: 0; }

body { 
font-size: 62.5%;
text-align: center;
background-color: #351e00;
background-image: url(art/gradient-bg.png);
background-repeat: repeat-x;
margin: 0;}

a {
color: #442c09;
cursor: pointer;}

a:visited {color: #6a4d00;}

a:hover {color: #a57f00;}

.clearfloat {
clear: both;
margin-right: 10px;}

.moreinfo {
float: right;
margin-right: 25px;
margin-bottom: 30px;}

.transparency {
position: relative;
top: -1px;
left: -11px;
z-index: 5;
width: 160px;
height: 400px;
padding-left: 5px;
padding-bottom: 10px;
background-image: url(art/ie_bg.png);
background-repeat: repeat;
overflow: hidden;}

.bright {color: #5a330d; }
 
.dim {color: #cca31a; }

.bold {font-weight: bold;}

.underline {text-decoration: underline;}

.italic {font-style: italic;}

code {
font-family: Courier, "Courier New", monospace; 
font-size: 1.0em;}

.alignright {
text-align: right;}

.aligncenter {
margin: auto 30% auto 20%;}

.widget-container {
margin-bottom: 20px;
margin-top: 20px;}

.single_testimonial {padding: 5px;}

hr {
height: 0;
border: 1px dashed #a57f00;
width: 75%;}
 
#wrapper {
margin: 20px auto 0 auto;
text-align: left;
width: 915px;}

/* Header/Masthead */

#masthead h1 a {
color: inherit; 
text-decoration: none;}

#masthead {
background-image: url(art/tophat.png);
background-repeat: no-repeat;
background-position: top left;
height: 225px}

#masthead form#searchform {float: right;}

input#search_box {
width: 150px;
background-color: #e2ce83;
border: 2px #fdde0f inset;
color: #351e00;
font-weight: bold;
padding: 3px 0;}

input#search_button {
background-color: #351e00;
color: #dfc876;
font-weight: bold;
border: 1px #fdde0f outset;
padding: 3px 20px;}

input#search_button:hover {color: #fdde0f;}

#masthead p#description {
float: right;
margin-right: 44px;
margin-top: 0;
margin-bottom: 10px;
visibility: visible;}

#masthead ul {
float: right;
margin-top: 0;
margin-bottom: 90px;}

#masthead ul li {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size: 1.05em;
font-weight: bold;
border-top: 1px #aa8713 solid;
border-bottom: 1px #6a4d00 solid;
border-left: 1px #aa8713 solid;
border-right: 1px #6a4d00 solid;}

#masthead ul li a {
display: block;
text-decoration: none;
color: #dfc876;
padding: .5em 1.5em;}

#masthead ul li a:hover {color: #fdde0f;}

#masthead ul li:active {
border-top: 1px #6a4d00 solid;
border-bottom: 1px #aa8713 solid;
border-left: 1px #6a4d00 solid;
border-right: 1px #aa8713 solid;}

#tooltip /* Tool Tip Layout */ {
position: absolute;
top: 70px;
left: 40%;
width: 550px;
text-align: left;
display: none;}

/* Typography */

#form input, #form textarea, #form select, #sidebar form input, #sidebar form textarea, #sidebar form select {
font-family: Helvetica, Arial, sans-serif;
color: #351e00;
font-weight: bold;
font-size: 1.1em;}

#form label, #sidebar form label {
font-weight: bold;
color: #351e00;
font-size: 1.1em;}

#form h3, #sidebar h3 {
font-size: 1.5em;
text-transform: uppercase;}

#form input[type=submit] {
color: #dfc876;
font-weight: bold;}

#sidebar form input[type=submit] {
color: #dfc876;
font-weight: bold;}

#commentform input#submit {
color: #dfc876;
font-weight: bold;}

#commentform input, #commentform textarea {
color: #dfc876;
font-weight: bold;
font-size: 1.0em;}

#masthead p#description {
color: #c59d18;
font-family: Times, "Times New Roman", serif;
font-size: 1.8em;
font-weight: bold;
letter-spacing: .2em;
font-variant: small-caps;}

#wrapper p {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
line-height: 1.5;}

#wrapper ul {
list-style-type: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;}

h1, h2, h3, h4, h5 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;}

h1 {
font-family: Times, "Times New Roman", serif;
color: #fdde0f;
font-size: 3.6em;
font-variant: small-caps;
letter-spacing: .4em;
margin-bottom: 5px;
margin-left: 44px;
clear: both;
}

h2 {
font-size: 2.4em;
text-transform: uppercase;
}

h3 {
font-size: 1.8em;
font-variant: small-caps;}

h4 {
font-size: 1.3em;
font-variant: small-caps;
margin-left: 30px;}

h5 {font-size: 1.0em;}

dl {
margin-left: 10px;
margin-right: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;}

dt {font-weight: bold;}

dd {
margin-left: 10px;
margin-top: 10px;}

#tooltip {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
letter-spacing: .2em;
color: #fdde0f;}

#article div.entry-content ol li {
font-size: 1.2em;
font-family: Helvetica, Arial, sans-serif;}

.nav-previous, .nav-next {
font-family: Helvetica,Arial, sans-serif;
font-size: 1em;}
 
.entry-utility, .entry-meta {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.1em;}

.widget-title {font-size: 1.4em;}

span.edit-link>a.post-edit-link {
font-size: 1em;
font-family: Helvetica, Arial, sans-serif;}

#sidebar h3 {
font-size: 1.3em;
text-transform: uppercase;}

/* Main Content */

#content {
background: #dfc876;
clear: both;
border: 1em #6a4d00 solid;
padding: 5px;}

#article {
float:left;
width: 68%;}

#terms {width: 90%;}

#musings {clear: both;}

#article p, #terms p  {
margin: 10px 10px 10px 30px;
padding: 5px 10px;}

#article div.entry-content h3, #article div.entry-content h4, #terms div.entry-content h3, #terms div.entry-content h4, #article h3.entry-title, #terms h3.entry-title {margin-left: 40px;}

#article h3.entry-title, #terms h3.entry-title {margin-bottom: 10px;}

#article div.entry-content h4, #terms div.entry-content h4 {margin-bottom: -12px;}

#musings h2, #company_info h2, #article h2, #terms h2 {margin-left: 10px;}

#musings h3, #company_info h3, #creative_nav h3, #article h3, #terms h3 {
margin: 10px 48px -10px;
font-size: 1.5em;
text-transform: uppercase;}

#musings p, #company_info p, #creative_nav h3  {margin: 10px 30px;}

#musings p, #company_info p {padding: 5px 20px;}

#company_info {clear: both;}

div.type-post {margin-bottom: 50px;}

/* Main Page Content Highlight Boxes */

#creative {
margin-bottom: 20px;
height: 350px;}

#creative h2 {
margin-left: 10px;}

#creative div {
position: relative;
width: 125px;
height: 400px;
float: left;
border: 1px #000000 solid;
margin: 0 5px 0 5px;
padding-left: 5px;
cursor: pointer;}

#creative div h3 {
font-size: 1.7em;
font-weight: bold;
color: #6a4d00;
margin-top: 0;}

#creative div.focused h3 {
top: 150px;
font-size: 2.3em;}

#creative div h3 {top: 170px;}

#creative div p, #creative div dl {margin-left: 35px;}

#creative p.expand {
margin: 0;
text-align: center;
color: #a57f00;
letter-spacing: .25em;}

#creative p.focused {visibility: hidden;}

#creative p.expand {
color: #a57f00;
text-decoration: none;}

#creative p.expand:hover {
color: #442c09;}

#creative div h4 {font-variant: normal;}

#creative div.focused h4 {
font-size: 1.5em;
margin-left: 35px;
margin-right: 10px;
margin-top: -12px;
text-align: left;}

#creative div h4 {
font-size: 1.2em;
margin-left: 35px;
margin-top: 7px;
margin-right: 10px;
text-align: left;}

#creative div a {color: #b05800;}

#creative div.focused {width: 300px;}

#creative div span {display: none;}

/* Main Page Category Links */

#creative_nav {
clear: both;
margin-top: 100px;
margin-bottom: 50px;}

#creative_nav h3 {
margin-top: 20px;
padding-top: 20px;}

#creative_nav ul {
margin-left: -15px;}

#creative_nav ul li {
display: inline;
margin: 0 0 0 25px;
width: 116px;
height: 20px;}

#creative_nav ul li a {
padding: 2px 33px 8px;
font-size: 1.2em;
font-weight: bold;
color: #442c09;
background-image: url(art/tophat_icon.png);
background-repeat: no-repeat;
background-position: left;}

#creative_nav ul li a:hover {color: #c59d18;}

/* Main Content Lists */

#article div.entry-content ul li, #terms div.entry-content ul li {
list-style-position: outside; 
list-style-type: square;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 0;
padding-left: 0;}

#article div.entry-content ol li {
list-style-type: decimal;
list-style-position: outside;
margin-left: 25px;
margin-bottom: 5px;
padding-bottom: 0;
padding-left: 0;}

#article div.entry-content dl, #terms div.entry-content dl {margin-left: 50px;}

#article div.entry-summary p {margin-left: 0;}

/* Footer & Footer Widgets */

#footer {
background-image: url(art/hgradient.png);
margin-bottom: 0;}

#widgets div {
float: left;
margin: 0px 10px 20px;
padding: 10px;
width: 188px;}

#widgets h4 {
margin-bottom: 0; 
color: #e8c244;}

#widgets a {color: #cca31a;}

#widgets a:visited {color: #dfc876;}

#widgets a:hover {color: #fdde0f;}

#widgets div ul div p {margin-left: 10px;}

#widgets div ul {
margin-left: -10px;
margin-right: 10px;
font-size: 1em;
line-height: 1.3;}

#widget_e {clear: both;}

#widget_e div.textwidget {
margin-bottom: 0;
margin-top: 5px;}

#widget_e div ul {padding: 0;}

#widget_e ul li {
display: inline;
font-size: 0.8em;}

#widget_e div.textwidget p {
font-size: 1em;
line-height: 1.3;
color: #e8c244;}

#widget_e h5 {
margin-bottom: 2px; 
color: #dfc876;}

#widget_e a {color: #e8c244;}

#widget_e a:hover {color: #fdde0f;}

#widget_e a:visited {color: #dfc876;}

#widget_e {text-align: center;}

/* Article Navigation */

.navigation {text-align: center; }

.nav-previous {margin-right: 30px;}

.nav-next {margin-left: 30px;}

#nav-above, #nav-below {margin-top: 20px;}

#nav-below {margin-bottom: 30px;}
 
.entry-utility, .entry-meta {margin-left: 40px;}

.entry-meta {margin-bottom: 10px;}

/* Comment Form */

h3#reply-title {
margin-left: 40px;
margin-top: 50px;
margin-bottom: 10px;}

#commentform fieldset {
margin-top: 20px;
margin-left: 35px; 
padding: 15px 15px 15px 5px;
background-color: #b89f46;
border: 2px solid #1a0e00;}

#commentform label, span.required {
font-weight: bold;
color: #351e00;
float: left;
margin-bottom: -5px;}

#commentform input, #commentform textarea {
background-color: #dfc876;
border: 2px #deb833 inset;
padding: 3px 0;
margin-top: -5px;}

#commentform textarea {width: 400px;}

input#author, input#email, input#url {width: 250px;}

#commentform input#submit {
background-color: #351e00;
border: 1px #fdde0f outset;
padding: 3px 20px;
margin-bottom: 20px;
margin-left: 15px;}

#commentform p.comment-form-comment {margin-left: 5px;}

.entry-summary {margin-left: 40px;}

.post-edit-link {margin-left: 40px;}

.entry-utility {margin-bottom: 100px;}

span.edit-link>a.post-edit-link {margin-left: 0;}

#commentform fieldset p.comment-form-author, #commentform fieldset p.comment-form-email, #commentform fieldset p.comment-form-url {
margin-left: 8px;
margin-bottom: 10px;}

/* Comments */

h3#comments-title {
margin-left: 40px;
margin-bottom: 20px;}

.commentlist {
list-style-position: outside;
list-style-type: none;}

li.comment {
border: 2px solid #1a0e00;
background-color: #b89f46;
padding: 10px 20px 10px;}

.comment-author {
font-size: 1.4em;
float: left;
display: inline;}

.commentmetadata {
display: inline;
float: right;}

div#comments ol li div div {clear: both;}

div#comments ol li div div p {margin-left: 0;}

/* Search No Results Search Form */

#searchform label {display: none;}

#article #searchform {margin-left: 40px;}

/* Forms */

.form-allowed-tags {
clear: both; 
padding-left: 5px;
margin-top: -15px;}

#form {width: 95%;}

#form_sqrsii, #form_64xyai {
margin-left: 40px;
margin-bottom: 20px;}

#form_sqrsii fieldset, #form_64xyai fieldset {
margin-top: 20px; 
padding: 15px;
background-color: #b89f46;
border: 1px solid #1a0e00;
border-radius: 20px;}

#form h3, #sidebar h3 {margin: 10px 0 0;}

#form h4 {margin: 0;}

#form h3+div, #form h4+div {margin-bottom: 40px;}

#form #form_sqrsii p, #form #form_64xyai p, #sidebar form p.description {
margin-left: 0;
margin-top: 0;
font-style: italic;
font-size: 1.1em;}

#form input, #form textarea, #form select, #sidebar form input, #sidebar form textarea, #sidebar form select {
background-color: #dfc876;
border: 2px #deb833 inset;
padding: 3px 0;}

#form textarea {width: 500px;}

#form input[type=text], #form select {width: 500px;}

#form input[type=submit] {
background-color: #351e00;
border: 1px #fdde0f outset;
padding: 3px 20px;
margin-bottom: 20px;}

#form #form_sqrsii p.submit, #form #form_64xyai p.submit {
margin-left: 15px;
margin-top: 10px;}

/* Sidebar */

#sidebar {
float: right;
width: 30%;
margin-top: 40px;}

#sidebar ul {margin-left: -10px;}

#sidebar ul li {font-size: 0.9em;}

/* Sidebar Forms */

#sidebar form fieldset {
margin-top: 0;
margin-bottom: 10px; 
padding: 5px;
background-color: #b89f46;
border: 2px solid #1a0e00;
border-radius: 10px;}

#sidebar form textarea {
width: 98%;
height: 150px;}

#sidebar form input[type=text], #sidebar form select, #sidebar form input[type=file] {width: 98%;}

#sidebar form input[type=submit] {
background-color: #351e00;
border: 1px #fdde0f outset;
padding: 2px 3px;
height: auto;}

#sidebar form input[type=file] {
background-color: transparent;
border: none;}

#sidebar h3 {
margin: 0 0 5px;
text-align: center;}

#sidebar form p.submit {text-align: center; }

/* Sidebar Menus */

li#archives-2 ul {
margin-bottom: 30px;}

div.menu-clients-2-container ul#menu-clients-2, li#archives-2 ul {
margin-left: 5px;
padding-left: 0px;}

li.menu-item-type-custom a, li#archives-2 ul li a {
text-decoration: none;
display: block;
background-color: #b89f46;
margin-bottom: 2px;
padding: 5px 5px;
border: 2px #6a4d00 solid;
font-weight: bold;
text-transform: uppercase;}

li.menu-item-type-custom a:hover, li#archives-2 ul li a:hover {
color: #fdde0f;
background-color: #351e00;
padding-left: 20px;
background-image: url('art/arrow.png');
background-position: left;
background-repeat: no-repeat;}

/* Third Party Widget Styling - Overrides Widget Styles */

.addthis_container {
margin-left: 40px;
margin-bottom: 20px;}

.sidebar_image, #social-web-links {
margin: 10px;
text-align: center;}

.socialize-in-content {margin-top: 15px;}

.skype-status-button {margin-left: 10px;}

/* Images */

.post-image-container {
width: 90%;
margin-left: 40px;
text-align: center;}

.post-image {
margin: 10px auto;
border: 1px solid #6a4d00;}

img.bio {
float:left;
border: 2px solid #000;
margin-right: 10px;
margin-top: 35px;}

img.post-image-thumb {
float: right;
border: 2px #6a4d00 solid;
margin: 0;}

/* Call to Action Button */
#button {
text-align: center;
background-color: #dfc876;}

#action_button {
padding: 10px;
background-color: #ff0;
border: 2px solid #351e00;
width: 175px;
text-align: center;
text-shadow: 2px 2px 2px rgba(0,0,0,.8);}
    
.button_wrapper {
border: 2px solid #351e00;
width: 199px;
margin: auto;}
     
#action_button a {
display: block;
text-decoration:none;
font-weight: bold;
font-size: 1.8em;
text-transform: uppercase;
color: #000;
padding: auto auto;}
    
#action_button a:hover {color: #c00;}

/* Third Party Widget Styling - Overrides Widget Styles */

.addthis_container {
margin-left: 40px;
margin-bottom: 20px;}

.sidebar_image, #social-web-links {
margin: 10px;
text-align: center;}

.socialize-in-content {margin-top: 15px;}

.skype-status-button {margin-left: 10px;}

#crp_related h3, #article h3.zemanta-related-title {margin-top: 30px;}

#crp_related ul {margin-bottom: 25px;}

.social-icon-horizontal a img {border: 0;}