/*   

Theme Name: Thematic-Box

Theme URI: 

Description: Custom Thematic child theme 

Author: Derrick Markotter

Author URI: http://derrickmarkotter.com/

Template: thematic

Version: 1.0

Tags: Thematic

.

Thematic is © Ian Stewart http://themeshaper.com/

.

*/



/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');



/* Apply basic typography styles */

@import url('../thematic/library/styles/typography.css');



/* Apply a basic layout */

@import url('2c-r-fixed.css');



/* Apply basic image styles */

@import url('../thematic/library/styles/images.css');



/* Prepare theme for plugins */

@import url('../thematic/library/styles/plugins.css');



/* =Global Elements

-------------------------------------------------------------- */

body {
   background: #000030 url('images/diaglines.png') fixed;
}

body, input, textarea {
    font-size: 62.5%;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    line-height: 1.8em;
}

input { 
    font-size: 1.4em;
}


#wrapper {
    background-color: #fff;
}

p, ul, ol, dd, pre {
    font-size: 1.2em;
    margin-bottom:22px;
}

pre, code {
	font: 1.2em/1.8em Monaco, monospace;

}

blockquote {

    color:#666;

    font-style:italic;

}

table {

    border: none; 

    border-width:1px 1px 0 1px;

    font-size: 1em;

    line-height: 1.6em;

    margin:0 0 22px 0;

    text-align:left;

}

caption {

    text-align:left;

}

tr {
}

th, td {

    padding: .7em 1.25em;

}

hr {

    background-color:#ccc;

    border:0;

    color:#ccc;

    height:1px;

    margin-bottom:22px;

}

a:link {

    color:#004B91;

}

a:visited {

    color:#743399;

}

a:active,

a:hover {

    color: #0000a0;

}





/* =Header

-------------------------------------------------------------- */



#header {

    z-index:2;

}

#branding {

    padding: 0 0 10px 0;

}

#blog-title {

    font: 2em/2.4em bold Trebuchet MS, Tahoma, Verdana, Arial;

}

#blog-title a {

    color:#000;

    text-decoration:none;

}

#blog-title a:active,

#blog-title a:hover {

    color: #0000a0;

}



#blog-description {
    color:#666;
    font-size:1.2em;
    font-style:italic;
    line-height: 1.8em;
    
}





/* =Menu

-------------------------------------------------------------- */



.skip-link {

    display:none;

}

#access {

    border-bottom:1px solid #ccc;

    height:31px;

    font-size:1em;

    overflow:visible;

    z-index:100;

}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** THEMATIC SKIN ***/

.sf-menu {

    border-right:1px solid #ccc;

	float:left;

}

.sf-menu a {

	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

	padding:9px 13px;

	text-decoration:none;

}

.sf-menu .current_page_item a,

.sf-menu .current_page_ancestor a,

.sf-menu .current_page_parent a {

    border-bottom-color:#fff;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#666;

}

.sf-menu li {

	background:		#fff;

}

.sf-menu li li {

	background:		#fff;

}

.sf-menu li li li {

	background:		#9AAEDB;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

    background:     #fafafa;

	outline:		0;

    border-bottom-color:#ccc;

}

.sf-menu ul {

    border-right:1px solid #ccc;

    border-bottom:1px solid #ccc;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	top:32px; /* overriding essential styles */

}

.sf-menu ul ul {

    margin-top:0;

}

.sf-menu ul a {

    background:#fafafa;

	border-bottom:none;

}

.sf-menu ul a:hover {

    color: #0000a0;

}





/* =Content

-------------------------------------------------------------- */



#main {
    clear:both;
    padding:22px 0 22px 0;
}

.page-title {
    font-size:1.2empx;
    line-height:1.4em;
    padding:0 0 44px 0;

}

.attachment .page-title {

    font-style:italic;

}

.page-title a {

    color:#666;

    text-decoration:none;

}

.page-title a:active,

.page-title a:hover {

    color: #0000a0;

}

.page-title span {

    font-style:italic;

}

.page-title .meta-nav {

    font-style:normal;

}

.hentry {

    padding:0 0 20px 10px;

}

.single .hentry {

    padding:0;

}

