/*   
Theme Name: Mountain Pixel
Theme URI: 
Description: Child theme using Thematic Framework
Author: Bill Lea
Author URI: http://www.mountainpixel.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');

/**************************
* My Styles
**************************/

body {
	font-family: Georgia,"Times New Roman",serif;
    background-color: #eeeeee;
}
a:link {
    color:#3274D0;
}
a:visited {
    color:#3274D0;
}
a:active, a:hover {
    color: #666;
    text-decoration: underline;
}
.clear {
  clear: both; 
  height: 20px;
}
img {
	border: none;
	
}
#header {
    background-color: #3274D0;
    padding: 0px;
    height: 53px;
}
.page #container, .page #content {
	width: 100%;
	margin: 0;
}
h2#what-i-do {
    width: 268px;
    height: 23px;
    text-indent: -9999px;
    display: block;
    margin-bottom: 20px;
    background:transparent url(images/home-headers.png) no-repeat scroll top left;
}
h2#recent-work {
    width: 268px;
    height: 23px;
    text-indent: -9999px;
    display: block;
    margin-bottom: 25px;
    margin-top: 20px;
    background:transparent url(images/home-headers.png) no-repeat scroll center left;
}
h2#latest-blog-post {
    width: 268px;
    height: 23px;
    text-indent: -9999px;
    display: block;margin-bottom: 25px;margin-top: 20px;
    background:transparent url(images/home-headers.png) no-repeat scroll bottom left;
}
#blog-title {
	width: 310px; 
	float: left;	
}
#blog-title a {
    height: 53px;
    background-color: red;
    width: 310px;
    text-indent: -9999px;
    display: block;
    background:transparent url(images/logo-blue-sprite.png) no-repeat scroll 0 0;
    border:medium none;

}
#blog-title a:hover {
    background-position: bottom center;
}
#blog-description {
	display: none;
}
#branding {
    background-color: #3274D0;
    padding: 0px;
    height: 53px;
    width: 950px;
    margin: 0 auto;
}
#access {
    float: right;
    height: 53px;
	width: 500px;
    border: none;
 	font-size: 16px;
}
#feature {
    background-color: #eee;
    border-top: solid 1px #ccc;
	background:#eee url(images/mtn-new.png) no-repeat;
    background-position: bottom center;   
}
#feature #intro {
	width: 800px; margin: 0 auto; padding: 20px 150px 20px 0px;
    font-size: 30px;line-height: 1.5em; 
}
#feature a:link, #feature a:visited, .home h3.entry-title a:link, .home h3.entry-title a:visited {
    color: #3274D0;
    text-decoration: underline;
}
#feature a:hover, #feature a:active, .home h3.entry-title a:hover, .home h3.entry-title a:active {
    color: #fff;
    background-color: #3274D0;
    text-decoration: none;
}
.menu { 
	float: right;
	display: inline; 
	width: 600px;
}
#outermain {
    background-color: #fff;
    background: #eee url(images/footer2.png) repeat-y scroll top center;
}
#footer {
	margin-top:0px;
	margin-bottom: 0px;
	background: #eee url(images/footer-bot.png) repeat-x scroll top center;
	border: none;
	min-height: 300px;
}
#siteinfo {
    margin: 0px auto;
    border: 1px none #ccc;
}
img.testimg {
    padding: 4px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}
.wpcf7 form {
	background-color: #eee; 
	border: 1px solid #ccc;
	padding: 10px;
}
.wpcf7 input, .wpcf7 textarea {
	width: 98%;
}
.submit input {
	width: 33%;
	background-color: #3274D0;
	border: 1px solid #ccc;
	padding: 5px;
	float: right;
	color: #fff;
}
.submit input:hover {
	background-color: #ccc;
	border: 1px solid #111;
	color: #111;
	cursor: pointer;
}
.slug-contact #content ul, .slug-contact #content li {
	padding: 0;
	margin: 0;
}
.slug-contact #content li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-right: 10px;
	margin-bottom: 10px;
}
.continue-reading {
	background-color: #3274D0;
	display: inline;
	color: white;
	padding: 5px;
}
.continue-reading a:link, .continue-reading a:visited {
	color: #fff;
	text-decoration: none;
}
.continue-reading a:hover, .continue-reading a:active {
	text-decoration: underline;	
}
.entry-content img {
	padding: 3px;
	border: 2px solid #dddddd;
}
#content {
	width: 100%;
	margin: 0;
}

/**************************
* Menu Skin
**************************/

.sf-menu {
	line-height: 53px;
   	border-right: none;
	float:right;
    display: inline;
}
.sf-menu a {
	text-decoration:none;
    border: none;
	padding:9px 13px;
	text-decoration:none;
	padding: 0px 13px;
}
.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:			#fff;
}
.sf-menu li {
	background:		#fff;
    background: none;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#222;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #222;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:53px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#222;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #dddddd;
    text-decoration: underline;
}

/* added */
.sf-menu li ul a {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
    border: none;
}

/**************************
* Work Rollover Gallery 
**************************/

ul.gallery {
	width: 950px;
    height: 200px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 0px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 300px;
	height: 150px;
	padding: 0px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 300px;
	height: 150px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h3 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #ddd;
	border-top: 0px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {
	text-decoration: none; 
	color: #3274D0; display: block; 
}
ul.gallery li.middle  {
	margin: 0 22px;
}