/* 
Theme Name: Spartanista
Theme URI: http://www.jackfig.com
Description: Spartanista
Version: 1.0
Author: Ron
Author URI: http://www.jackfig.com
*/

/* @group Global */
html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr { margin: 0; padding: 0; border: 0; border-spacing: 0; } 
a, a:hover { text-decoration: none; }
a img { border: none; }
#block { padding: .31em .63em; width: 280px; }
p { margin: 0  0 .31em 0; }
blockquote p { margin: 1em 2em; clear: both; }
hr { clear: both; margin: .94em .94em .31em .94em; border: 0; height: .06em; text-align: left; background: #ccc; color: #ccc; }
span.clear { display: block; clear: both; width:100%; }
span.center { display: block; text-align: center; width: 100%; }
.caption { display: block; text-align: center; width: 90%; }
.left { text-align: left !important; }
img.alignright { border: 1px solid #e6e6e6; float: right; margin: .5em 0 .25em .75em; padding: .25em; }
img.alignleft { border: 1px solid #e6e6e6; float: left; margin: .5em .75em .25em 0; padding: .25em; }
.post { width: 100%; }
.post-edit-link { display: block; clear: both; }
abbr { text-decoration: none; border: none; }
body {  }
/* @end */

/* @group Font Colors */
body, #admin, ul#elements h4, h4,  #supplement a, ul.elements li strong, .caption { color: #4F4F4F; }
h2 { color: #000; }
h1, .postmetadata, .search .searchbutton, #commentform .searchbutton, ul.foundation li strong, a.named-link, a.named-link:hover, .summary h2 { color: #260C34; }
a, h1 a { color: #785521; }
a:hover { color: #260c34; }
h5, .search, blockquote p, .intro h2, .timestamp, .cmtinfo  { color: #777; }
h3 { color: #333; }
ul.port h4, ul.port-emp h4  { color: #339933; }
/* @end */

/* @group Font Dimensions*/
body { font-family: helvetica, sans-serif; font-size: 90%; }
p, li { font-size: 1.1em; line-height: 1.25em; }
a, .first  { font-weight: 400; }
h2, h3, h4, h5, #logo { font-weight: 400; }
.first, .caption strong  { font-weight: 400; }
h1 { font-size: 1.9em; padding: .5em 0 0; letter-spacing: -.016em; font-weight: 400; }
h2 { padding: 1em 0 0 0; font-size: 1.6em; }
h2.ews { padding-top: 1.5em; }
.intro h2, h3 { font-size: 1.5em; }
/* @group.first { font-size: 1.3em; line-height: 1.2em; letter-spacing: .025em;}*/
#footer h2, #welcome p, ul.elements li strong  { font-size: 1.2em; }
ul.port li .caption { line-height: 1.2em; }
ul#navigation li a, small, .commentlist ol li, .postmetadata, #footer a { font-size: 1.1em; }
#admin, #block, #supplement, .caption { font-size: 1em; }
.caption  { line-height: 1em; } 
h3 { padding: .63em 0 .013em; }
h4, h5 { padding: 1.1em 0 .63em 0; }
.timestamp { font-size: .85em; padding-top: .25em; }
.cmtinfo { font-size: .925em; }
/* @end */

/* @group Dependent Alignment */
#container { margin: 0 auto; text-align: left; vertical-align: top; background: url(images/fig.png) no-repeat 90% bottom;}
#header, #container, #id, #admin, #page, #impact, #footer { width: 700px; }
#header { height: 140px; border-bottom: 2px solid #ddd; padding-bottom: .75em; }
#impact { margin: 0 0 2em;  }
#supplement { width: 145px; }
/* @end */

/* @group Nav Global */
ul#navigation { list-style-type: none; float: right; text-align: right; margin-top: 1.2em; }
ul#navigation li { padding-bottom: .3em; }
ul#navigation li a:hover { text-decoration: none; }
ul#navigation li.current_page_item a { }
ul#navigation li.current_page_item a:hover { }
/* @end */

/* @group  ID */
#logo { float: left; margin-top: 1.2em; }
/* @end */

/* @group Impact */
#impact { float: left; margin-top: .5em; min-height: 600px; }
* html #impact { height: 600px; }
img#prev {margin: .31em 0; border: 1px solid #7a7f57; }
.post { padding: 0 0 1.25em; }
.entry { padding: 0 0 .63em; }
.entry p { padding: .63em 0 0; }
.entry p a, .entry li a  { text-decoration: underline; } 
.entry p a:hover, .entry li a:hover  { text-decoration: underline; } 
.postmetadata { padding: .5em 0 .63em 0; }
/* @end */

/* @group Intros */
.intro { margin: -.5em 0 1em; width: 100%; }
.intro h2 { margin-bottom: 0; }
.intro h2 a { text-decoration: underline; }
.summary { float: left; padding-right: 10px; margin: 0 15px 20px 0; width: 30%;}
.summary#last { margin-right: 0; padding-right: 0; border: none; }
/* @end */

/* @group Lists */
ul {margin-left: 2em; }
ul.basic { margin: 0 .31em 0 .94em; }
ul.basic li { list-style-position: outside; margin: .19em 0; list-style-type: none; }
ol.basic { margin: 1em .75em 0 .94em; }
ol.basic li { margin: .25em 1.25em .25em 1.25em; }
ul.foundation { margin: 1.25em 0; list-style-type: none; }
ul.foundation li { padding: .63em 0; }
ul.foundation li strong { font-weight: 400; }
ul.port, ul.port-emp  { margin: 1.25em auto; list-style-type: none; }
ul.port li{ margin-bottom: 1.25em; }
ul.port-emp li { margin-bottom: 1em; }
ul.port li p, ul.port-emp li p {padding: 0 0 .63em 0; }	
ul.port li a, ul.port-emp li a { display: block; width: 710px; height: 180px; background-image: url(images/thumbs/port-image-bg.png); }	
ul.port li a img, ul.port-emp li a img { margin: 27px 0 0 27px; border: 8px solid #ddd; }
ul.port li a:hover img, ul.port-emp li a:hover img { }
ul.port li .caption, ul.port-emp li .caption { text-align: center; width: 98%; display: block; padding: 0 0 0 0.25em; }
ul.port li .caption a, ul.port-emp li .caption a { text-decoration: underline; }
ul.port li .caption a:hover, ul.port-emp li .caption a:hover { text-decoration: none; }
ul.port h4 { padding: 0; margin: 0; font-size: 1.3em; }
ul.port-emp h4 { padding: 0 0 .5em; margin: 0; font-size: 1.3em; }
/* @end */

/* @group Browse Nav */
.browse { margin: 10px auto 0; padding: 0; clear: both; width: 100%; }
.browse div {color: #000; width: 325px; }
.browse div.left { float: left; margin-right: 20px; text-align: left; }
.browse div.right { float: right; text-align: right; }
/* @end */

/* @group Footer */
#footer { clear: both; width: 100%; text-align: left; position: relative; padding-bottom: 1em;} 
#footer div#left { float: left; width: 31%; margin: 0 1.25em 0 0; }	
#footer div#middle { float: left; width: 31%; margin: 0 .94em 0 0; }
#footer div#right { float: left; width: 31%; }
#footer p { list-style-type: none; }
#footer h2 { border-bottom: 2px solid #ddd; padding: 0 0 .13em; text-transform: uppercase; }
#footer ul { list-style: none; margin: 0 0 1.75em 0;}
#footer ul li { display: inline; }
#footer ul li a { display: block; padding: .31em 0; border-bottom: 1px solid #e6e6e6; }
div#admin { clear: both; padding: 1.5em 0 .94em 0; height: 40px; text-align: center;  }
div#admin ul { list-style-type: none;  width: 100%; }
div#admin ul li { display: inline; padding-right: .75em; }
div#admin p, div#admin ul { margin: 0  0 .5em 0; }
/* @end */

/* @group Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* @end */


/* @group Search Form */
.search { padding: .63em 0 .63em;  margin-top: .06em; }
.search textarea, .search .textbox { background: #fff; border: 1px solid #e6e6e6; font-family: helvetica, sans-serif; font-size: 1.1em; color: #777; padding: .25em .19em 0 .19em; margin-right: 2px; width: 142px;  height: 1.25em; }
.search .textbox:focus, .search textarea:focus  { background: #fff; border: 1px solid #ccc; }
.search .searchbutton  { font-family: helvetica, sans-serif; font-size: 1em; border: none; background-color: transparent; margin: 0; padding: .25em 0 0; cursor: pointer; color: #785521; }
/* @end */

/* @group Password Protected Page Form */
.entry form { padding: .63em 0 .63em;  margin-top: .06em; }
.entry input { background: #fff; border: 1px solid #e6e6e6; font-family: helvetica, sans-serif; font-size: .9em;  padding: .19em; width: 150px;  margin-bottom: .5em; height: 2.5em; color: #000;}
/* @end */

/* @group Comment Form */
#commentform { font-family:  helvetica, sans-serif; }
#commentform p { font-size: 1.1em; }
#commentform textarea { background: #fff; border: 1px solid #e6e6e6; font-family: helvetica, sans-serif; font-size: 1em; color: #777; height: 240px; padding: .25em; width: 90%; margin-top: .13em; font-size: 1.1em; }
#commentform .textbox {background: #fff; border: 1px solid #e6e6e6;  font-family: helvetica, sans-serif;  font-size: 1em; color: #777; padding: .031em; width: 160px; height: 1.5em; margin: .13em 0 0 0; font-size: 1em; }
#commentform .textbox:focus, #commentform textarea:focus { background: #fff; border: 1px solid #ccc; font-family: helvetica, sans-serif; font-size: 1em; color: #777; }
#commentform .searchbutton  { font-family: helvetica, sans-serif; font-size: 1.1em; border: none; background-color: transparent; margin: 0; padding: 0; cursor: pointer; color: #000; width: 70px; height: 20px; }
/* @end */

/* @group EWS lists */
ul.elements { padding: .5em 0; margin-left: 0;}
ul.elements li { list-style-position: outside; list-style-type:none; padding: .25em 0 .5em 0; clear: both; }
ul.elements li p { padding: .5em 0 0 0; }
ul.elements li strong { padding: .75em 0 .25em 0; text-align: center; display: block; line-height: 100%; font-weight: normal; text-transform: uppercase; }
ul.elements li em.notes { background:url(images/notes.png) no-repeat 0% 30%; padding-left: 1.2em; }
ul.elements .first { display: inline; text-align: left; }
/* @end */

/* @group Comments */
.commentlist {  }
.commentlist ol, .commentlist ol li { list-style-type: none; }
.commentlist ol { margin: 0 0 1.5em 0; }
.commentlist ol li { margin-bottom: .75em; padding: .63em 0; border-bottom: 1px dotted #ccc; }
.commentlist li.alt { background-color: #fff; }
/* @end */