.home #content .sticky {

    border:1px solid #ccc;

    margin:0 0 66px 0;

    padding:22px 20px 0 20px;

}

.entry-title {

    font-family:Trebuchet MS, Tahoma, Verdana, Arial;

    font-size: 1.4em;

    font-weight:bold;

    line-height:1.6em;

    padding:0 0 7px 0;

}

.entry-title a {

    color:#000;

    text-decoration:none;

}

.entry-title a:active,

.entry-title a:hover {

    color: #0000a0;

}

.entry-meta {

    color:#666;

    font-size:1em;

    font-style:italic;

    line-height:1.4em;

}

.entry-meta .author {

}

.entry-meta .n {

    font-size:1em;

    font-style:normal;

    letter-spacing:0.05em;

    text-transform:uppercase;

}

.entry-meta a {

    color:#666;

    text-decoration:none;

}

.entry-meta a:active,

.entry-meta a:hover {

    color: #0000a0;

}

.entry-meta abbr {

    border:none;

    cursor:text;

    font-size:1em;

    font-style:normal;

    letter-spacing:0.05em;

    text-transform:uppercase;

}

.entry-content {
    padding:22px 0 0 0;
}

.entry-content p {
    font-size: 1.4em;
    line-height: 2em;
}

.entry-content h1,

.entry-content h2 {
    font-size:1.6em;
    font-weight:bold;
    padding:28px 0 14px 0;
}

.entry-content h3 {
    font-size:1.4em;
    font-style:italic;
    font-weight: bold;
    padding:20px 0 14px 0;

}

.entry-content h4 {

    font-size:1.1em;

    font-family:Arial,sans-serif;

    font-weight:bold;

    text-transform:uppercase;

    letter-spacing:0.05em;

}

.entry-content table {

    margin-left:1px;

    font-family: Trebuchet MS, Tahoma, Verdana, Arial;

    line-height: 1.5em;

}

.entry-content embed {

    margin:0 0 22px 0;

}

.entry-utility {

    color:#666;

    font-size:1.2em;

    line-height:1.8em;

    margin:0 0 44px 0;

}

.entry-utility a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.entry-utility a:active,

.entry-utility a:hover {

    color: #0000a0;

}

.page-link {

    font-size:1em;

    font-weight:bold;

    line-height:1.6em;

    margin:0 0 22px 0;

    padding:22px 0 0 0;

    word-spacing:0.5em;

}

.page-link a {

    border:1px solid #ccc;

    color:#666;

    font-weight:normal;

    padding:0.5em 0.75em;

    text-decoration:none;

}

.page-link a:active,

.page-link a:hover {

    color: #0000a0;

}

ul#links-page,

ul#archives-page {

    list-style:none;

    margin-left:0;

    overflow:hidden;

}

li.content-column {

    float:left;

    margin-right:20px;

    width:45%;

}

.gallery {

    padding:0 0 22px 0;

}

.wp-caption-text,

.gallery-caption {

    color:#666;

    font-size:1em;

    line-height:1.2em;

}

#author-info {

    margin:0 0 44px 0;

    overflow:hidden;

}

#author-info .avatar {

    float:left;

    margin:.3em 1em 0 0;

}





/* =Attachments

-------------------------------------------------------------- */



.attachment-jpeg #container,

.attachment-png #container {

    width:100%;

}

.attachment-jpeg #content,

.attachment-png #content {

    width:480px;

}

.attachment-jpeg #comments,

.attachment-png #comments {

    width:480px;

    overflow:hidden;

}

.attachment-jpeg .main-aside,

.attachment-png .main-aside {

    display:none;    

}





/* =Navigation

-------------------------------------------------------------- */



.navigation {

    color:#666;

    font-size:1em;

    line-height:1.2em;

    margin:0px 0 22px 0;

    overflow:hidden;

}

.navigation a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.navigation a:active,

.navigation a:hover {

    color: #0000a0;

}

.navigation .meta-nav {

    font-style:normal;

}

.nav-previous {

	float: left;

	width:50%;

}

.nav-next {

	float: right;

	width:50%;

	text-align:right;

}

#nav-above,#nav-below {

	width: 100%;

}

#nav-above {

    display:none;

}

