/*   
Theme Name: Thematic Feature Site
Theme URI: 
Description: Use the Thematic Feature Site Theme to power your WordPress web site.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
Thematic Site 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-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Global Elements
-------------------------------------------------------------- */
#wrapper {
width: 960px;
background-color: white;
margin:0 auto;
}

body {
}

#slider_wrapper{
	width: 850px;
	height: 600px;
}

leadimg {
	width: 850px;
	margin: 0 auto;
}

blockquote {
	font-family: Helvetica, sans serif !important;
	line-height: 150%;
	letter-spacing: 1px;
	font-style: none !important;
	margin-right: 25px !important;
	margin-left: 25px !important;
	margin-bottom: 25px !important;
	font-size: 22px !important;
	font-weight: 100;
	color: #464646; 
}

strong {
	font-weight: bold;
	font-weight: 700;
}

ul {
	list-style:disc outside none;
}

li {
	font-size: 12px;
}

element.style  {
position: relative !important;
}


#main {
	width: 900px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 20px 0 22px;
}


#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#a90000;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
}
a.button:hover
	{color: #a90000 !important;}
	
a.button:active {
    color: #ff4b33;
}


/* =Header
-------------------------------------------------------------- */


#header {
    position:relative;
    border-bottom-color: #0c0c0c;
                      
    border-bottom-style: solid;
                      
    border-bottom-width: 1px;
                      
    width: 960px;
    position:relative;
}

#branding {
    padding-left: 5px;
    padding-bottom: 0px;
    padding-right: 5px;
    padding-top: 20px;
    width:950px;
    margin:0 auto;
}

#access {
    padding-left: 0px;
    position:absolute;
    top: 57px;
    left: 557px;
    overflow:hidden;
    border: none;
}

#respond {
	padding-left: 18px;
	padding-bottom: 0;
	padding-right: 18px;
	padding-top: 18px;
	background:none repeat scroll 0 0 #FFFFFF;
	margin-bottom:22px;
	overflow:hidden;
	position:relative;
}

.menu {
}
/*    Menu Items */
/*** ESSENTIAL STYLES ***/
.s, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	color: #000;
	line-height:	1.0;
}
.sf-menu ul {
	color: #000;
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	color: #000;
	width:			100%;
}
.sf-menu li:hover {
	color: #000;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	color: #000;
	float:			left;
	position:		relative;
}
.sf-menu a {
	border-top-style: none;
	color: #000 !important;
	font-size: 15px;
	letter-spacing: 0.08em;
	font-family: Georgia, "Times New Roman", Times, serif;
	display:		block;
	position:		relative;
	font-weight: 300;
	padding:1px 7px;
}
.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;
}


/*end menu Items */

/* end Header
-------------------------------------------------------------- */

#blog-title {
    font-family:Helvetica,sans-serif;
    font-size: 300px;
    line-height: 30px;
    font-weight: 200;
}

#blog-title a {
    font-family:Helvetica,sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 200;
}

#blog-title a:hover {
    font-family:Helvetica,sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 200;
    color: #000
}

#blog-description {
	
    letter-spacing: 0.15em;
    width:652px;
    color: #a90000;
    font-size: 20px;
    font-family: Georgia,serif;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px;
    padding-top: 2px;
}
#branding #searchform {
	display: none;
    position:absolute;
    top: 7px;
    right: 65px;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width: 220px;
}
#branding #searchform input#searchsubmit {
    display:none;
}


/* =Menu
-------------------------------------------------------------- */

#nav {
    float:right;
}


/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    padding-bottom: 5px;
    padding-top: 25px;
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    border-bottom:none;
    }
    
#leader-container {
    margin:0 auto;
    overflow:hidden;
    width: 850px;
}

#container{
	clear: both;
	margin:0 auto;
    overflow:hidden;
    width: 900px;
    }

#leader .entry-title {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    font-family: Helvetica, sans-serif; !important
	font-size: 26px; !important
	font-weight: 200; !important
	line-height: 26px; !important
	padding: 0px 0px 7px; !important
    border-bottom-color: black;
    border-bottom-width: 1px;
    margin-left: 30px;
    border-bottom-style: solid;
    border-top-style: none;
    font-size:40px;
    line-height:45px;
}

