/*
theme Name: Locus International
Theme URI: http://wordpress.org/
Description: Theme for http://locus-international.com
Version: 1.0
Author: Jon Phillips 

*/

@font-face {
    font-family: "Fontin Sans Small Caps";
    src: local("Fontin Sans Small Caps"), 
    url("media/fontin-sans-49/Fontin_Sans_SC_45b.otf");
}

html {
     min-width: 900px;
     background: #fafafa; 

}


a,
a:visited {
    color: #1b6e44;
    text-decoration: none;
}


a:hover,
a.active {
    /* color: #E60060; */
    border-bottom: 1px dashed #1b6e44;
}



acronym, abbr {
    border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
    font-size: 90%;
    /*letter-spacing: .07em; */
}

acronym, abbr {
    cursor: help;
}

.author {
    padding: 2px 0 6px 0;
    margin: 0;
}


blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt; 
    line-height: 13pt;
    padding: 0;   
    min-height: 100%;
    margin: 0;

    /* border-top: 5px solid #1b6e44; */
    border-bottom: 5px solid #1b6e44;
    padding: 0;
    background-color: #fafafa;
}


img {
     border: thin solid #aaabab;
     margin: 2px; 
}

img.alignleft {float:left; margin:0 1em 1em 0}
a img.alignleft {float:left; margin:0 1em 1em 0}


cite {
    font-size: 85%;
    font-style: normal;
}

h2 {
    margin: 0 0 20px 0;
    padding-bottom: 3px;
    color: #666666;
    background: white;
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
    border-bottom: 1px dashed #ddd;
}

h2#related,
h2#media,
h2#news {
    margin-top: 30px;
}

h3 {
    margin-top:     0;
    font-size:      150%;
    color:          black; 
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
    border-bottom: 1px dashed #ddd;
}

#content h2 a,
#content h3 a {
    text-decoration: none;
    color: #431b6e;
}

#content h2 a:hover,
#content h3 a:hover {
    color: #E60060;
    border-bottom: none;
}


ol#comments li p {
    font-size: 12px;
}

p, li, .feedback {
    
}

/* classes used by the_meta() */
ul.post-meta {
    list-style: none;
}

ul.post-meta span.post-meta-key {
    font-weight: normal;
}

.credit {
    /* background: #90a090; */
    border-top: double 3px #aba;
    color: black;
    font-size: 11px;
    margin: 20px 0 0 0;
    padding: 10px;
    text-align: center;
}

.credit a:link, .credit a:hover {
    color: #fff;
}

.feedback {
    color: #ccc;
    text-align: right;
    clear: both;
}

iframe {
    border-bottom: 2px solid gray;

}
.linklove {
	display: none;
}

.meta {
    font-size: 11px;
    clear: both;
}

.quickposts .meta #date,
.quickposts #date {
    display: block;
    padding-top: 0;
    padding-bottom: 4px;
    margin: 0;
}

.quickposts .meta #author,
.quickposts #author {
    text-transform: uppercase;
    font-size: 80%;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
}

.meta li, ul.post-meta li {
    display: inline;
}

.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.meta, .meta a {
    color: #808080;
    font-weight: normal;
    /* letter-spacing: 0; */
}

table.names {
    width: 500px;
    border: 1px dashed #ddd;
}

table.names td {
    width: 240px;
    vertical-align: top;
    padding: 10px;
}
.post {
    margin-bottom: 6%;
}
.post:first-child {
    padding-bottom: 0;
}

.projects {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;

	/* font-size: 110%;
	line-height: 12pt; */ 
    display: block;
    clear: both;
}

.projects li {
	padding-bottom: 1%;
	margin-bottom: 14px;
	display: block;

}
.projects .icons {
	float: left;
	margin-right: 8px;
	margin-bottom: 14px;
}

.projects img.icon {
	width: 150px;
	height: 150px;
}

.projects img.banner {
    width: 500px;
    height: 150px;
}

.projects .icons a {
    border-bottom: none;
}

.projects .title {
	text-decoration: none; 
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
	font-size: 140%;
    color: #431b6e;
    font-weight: bold;
}

.quickposts .title {
    font-size: 150%;
}