.paged #nav-above {

    display:block;

    padding:0 0 44px 0;

}





/* =Comments

-------------------------------------------------------------- */



#comments {

    padding:22px 0 0 0;

}

#comments,

#comments input,

#comments textarea {

    font-size:1em;

    line-height:1.2em;

}

#comments code {

    font-size:1em;

    line-height:1.2em;

}

#comments h3 {

    font-family:Arial,sans-serif;

    font-size:1.2em;

    font-weight:bold;

    line-height:1.4em;

    padding:0 0 18px 0;

}

#comments-list {

    padding:0 0 18px 0;

}

#comments-list ol,

#comments-list ul {

    list-style:none;

    margin:0;

}

#comments-list ol {

    border:1px solid #ccc;

    border-bottom:none;

    margin:0 0 18px 0;

}

#comments-list li {

    background:#fafafa;

    border-bottom:1px solid #ccc;

    padding:18px 1.5em 0 1.5em;

    position:relative;

}

#comments-list li.alt {

    background:#fff;

}

#comments-list li.bypostauthor {

    background:#FFFFCC;

}

#comments-list ul li {

    border:1px solid #ccc;

    margin:0 0 18px 0;

}

#comments-list li .avatar {

    position:absolute;

    top:22px;

    left:1.5em;

    width:36px;

    height:36px;

}

#comments-list .comment-author {

    font-weight:bold;

    padding:9px 0 0 46px;

}

#comments-list .comment-meta {

    color:#666;

    font-size:.9em;

    padding:0 0 9px 46px;

}

#comments-list .comment-meta a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

#comments-list .comment-meta a:active,

#comments-list .comment-meta a:hover {

    color: #0000a0;

}

.comment-reply-link {

    font-size:.9em;

    padding:0 0 18px 0;

    text-align:right;

}

.comment-reply-link a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.comment-reply-link a:active,

.comment-reply-link a:hover {

    color: #0000a0;

}

.comment-navigation {

    font-weight:bold;

    padding:0 0 18px 0;

    margin-right:0.5em;

}

.comment-navigation a {

    border:1px solid #ccc;

    color:#666;

    font-weight:normal;

    padding:0.5em 0.75em;

    text-decoration:none;

}

.comment-navigation a:active,

.comment-navigation a:hover {

    color: #0000a0;

}

.comment-navigation a,

.comment-navigation span {

    margin-right:0.5em;

}

#trackbacks-list .comment-content {

    position:absolute;

    left:-9000px;

}

#respond {

    background:#fff;

    margin-bottom:22px;

    overflow:hidden;

    padding:18px 0 0 0;

    position:relative;

}

#comments-list #respond {

    border-bottom:1px solid #ccc;

    margin:0 0 18px 0;

    padding:18px 1.5em;

}

#comments-list ul #respond {

    border:1px solid #ccc;

    margin:0;

}

#cancel-comment-reply {

    font-size:.9em;

    position:absolute;

    top:18px;

    right:1.5em;

}

#cancel-comment-reply a {

    color:#666;

}

#respond .required {

    color:#FF4B33;

    font-weight:bold;

}

.form-section label {

    font-size:11px;

}

.form-section input {

    margin:0 0 18px 0;

    width:98%;

}

.form-section textarea {

    width:99%;

}

#form-allowed-tags p {

    color:#666;

    font-size:11px;

    margin:0;    

}

#form-allowed-tags span {

    font-style:italic;

}

#form-allowed-tags code {

    font-size:.9em;

    line-height:normal;

}

.form-submit {

    padding:18px 0 0 0;

    text-align:right;

}

.subscribe-to-comments {

    color:#666;

    float:left;

    font-size:.9em;

    margin:0;

    padding:18px 0 0 0;

}

.solo-subscribe-to-comments {

    color:#666;

    font-size:.9em;

    padding:18px 0 0 0;

}

.comment_license {

    color:#666;

    clear:both;

    font-size:.9em;

    margin:0;

    padding:18px 0 0 0;

}





/* =Asides, Sidebars & Widget-Ready Areas

-------------------------------------------------------------- */



.aside,

.aside input {

    font: .8em/1.1em;

    margin-bottom:6px;

}

.aside p,

.aside ul,