.entry-title a {
	color: #494949;
	}
	
.entry-title a:hover {
	color: #494949;
	}

#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

.page-template-front-page-php #feature {
		float:left;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
		margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
    font-family:Helvetica,sans-serif;
    font-size:40px;
    font-weight:bold;
    line-height:45px;
    margin-top:-8px;
    padding:0 0 14px 0;
}
.page-template-front-page-php #container,
.page-template-front-page-php #content  {
    margin:0 auto;
    padding:0;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    margin-top: 25px;
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 5px 0;
}
.page-template-front-page-php #sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style: none;
    padding:none;
    text-transform:none;
}

#sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:none;
    padding:none;
    text-transform:none;
}


.page-template-front-page-php #sub-feature h3 img {
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:300px;
}
#front-block-1 {
    margin-right:10px;
    margin-left: 25px;
    float:left;
    width:270px;
}
#front-block-2 {
    margin-left: 25px;
    float:left;
    width:220px;
}

.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
.page-template-front-page-php .block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}

.block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}

.page-template-front-page-php .block ul li {
    display:inline;
}

.block ul li {
    display:inline;
}

.page-template-front-page-php .block ul li a {
    padding-left: 0;
    padding-bottom: 0px;
    padding-right: 0;
    padding-top: 6px;
    color:#a90000;
    display:block;
    text-decoration:none;
}

.block ul li a {
    padding-left: 0;
    padding-bottom: 0px;
    padding-right: 0;
    padding-top: 6px;
    color:#a90000;
    font-size: 1.03em;
    line-height: 18px;
    display:block;
    text-decoration:none;
}

.page-template-front-page-php .block ul li a:hover
{
color:#a90000;
}

.block ul li a:hover
{
color:#a90000;
}

.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color:#a90000;
}

.block ul li a:active {
    background:#fafafa;
    font-family: Georgia;
    color:#a90000;
}

.page .entry-content,
.single .entry-content {
    padding-top:0;
}

/*---Dopplr Widget Style---*/

.wpdopplr_status{
	padding-top: 5px;
	font-size: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin:0 0 9px 0;
    font-family:Helvetica;
    font-weight:normal;
    font-style:normal;
}

/*----------------------------------------------------
Non-Thematic-Styling-------------------------------*/


/*  
Theme Name: My_Site
Description: A Child Theme of Thematic
Template: thematic
*/

#about {
	max-height: 300px;
	height: 300px;
	width: 600px;
	margin-right: 5px !important;
	margin-left: 10px;
}

.column { margin-left: 15px; width:550px; display:inline;float:left; overflow:hidden;}
.clear-fix {display:box;}
.one {margin-right:30px;}
.hentry {padding:0;}
.column .entry-content {margin-top: 4px; padding-right: 4px; padding-left: 4px; width:550px;}
.entry-meta {padding-left: 2px; margin-top: 1px; margin-bottom: 5px; font-size: 10px;}

#menu {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-color: black;
	border-style: solid;
	width: 978px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	position: static;
	right: 0px;
	top: 74px;
}

#menu a {
	padding-left: 20px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-transform: uppercase;
	font: 40em;
	letter-spacing: 3px;
	
}

.navbase {
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	margin-top: 75px;
	float: left;
	display: inline;
	margin-left: 0px;
}

.navlink {
	margin-top: 75px;
	float: left;
	display: inline;
	margin-left: 0px;
}


#img {
	text-align: center;
	border-width: 1px;
	border-color: #040404;
	border-style: solid;
	margin-bottom: 10px;
}

body {
	min-width: 988px;
	color: #171717;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

a:link {
	color: #494949;
	text-decoration:none !important;
}

a:hover {
	color: #000;
	text-decoration:none !important;
	border-bottom:#000 0px solid;
	
}

a:visited {
	text-decoration: none;
	color: #494949;
}

h1 {
	color: #171717;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none !important;
	margin-bottom: 5px;
	font-size: 20px;
}


h2 {
	border-bottom: 1px solid #101010;
    border-color: #101010;
    border-style: solid;
    font-family: Helvetica,sans-serif !important;
    font-size: 26px !important;
    font-weight: 200 !important;
    line-height: 26px !important;
    padding: 0 0 7px !important;
}

h3 {
	color: #171717;
	font-size: 18px;
	margin-bottom: 5px;
}

#primary.aside {
    margin-right: 10px;
    margin-left: 10px;
    border-color: black;
    border-style: solid;
    padding: 10px;
    width: 200px;
    float: right;
    position: relative;
    
}