#rap #explore a:hover {
    background-color: none;

}
#projects table a, 
.content a:hover,
.projects .icons a:hover {
    background-color: none;
}


.projects .text {
	height: 160px;
}

.projects .textclear {
	height: 140px;
    clear: both;
}

.spacer {
    margin-top: 0px;
}

.storytitle {
    margin: 30px 0 0 0;
    line-height: 140%;    
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;

}

.storytitle a {
     color: #431b6e;
     text-decoration: none; 
     line-height: 140%;    
}

.storytitle a:hover {
    color: #E60060
}

.supertitle {
    color: #555;
    font-size: 120%;
    border-bottom: 1px dashed #aaa;
    margin-bottom: 3%;
    margin-top: 30px;
}

.summary {
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
    font-size: 110%;

}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
    background: #fff;
    border: 1px solid #333;
    padding: .2em;
}

#commentform textarea {
    width: 100%;
}

#commentlist li ul {
    border-left: 1px solid #ddd;
    font-size: 11px;
    list-style-type: none;
}

#content {
    float: left;
    margin-left: 30px;
    border-to p: 1px dashed #ddd;
    padding: 13px 20px 20px 20px;
    background-color: white;
    width: 510px;    

}

#content p:first-child {
    padding-top: 0;
    margin-top: 6px;
}

.content,
#content .content p,
.content p {
    padding-top: 0;
    margin-top: 0;
}

.content .quickposts:first-child {
    padding-top: 0;
}
.quickposts {
    padding-top: 3%;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 120%;
}


#footer {
    font-size: 70%;
    clear: both;
    padding: 8px 35px 8px 0;   
    text-align: center;
}

#header {
    color: white; 
    font-weight: normal;
    height: 30px;
    width: 100%; 
    text-transform: uppercase;
    padding: 10px 0 10px 3px;
    margin: 0 0 0 0;
    background-color: #1b6e44;
    border-bottom: 1px solid black;
}

#header #locus {
    border: none;
    vertical-align: middle;
    margin-right: 10px;
}

#header #mainmenu {

    width: 550px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
    font-size: 120%;
}

#header #mainmenu li a {
    color: white;
    text-decoration: none;
}

#header #mainmenu li a:hover,
#header #mainmenu a:hover {
    text-decoration: none;
    border-bottom: 1px dashed white;
}
#header #mainmenu li a#locus-link:hover,
#header #mainmenu a#locus-link:hover {
    text-decoration: none;
    border-bottom: none;
}

#logo {
    width: 150px;
    height: 150px; 
    display: block;
    background-image: url('media/locus-publishing-100x100.png');
    background-repeat: no-repeat;    
    background-position: 0 0;
}

#logo a {
    height: 150px;
    width: 150px;

}


#menu #mainmenu {
    font-size: 150%;
    line-height: 140%;
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
    text-transform: uppercase;
}

#mainmenu a,
#menu #mainmenu a {

    color: #431b6e;
}


#mainmenu li.current_page_item,
#menu #mainmenu li.current_page_item {
    font-weight: bold;
    border-bottom: 1px dashed white;
}   

ul#mainmenu > li.page_item > ul > li.page_item,
ul#mainmenu > li.page_item > ul > li.page_item {
    display: none;
    
}

ul#mainmenu > li.current_page_parent > ul > li.page_item,
ul#mainmenu > li.current_page_item > ul > li.page_item,
#menu ul#mainmenu > li.current_page_parent > ul > li.page_item,
#menu ul#mainmenu > li.current_page_item > ul > li.page_item {
    display: list-item;
    
}

#menu a ,
#explore a {
    text-decoration: none;
}

#menu {
    float: left;
    width: 158px;
    font-size: 90%;
    padding: 0 0 0 20px;
    margin-top: 44px;
    min-height: 325px;
    font-family: "Fontin Sans Small Caps", sans-serif;
    font-variant: small-caps;
    font-size: 110%;
}

#explore {
    float:left;
    width: 120px;
    font-size: 90%;
    padding: 0 0 0 0;
    margin-top: 44px;
    min-height: 325px;
    text-align: center;
    color: gray ;
}


