/*   
Theme Name: Thematic Feature Site
Theme URI: 
Description: Use the Thematic 666666 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');

/* =Additionals
-------------------------------------------------------------- */
#ot_buttons img {
    margin-top:0px;
    margin-bottom:0px;
    margin-right:5px;
    margin-left:25px;
}

/* =Global Elements
-------------------------------------------------------------- */

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

.entry-content a {
    color:#00A6EC;
    text-decoration:none;
}
.entry-content a:active,
.entry-content a:hover {
    color: #FF4B33;
}

#link {
    color:green;
}

/* =Header
-------------------------------------------------------------- */
#branding {
    padding:37px 0 4px 0;
    position:relative;
}
#blog-title {
    width:652px;
}
#blog-description {
    width:652px;
}
#branding #searchform {
    position:absolute;
    top:97px;
    right:0;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

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

#header {
	background: #00A6EC;
    color: #333;
    letter-spacing:0.0125em;
	z-index:200;    
    height: 175px;
}

#branding a {
    color: #333;
}

#blog-title a {
    background:url(images/escan-logo.png) no-repeat top center;
    display:block;
    text-indent:-9000px;
    width: 236px;
    height: 100px;
}

#blog-description {
    position:absolute;
    left:-9000px;
}


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

.skip-link {
    display:none;
}
#access {
    background: #CCCCCC;
    height:41px;
    font-size:13px;
    font-style: italic;
    overflow:visible;
        
}
#access form {
    float:right;
    margin:8px 0 0 0;
}
.safari #access form {
    margin:6px 0 0 0;
}
#access form label {
    display:none;
}
#access form #s {
    color:#999;
    font-style:italic;
    margin:0 2px 0 0;
    text-indent:4px;
    width:308px;
}
#access form #s:focus {
    color:#333;
    font-style:normal;    
}
#access form #searchsubmit {
    display:none;
}
#menu-secondary {
    position:absolute;
    top:92px;
    left:50%;
    margin-left:-494px;
    width:988px;
}
#menu-secondary ul {
    float:right;
    list-style-type:lower-roman;
    list-style-position:inside;
    margin:0;
    overflow:hidden;
    width:315px;
}
#menu-secondary li {
    color:#999;
    float:left;
    font-style: italic;
    margin:0 10px 0 0;
}
#menu-secondary li.current_page_item {
    background:transparent;
    color: #F92117;
}
#menu-secondary li.current_page_item a {
    background:transparent;
    color:#0D0D0D;
}
#menu-secondary a {
    background:transparent;
    color:#666;
    text-decoration:none;
}
#menu-secondary a:hover {
    color:#666;
	text-decoration:underline;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
    background: #CCCCCC; /*riza*/
}
.sf-menu {
	line-height:	0.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 {
	float:left;
    border:none;
}
.sf-menu a {
    line-height:40px;
	padding:0 40px;
	text-decoration:none;
    border:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
    border:none;
}
.sf-menu li li {
}
.sf-menu li li li {
}
.current_page_item {
}
.sf-menu li:hover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    background:     #B7B5A6;
	outline:		0;
}
.sf-menu li.sfHover,
.sf-menu li.sfHover a:hover {
    background:     #CCCCCC;
}
.sf-menu li.sfHover a { /* main menu when the pull down menu is appearing */
	color: #000;	
    background:     #CCCCCC;
}
.sf-menu ul {
    background:     #CCCCCC; /* drop down part */
    -moz-border-radius:0 0 7px 7px;
    -webkit-border-radius:0 0 7px 7px;
    border-radius:0 0 7px 7px;
    padding:0 0 30px 0;
    border:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    background:     #CCCCCC;
	top:40px; /* overriding essential styles */
}
.sf-menu li.sfHover ul li {
    background:     #CCCCCC;
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:     #CCCCCC;
	border-bottom:none;
	line-height:23px;
	opacity:0.9;
}
.sf-menu ul a:hover {
    background:     #CCCCCC;
    color: #F92117;
}
.sf-menu h4 {
	color: #0099FF;	
    font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight:bold;
    line-height:23px;
    padding:20px 40px 0 40px;
}
.sf-menu .drop-arrow {
    font-style:normal;
    padding:0 2px 0 0;
    position:relative;
    top:-1px;
}
.sf-menu a.special {
    color:#000;
	padding:0 20px;
}
.sf-menu .special span {
    background:#0099FF;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:5px 20px;
}



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

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


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