#secondary.aside {
	margin-right: 10px;
    margin-left: 10px;
    padding: 10px;
    width: 200px;
    float:right;
    position:relative;
   
}

#content {
    margin-left: 10px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    width: 880px;
    overflow:hidden;
}

.two {
	margin-right: 18px;
}

/*locator STuff*/

#locator {
	border-top: 1px dashed #2c2c2c;
	padding-top: 20px;
	margin-bottom: 50px;
	background: url('images/locator_bkgd.png') no-repeat 10px 28px;
	height: 147px;
	clear: both;
}

#locator .first a{
	font-size: 12px;
	color: #7b7b7b;
}

#locator .second a{
	font-size: 11px;
	color: #5e5e5e;
}

#locator .third a{
	font-size: 10px;
	color: #474747;
}
#locator li{
	font-size: 10px;
	color: #474747;
}

#locator a:hover {
}

/* @group #footer */

#footer {
	background-color: #060606;!important
	width: 900px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-top: 0px;
}

.quicklinks ul li:before {
	color: #f5f5f5;
	content: "Œé ";
}

#footer h2 {
	font-family: Georgia,serif !important;
    font-size: 17px !important;
    font-weight: normal !important;
    text-transform: none !important;
	color: #f8f8f8;
}

#footer h2 a {
	font-family: Georgia,serif !important;
    font-size: 17px !important;
    font-weight: normal !important;
    text-transform: none !important; 
	color: #f8f8f8;
}

#footer h2 a:hover {
	color: #f8f8f8;
}
/*styles controlling old footer about text*/
#footer p {
	font-size: 11px;
}
#footer a {
	color: #8b8b8b;
	text-decoration:none !important;
}

#footer p a:hover {
	color:#8b8b8b !important;
	text-decoration:none !important;
}
/*styles controlling new footer text widget*/
#footer .foot_widget {
	margin-left: 8px;
	margin-top: 50px;
	float: left;
	font-weight: 300;
	font-size: 1em;
}

#footer .foot_widget a {
}

#footer .foot_widget a:hover {
}

.widgettitle {
	padding-top: 20px;
	border-top-width: 1px;
	border-color: #101010;
	border-style: dashed;
}

.entry-title {
	font-family: Helvetica, sans-serif !important; 
	font-size: 26px !important;
	font-weight: 200 !important;
	line-height: 26px !important; 
	padding: 0px 0px 1px !important; 
	border-bottom-width: 1px;
	padding-top: 10px;
	border-color: #101010;
	border-style: solid;
}


#quick_links {
	margin-top: 48px;
	color: #f8f8f8;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	list-style-position: outside;
	list-style-type: disc;
	float: left;
}

.textwidget {
	padding-right: 2px;
	padding-left: 2px;
	float: left;
	position: relative;
}

#footer_img {
	margin: 5px;
	height: 234px;
	clear: right;
	visibility: visible;
	width: 154px;
	position: absolute;
	float: left;
}

#table_cloth {
	height: 285px;	
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#footbox1 {
	margin-right: 15px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-right-width: 1px;
	border-color: #f8f8f8;
	border-style: solid;
	float: left;
	width: 179px;
	height: 244px;
}

#footbox2 {
	margin-top: 5px;
	border-color: #f8f8f8;
	border-right-width: 1px;
	border-style: solid;
	float: left;
	width: 330px;
	height: 244px;
}

#footbox3 {
	margin-top: 5px;
	float: left;
	margin: 5px;
	width: 205px;
	height: 244px;
}

#footbox4 {
	margin-top: 5px;
	border-color: #f8f8f8;
	border-right-width: 1px;
	border-style: solid;
	float: left;
	width: 110px;
	height: 244px;
	padding-left: 10px;
	
}

#footbox5 {
	text-align: right;
	float: left;
	width: 900px;
	font-size: 10px;
}