#menu input#s,
#explore input#s {
    width: 70%;
    background: #eee;
    border: 1px solid #aaabab;
    color: #000;
}


#menu input#submit:hover,
#explore input#submit:hover,
#menu input#s:hover,
#explore input#s:hover {
    background-color: #E60060
}

#menu input#submit,
#explore input#submit {
    margin-top: 2px;
    border: 1px solid #aaabab;
}

#menu .widget:first-child {

    margin-bottom: 30px;
    padding: 0;
}
#explore .widget:first-child {

    margin-bottom: 10px;
    padding: 0;
}

#header .widget,
#menu .widget,
#explore .widget {
    padding: 6% 0 6% 0;
}

#header .widget_archive select,
#menu .widget_archive select,
#explore .widget_archive select {
    width: 70%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
}

#header ul li h2,
#menu ul li h2,
#explore ul li h2 {
    padding-bottom: 3px;
    color: black;
    border-bottom: none;
    margin: 0;
    text-transform: lowercase;
    background-color: #fafafa;
    font-weight: normal;
}
#menu ul li h2,
#explore ul li h2 {
    font-size: 110%;
}
#menu ul li h2 img,
#explore ul li h2 img,
#menu ul li img,
#explore ul li img{
    vertical-align: middle;
}

#menu ul li h2 a,
#explore ul li h2 a {
    background-color: #fafafa;
}

#header ul,
#menu ul,
#explore ul {
    color: black;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding-left: 0px;
    text-transform: lowercase;
}

#header ul ul li,
#menu ul ul li,
#explore ul ul li {
    border: 0;
    letter-spacing: 0;
    margin-top: 2px;
    padding: 0 1px 0 0; 
}


#header ul ul li li a,
#menu ul ul li li a,
#explore ul ul li li a {
    /* background-color: #6A644C; */
    margin-left: 10px; 
}

#header li {
    display: inline;
    padding: 0 6px 0 6px;
}

#header li.page-item-29 {
    display: none;
}


#header li a:hover,
#menu li a:hover,
#explore li a:hover {
    /*border-bottom: 1px solid #809080;*/
        /* background-color: red; */
        border-bottom: 1px dashed #aaabab;
}

.more {
    text-align: right;
}

#nav {

    padding: 4% 0 8% 0;
    text-align: center;

    font-size: 150%;
    font-weight: bold;
	clear: both;
}

#pages .widgettitle {
    display: none;
}

#rap {
    background-color: none;
    padding: 0 10px 10px 10px; 
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}



#summary {
    margin-top: 2%;
}

#summary table {
    border: 1px dashed #ddd;
    width: 100%;
    border-collapse: collapse;
}

#summary td {
    border: 1px dashed #ddd;
    padding: 2%;
    overflow: clip;
}

#summary td.head {
    width: 24%;
    font-weight: bold;
    vertical-align: top;
}

.storycontent {
	padding-top: 1%;
}

table {
    border-collapse: collapse;
}

td {
    padding: 0;
    margin: 0;
}

#projects {
    padding: 0;
    margin: 0;
}

#projects td {
    padding: 2px 2px 2px 0;
}

#wp-calendar {
    border: 1px solid #ddd;
    empty-cells: show;
    font-size: 10px;
    margin: 0;
    width: 90%;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
    text-decoration: none;
}

#wp-calendar a:hover {
    background: #e0e6e0;
    color: #333;
}

#wp-calendar caption {
    color: #999;
    font-size: 10px;
    text-align: left;
}

#wp-calendar td {
    color: #ccc;
    font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}

#wp-calendar td.pad:hover {
    background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color: #bbb;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}

#white {
    background-color: white;
}



/* CUSTOM FOR PROJECTS */



#imagecolumn 
{
	margin: 8px 0 0 0;  
	padding: 10px 0 5px 0;
	width: 350px;  
        float: left;
}

#textcolumn
{
	margin: 20px 0 0 16px;
	padding: 0 0 0 8px;
        float: left;
	width: 215px; 
        border-left: thin solid #aaabab; 
}

#title
{
	color: black; 
	font-size: 13px;
	text-decoration: none;
	padding: 0; 
	margin: 0; 
	
}