/*
Theme Name: A Rather Good Theme
Theme URI: http://rathergood.ca/
Description: A rather good theme made by Rather Good for rather good.
Author: Rather Good Design
Version: 1.0
*/

* { margin: 0; padding: 0; }
body { background: url(images/noise.png); font-family: "museo-sans-1","museo-sans-2"; }
a { color: #333; text-decoration: none; }
a:hover { color: #488f9a; }
a img { border: 0; }
.active { background: #FFF; }
h1, h2 { font-family: "museo-slab-1","museo-slab-2"; margin-bottom: 20px; }
h3 { font-family: "museo-slab-1","museo-slab-2"; margin: 30px 0;  }
p { 
	margin-bottom: 24px;
}
ul, ol { margin-bottom: 20px; }
ul ul, ol ol { margin-bottom: 0; }
li { margin-left: 20px; }
li li { margin-left: 20px; }

.start, .alt { 
	background: #F1F1F1; 
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	-webkit-box-shadow: 0 0 10px #CCC; 
}
.start {  }
.wrap { clear: both; margin: 0 auto; padding: 0 40px; max-width: 1060px; }
.show { display: none; }
.up { left: 0; position: fixed; top: 0; }
.edit { float: right; font-size: 30px; }
.clear { clear: both; }
.nav-previous, .nav-next { float: left; width: 350px; }
.nav-previous a, .nav-next a { display: block; padding: 20px; }
.col { float: left; margin-right: 40px; width: 440px; }

#identity, #content { 
    background: #999 url(images/bg.png) ;
    border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; -webkit-box-shadow: 0 0 10px #CCC;
/*    background-image: -moz-linear-gradient(100% 100% 90deg, #FEFEFE url(images/bg.png) , #F1F1F1);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE url(images/bg.png) ), to(#F1F1F1));*/
}
#content {
	margin-bottom: 40px;
}
#contact { color: #999; font-size: 12px; letter-spacing: 1px; padding: 10px 0; text-align: center; }

#masthead { overflow: auto; }
#masthead h1 { 
    font-family: "museo-slab-1","museo-slab-2"; font-size: 50px; 
    float: left; 
    margin: 60px 0 20px 0;
    text-shadow: 0px 2px 4px #FFF; 
    width: 480px; }
#masthead h1 span { display: block; font-size: 16px; margin: -10px 0 0 150px; }
/* #masthead p:first-child{} */
.cantmakefirstchildwork {
	margin: 95px 0 0 0;
}
#masthead ul { float: left; width: 480px; }
#masthead ul li { list-style-type: none; }
#masthead ul li a { background: #FFF;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: block; margin: 10px; padding: 10px;  }
#masthead ul li a:hover { background: #FFF; }
#about { clear: both; height: 180px; padding-top: 120px; }
#tagline { float: left; width: 480px; }
#checkout { float: left; margin-top: 10px; width: 480px; }
#checkout a { background: #F1F1F1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #333; display: block; float: right; margin-top: -12px; padding: 10px; }
#checkout a:hover { background: #FFF; color: inherit; }
#portfolio {
    background: #FEFEFE url(images/bg.png) ;
/*    background-image: -moz-linear-gradient(100% 100% 90deg, #F1F1F1, #FEFEFE url(images/bg.png) );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#FEFEFE url(images/bg.png) ));*/
}
#portfolio, #packages, #blog { clear: both; padding: 20px 0 20px 0; }
#blog {
	padding: 60px 0;
	text-align: center;

}

#portfolio li { list-style-type: none;  }
#portfolio li a { display: block; height: 220px; overflow: hidden; width: 280px; }
#portfolio li a img {  }
#history { clear: both; width: 480px; }

#packages li { float: left; list-style-type: none; margin: 0; padding: 0; text-transform: lowercase; width: 480px; }
#packages li a { background: #FFF; border-radius: 20px; display: block; margin: 20px; padding: 20px; }
#packages li a:hover { background: #999; color: #FFF; }

#process li { margin-left: 30px; }
#process li li { margin-left: 30px; }

.menu-sidebar-container li { list-style-type: none;  }
.menu-sidebar-container li a { background: #eef6fa; border-radius: 5px; display: block; margin: 5px; padding: 5px;  }
.menu-sidebar-container li a:hover { background: #036095; color: #FFF; }

.maincontent { width: 640px; }

footer { clear: both; padding: 20px; }
#page4 { 
    background: #FEFEFE url(images/bg.png) ;
    margin-top: 40px;
/*    background-image: -moz-linear-gradient(100% 100% 90deg, #FEFEFE url(images/bg.png) , #F1F1F1);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE url(images/bg.png) ), to(#F1F1F1));*/
}
#blog .post { border-bottom: 1px solid #FFF; margin-bottom: 40px; }

#content .wrap { padding: 60px 0; }

#rathergood { font-size: 40px; padding: 40px 0;  text-align: center; width: 100%; }
#rathergood a { color: #FFF; }


#showcase { overflow: auto; padding: 40px 0; }
#showcase .type-projects { 
	border: 1px solid #FFF;
	float: left; 
	height: 180px; 
	margin: 0 2px 2px 0;
	position: relative;
	width: 260px;  
		-webkit-box-shadow: 0 0 10px #999;
}
#showcase .type-projects:last-child{
	margin-right: 0;
}
#showcase .type-projects .type { 
	background: #FFF;
	border-radius: 3px;
	font-size: 10px;

	padding: 4px;
	position: absolute;
	top: -5px;
	z-index: 1;
	-webkit-box-shadow: 0 0 5px #333;
	
}
.projectthumb {
	display: block;
	height: 180px;
	overflow: hidden;
	width: 260px;
}
#links { float: left;  }
#searchform { clear: both;  margin: 60px 0; }
#faq { margin-bottom: 40px; }
#faq li { background: #FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  list-style-type: none; margin: 10px 0; padding: 10px; }
#faq li a { display: block; }
#faq .f { display: none; }