.about_text {
	letter-spacing: 1px;
	color: #f8f8f8;
	padding-right: 2px;
	padding-left: 2px;
	float: left;
	font-size: 12px;
	position: relative;
}

/* end footer */


/*image slideshow*/

.slideshow { 

	margin-right: auto; 
	margin-left: auto; 
	border: 0;
	width: 850px;
	height:630px;
	 }
	 
#slideshow {
height:600px !important;
position:relative;
width:850px ;
}
	
.slideshow img { left: 10px; top: 10px; margin: 10px;}

/*end SS*/

/* Blog entery */

.entry-content {
width: 830px;
padding-left: 10px;
padding-right: 10px;
word-wrap: normal;
word-break: keep-all;
padding-right: none !important;
padding-left: none !important;
padding-top: 1px !important;

}

.entry-content p{
	color: #151515;
	font-weight: 300;
	word-spacing: 0.1em !important;
	line-height: 22px !important;
	font-size: 15px !important;
	font-family: Georgia
}

alignleft, img.alignleft {
float:none !important;

}

.entry-utility {
	font-size: 70%;
	margin-bottom: 10px;
}

.nav-next a{
	position: relative;
	float: right;
	font-family: Georgia,serif !important;
	font-size: 15px !important;
	border-style: none;
	padding: 2px;
	margin: 3px;	
}

.nav-previous a{
	padding-left: 2px;
	margin-left: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-top: 3px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-family: Georgia,serif !important;
	font-size: 15px !important;
	border-style: none;
	}

#comments {
	padding: 25px;
	background-color: #e4e4e4;
}

#nav-below.navigation {
	color: #000 !important;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	width: 940px;	
}

#nav-below.navigation a {
	color: #000 !important;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif !important;	
}

#s {
width: 200px;
}

#video-box {
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	font-family: Helvetica;
	font-size: 15px !important;
}

#video-box p{
	line-height: 18px;
	margin-top: -10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.entry-content img {
	margin:0px !important;
}

element {
}

div.column-sect {
  width: 880px;
  clear: both;
  display: inline-block;
  overflow: auto;
}

div.post-column {
  display: inline;
  float: left;
  margin-right: 15px;
  text-align: left;
  width: 410px;
}

#sub-feature {
}


/*--------Photography NAV START -------*/

#photonav{
	text-shadow: 5px 5px 50% black !important;
	color: #f5f5f5 !important;
	line-height: none !important;
	font-family: Georgia, serif;
	font-size: 140px;
	font-weight: 300;
	width: 940px;
	height: 630px;	
}


div.singles {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-top: 95px;
	height: 115px;
	width: 910px;
	margin: 0;
	background-image: url(http://www.jonathanshuler.com/images/Jounralisim/navsinges2.jpg);
	}
	
div.tsu {
	padding-left: 30px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 95px;
	color: #191606 !important;
	height: 115px;
	width: 910px;
	margin: 0;
	background-image: url(http://www.jonathanshuler.com/images/Jounralisim/sudannav1.jpg);
	}

div.sports {
	padding-left: 450px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 95px;
	height: 115px;
	width: 600px;
	margin: 0;
	background-image: url(http://www.jonathanshuler.com/images/Jounralisim/navsports2.jpg);
	}

div.singles a, div.singles a:link, div.singles a:visited {
display:block;
text-shadow: 1px 1px 75% black !important;
	color: #f5f5f5 !important;
	line-height: none !important;
}

div.tsu a, div.tsu a:link, div.tsu a:visited {
color: #191606 !important;
display:block;
text-shadow: 1px 1px 75% black !important; !important;
	line-height: none !important;
}

div.sports a, div.sports a:link, div.sports a:visited {
display:block;
text-shadow: 1px 1px 75% black !important;
	color: #f5f5f5 !important;
	line-height: none !important;
}

div.singles img {
width:100%;
height:100%;
border:0;
}

div.tsu img {
width:100%;
height:100%;
border:0;
}

div.sports img {
width:100%;
height:100%;
border:0;
}

div.singles a:hover img {
visibility:hidden;
}

div.tsu a:hover img {
visibility:hidden;
}

div.sports a:hover img {
visibility:hidden;
}

#post-title {
    margin-bottom: 15px;
    font-family:Helvetica,sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
}