/*   
Theme Name: Netmospherics Child Theme
Theme URI: 
Description: Netmospherics sweet customized child theme.
Author: Vince Arnone
Author URI: http://www.netmospherics.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('../thematic/library/layouts/2c-r-fixed.css');

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

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

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

/*---------------------------------Change font family---------------------------------*/
body, input, textarea {
	font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height:20px;
}
/* END-SECTION */
/*---------------------------------Header and Background Items---------------------------------*/
.top-bar {
background-color:#4CA7BB;
border-bottom:2px solid #C2E7EF;
}
.top-menu {
margin:0 auto;
overflow:hidden;
position:relative;
width:960px;
vertical-align: middle;
color: #fff;
text-align: right;
}
.top-menu a {
color: #fff;
}
.top-menu a:hover{
color: #ccc;
}
.top-search {
width: 4em;
margin-right: 0.5em;
display: block
line-height:16px;
}
#branding {
width:960px;
padding:0 0 0 0;
height:25px;
}
#header {
height:62px;
padding:5px 0 0 0;
}
#wrapper {
/*background:#cbcbc3 url('http://www.netmospherics.com/wp-content/themes/netmospherics/image/bg.jpg') repeat-x left top;*/
background:#4F4F4F;
}
/* END-SECTION */
/*--------------------------------- Menu Items ---------------------------------*/
#access {
border-bottom: none;
height:0px;
}
.sf-menu {
border-right:none;
float:right;
}
.sf-menu a {
border-left:none;
border-top:none;
border-bottom:none;
border-right:none;
padding:12px 15px;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#ffffff;
font-weight:bold;
}
.sf-menu .current_page_item {
background:#FF4B33;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
border-radius::6px 6px 0 0;
}
.sf-menu .current_page_item a {
color:#000000;
font-weight:bold;
}
.sf-menu li {
background:none;
}
.sf-menu li li {
background:none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:#FFFFFF;
color:#FF4B33;
font-weight:bold;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
border-radius::6px 6px 0 0;
}
.sf-menu .current_page_item li:hover, .sf-menu .current_page_item li.sfHover,
.sf-menu .current_page_item a:focus, .sf-menu .current_page_item a:hover, .sf-menu .current_page_item a:active {
background:#FF4B33;
font-weight:bold;
color:#000;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
border-radius::6px 6px 0 0;
}


/* END-SECTION */
/*--------------------------------- Main Content Section ---------------------------------*/
#main {
clear:both;
padding:20px 0 25px 0;
background:#FFFFFF;
border-right:2px solid #FF4B33;
border-left:2px solid #FF4B33;
border-bottom:2px solid #FF4B33;
border-top:2px solid #FF4B33;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
}
#container {
padding: 0 0 0 10px;
}
.cat-header {
border-bottom:1px solid #FF4B33;
margin:0 0 25px 0;
}
.page-title {
font-size:22px;
line-height:18px;
padding:0 0 15px;
}
.hentry {
margin:0 0 45px 0;
padding:0 0 0 0;
}
#content {
width:600px;
}
/*Hover Title Font Color*/
.entry-title a:active, .entry-title a:hover {
color:#FF4B33;
}
.entry-title {
border-bottom:1px solid #CCC;
padding:0 0 4px 0;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size:22px;
font-weight:bold;
line-height:26px;
padding:0 0 7px;
}
.entry-meta {
padding:4px 0 0 0;
}
.entry-utility {
margin:22px 0 0 0;
padding:5px 0 5px 3px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#F2F2EA;
}
.entry-content h1, .entry-content h2 {
font-family:'Helvetica Neue',Arial,sans-serif;
font-size:19px;
font-weight:bold;
padding:0 0 7px 0;
border-bottom:1px solid #ccc;
}
.entry-content h3 {
font-size:17px;
padding:0 0 5px 0;
}
p, ul, ol, dd, pre {
margin-bottom:15px;
}
/* END-SECTION */

/*--------------------------------- Sidebar Section ---------------------------------*/
#primary {
background:#FFF1EF;
border:1px solid #9F9F9F;
}
.aside h3 {
font-size:15px;
font-style:normal;
font-weight:bold;
line-height:22px;
color:#4F4A4A;
}
/* END-SECTION */

/*--------------------------------- Comments Section ---------------------------------*/

.skip-link {
   display:none;
}
.formcontainer {
padding:5px 5px 5px 5px;
}
/* END-SECTION */
/*--------------------------------- Footer Section ---------------------------------*/
#footer {
background: #3E3E3E;
border-top:1px solid #C2E7EF;
}
#siteinfo  {
background:#3E3E3E url('http://www.netmospherics.com/wp-content/themes/netmospherics/image/netmospherics-cloud.png') no-repeat left bottom;
color:#FFF;
font-size:16px;
line-height:20px;
padding:22px 0 150px;
}
#siteinfo a {
color:#eaeaea;
}
/* END-SECTION */


.skip-link {
    display:none;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.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 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: #FF4B33;
}