#leader {
    border-bottom:1px solid #ccc;
    padding:63px 0 42px 0;
}
#leader-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}
#leader .entry-title {
    font-size:35px;
    line-height:45px;
    margin-top:-8px;
    padding:0 0 14px 0;
    color:white; /*riza*/
}
#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:Arial,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;
    padding:0;
    width:988px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}
.page-template-front-page-php #sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:484px;
}
#front-block-1 {
    margin-right:20px;
}
.front-block a:visited {
    color: #00A6EC;
}
.front-block a:hover, a:active {
    color: #FF4B33;
}
.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;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:1px solid #ccc;
    color:#666;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color: #FF4B33;
}

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



/* =Footer
-------------------------------------------------------------- */

#footer {
    /*background:#0D0D0D;*/
    background:#333333;
    color:#C9C9C9;
    padding:40px 0 57px 0;
}
#siteinfo {
	margin: 0 auto;
	position:relative;
	width: 988px;
}
}
#footer-content {
    overflow:hidden;
}
#footer p {
    letter-spacing:0.0125em;
    opacity:0.99;
}
#footer strong em {
    color:#FFFF99;
}
#footer a {
    color:#C9C9C9;
}
#footer a:active,
#footer a:hover {
    color: #F92117;
}
#footer h3 {
    color:#fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    letter-spacing:0.0125em;
    line-height:23px;
}
#footer h4 {
    color:#fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    letter-spacing:0.0125em;
}
#footer .block {
    float:left;
    margin:0 0 19px 40px;
    width:192px;
}
#footer .block-1 {
    width:444px;
}
#footer .block .avatar {
    float:left;
    margin:4px 15px 19px 0;
}
#footer #network-links {
    margin:-9px 0 0 0;
}
#footer #network-links a {
    margin:0 20px 0 0;
    padding:4px 0 4px 30px;
}
#footer #network-links a.twitter {
    background:url(images/Twitter-24x24.png) no-repeat 0 0;
}
#footer #network-links a.stumbleupon {
    background:url(images/Stumbleupon-24x24.png) no-repeat 0 0;
}
#colophon {
    clear:both;
    font-size:11px;
    opacity:0.99;
    margin:0 0 20px 0;
    padding:19px 40px 0 40px;
}
#back-to-top a {
    background: url(images/shapely-back-to-top.png) no-repeat center top;
    display:block;
    text-indent:-9000px;
    width:197px;
    height:127px;
    position:absolute;
    right:40px;
    bottom:-57px;
}
#back-to-top a:hover {
    background-position:bottom;
}

/* =Feature
-------------------------------------------------------------- */

#feature {
    /*background:#0D0D0D;*/
    color:#fff;
    background:#666666;
}
#feature-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}

#feature .entry-title {
    float:right;
    font: 40px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    line-height:45px;
	position: relative;
	right: 40px;
    padding:0 0 6px 0;
    width:464px;
}
#feature-content {
	clear: right;
    float:right;
	position: relative;
	right: 40px;
    width:464px;
}
#feature-content p {
    color:#C9C9C9;
    font-size: 15px;
    letter-spacing:0.0125em;
    line-height:23px;
    margin:0 0 23px 0;
    opacity:0.99;
}
#feature .buttons {
	clear:both;
    float:right;    
	position: relative;
	right: 40px;
    width:464px;
}



/* =Leader
-------------------------------------------------------------- */

#leader {
    /*background:#0D0D0D;*/
    background:#666666;
}
#leader-container {
	margin: 0 auto;
	width: 988px;
}
.leader-title {
    color:#fff;
    font: 40px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    line-height:45px;
    padding:40px;
    width:908px;
}
#leader .entry-meta {
    position:absolute;
    left:-9000px;
}