.aside ol,

.aside dd,

.aside pre {

    margin-bottom:18px;

}

.aside pre,

.aside code {

    font-size:1em;

    line-height:1.2em;

}

.aside .current_page_item a {

    color: #0000a0;

}

.aside .current_page_item .page_item a {

    color:#666;

}

.aside .current_page_item .page_item a:hover,

.aside .current_page_item .page_item a:active {

    color: #0000a0;

}

.aside {

    color:#666;

    background-color: #f8f8f8;

}

.aside a {

    color:#666;

}

.aside a:active,

.aside a:hover {

    color: #0000a0;

}

.aside h3 {

    font: italic 1.2em/1.5em bolder Trebuchet MS, Tahoma, Verdana, Arial;

}

.aside h3 a {

    text-decoration:none;

}

.aside caption {

    font-size:.9em;

    font-family: Trebuchet MS, Tahoma, Verdana, Arial;

    font-weight:bold;

    text-transform:uppercase;

    letter-spacing:0.05em;

}

.aside ul {

    list-style:none;

    margin-left:0;

}

.aside ul ul {

    list-style:none;

    margin:0 0 22px 0;

}

.aside ul ul li {

    padding:1px 0;

}

.aside ul ul ul {

    margin-bottom:0;

}

.aside form,

.aside table {

    margin-bottom:22px;

}

.aside table {

    border:none;

}

.aside thead {

    border:none;

}

.aside tbody {

    border:none;

}

.aside th, .aside td {

    border:none;

    padding:.25em .8em;

}

.aside tfoot tr {

    border:none;

}

.aside tfoot td {

    border:none;

}

.widget_tag_cloud {

    margin:0 0 22px 0;

}

.aside #searchsubmit {

	display: none;	

}

/*

    Main Asides

*/

.main-aside ul {

    padding:0 20px;

}

.main-aside h3 {

}

.main-aside ul ul {

    padding:0;

}

#primary,#secondary {

    border:1px solid #ccc;

    padding:18px 0 0 0;

    margin-bottom:22px;

}

/*

    Content Asides

*/

#content .aside {

    border:1px solid #ccc;

    margin:0 0 22px 0;

    padding:18px 0 0 0;

}

#content .aside ul {

    padding:0 20px;

}

#content .aside h3 {

    font-family:Georgia,serif;

    font-weight:normal;

    font-size:1.2em;

    font-style:italic;

    padding:0 0 7px 0;

    text-transform:none;

}

#content .aside ul ul {

    padding:0;

}

/*

    Footer Asides

*/

#subsidiary {

    padding:33px 0 0 0;    

}





/* =Footer

-------------------------------------------------------------- */



#footer {

    border-top:1px solid #ccc;

    margin-top:22px;

}

#siteinfo {

    color:#666;

    font-size:.9em;

    line-height:1.2em;

    padding:22px 0 44px 0;

}

#siteinfo a {

    color:#666;

}

#siteinfo a:active,

#siteinfo a:hover {

    color: #0000a0;

}





/* =PageNavi

-------------------------------------------------------------- */



/* Using !important to override PageNavi CSS */



.wp-pagenavi {

    margin:0 0 0 -.5em;

    padding:0.5em 0;    

}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {

    border:1px solid #ccc !important;

    color:#666!important;

    font-style:normal;

    margin:0 .375em !important;

    padding:0.5em 0.25em !important;

}

.wp-pagenavi a:visited {

    border:1px solid #ccc !important;

    color:#666 !important;

}

.wp-pagenavi a:hover {

    border:1px solid #ccc !important;

    color:#0000a0 !important;

}

.wp-pagenavi a:active {

    border:1px solid #ccc !important;

    color:#0000a0 !important;

}

.wp-pagenavi span.pages {

    border:none !important;

    color:#666 !important;

    margin:0 !important;

    padding:0 !important;

}

.wp-pagenavi span.current {

    border:none !important;

    color:#666 !important;

    font-weight:normal !important;

    margin:0 !important;

    padding:0 !important;

}

.wp-pagenavi span.extend {

    background-color:#FFFFFF;

    border:1px solid #000000;

    color:#000000;

    margin:2px;

    padding:2px 4px;

}