/*   



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.2em;

}





#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: 1.4em;

}



.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;



}