/* ================= */
/* = color palette = */
/* ================= */

/*
	It's gonna be black, white and red (and gray too)
	
	Reds
	rgb(237, 24, 72)
	rgb(143, 14, 43)
	rgb(95, 10, 29)

	Grays
	rgb(250, 250, 250)
	#ccc
	#ddd
	#333
	
	white and black
	


*/

/*
View the license for PTSans and PTSans Bold
http://thinkmakedo.net/wp-content/themes/thinkmakedo/fonts/Paratype%20PT%20Sans%20Free%20Font%20License.txt
*/

@font-face {font-family: 'PTSans'; 
	src: url('../fonts/pts55f.eot'); 
	src: local('PT Sans'), url('../fonts/pts55f.woff') format('woff'), url('../fonts/PTS55F.ttf') format('truetype');
	}

@font-face {font-family: 'PTSansBold';
	src: url('../fonts/pts75f.eot');
	src: local('PT Sans Bold'), url('../fonts/pts75f.woff') format('woff'), url('../fonts/PTS75F.ttf') format('truetype');}



body {
	color: #333;
	/*font-family: PTSans, "Helvetica Neue", Helvetica, Arial, sans-serif;*/ 
	font-size: .80em;
	/*background: white url('../img/topBorder.gif') top left repeat-x;*/
	border-top: solid #B00 6px;
}

.alignright {
	float: right;
	margin-left: 10px;
}

.pagination {
	clear: both;
	display: none;
}

a {
	color: rgb(187, 0, 0);
}

hr {
	height: 1px;
}

.incipit {
	font-family: PTSans, "Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1.5em;
	padding: 40px;
	border-top: 1px dotted rgb(204,204,204);
	border-bottom: 1px dotted rgb(204,204,204);
	background-color: rgb(250,250,250);
	margin-bottom: 1.5em;
}

.incipit p {
	margin: 0;
}

div#container {
	padding: 0 20px;
}

/* ============== */
/* = header bar = */
/* ============== */

#header {}

#logo {
	display: block;
	width:80px;
	height: 62px;
	background-image: url('/wp-content/themes/thinkmakedo/img/3-d_logo.png');
	text-indent: -9000px;
	background-repeat: no-repeat;
	margin-left: -9px;
	float: left;
}

ul#social {
	float: right;
	list-style:none;
	margin: 0 0 .5em 0;
	height: 1.5em;
	padding: 0;
}

#social li {
	float: left;
}

#social li a {
	float:left;
	padding: 0 0 0 6px;
}


/* ===================== */
/* = header navigation = */
/* ===================== */

#nav {
	float: right;
	clear: right;
}


#nav #search {
	float: right;
	padding: .3em 0 0 0;
	border-left: 1px solid #ddd;
	width: 230px;
	text-align: right;
}

#nav #search label {
	display: none;
}

#nav .page-nav {
	float: left;
}

#nav ul, #nav ol {
	margin: 0;
	padding: 0;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
	padding: .5em 1.5em;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	border-left: 1px solid #ddd;
}

#nav li a:hover {
/*	background: rgb(250, 250, 250);*/
	background: #fff0f3;
	color: rgb(237, 24, 72);
}




/* ============================= */
/* = homepage specific styling = */
/* ============================= */

#slideshow {
	height: 475px;
	overflow: hidden;
	-moz-box-shadow: 2px 3px 6px #ccc;
	-webkit-box-shadow: 2px 3px 6px #ccc;
	background-color: #fff;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
	margin-bottom: 1.5em;
}

ul#slideshow, #slideshow li {
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
}

#slideshow div.caption {
	position: absolute;
	margin: 0;
	padding: 0 20px;
	bottom:0;
	left:0;
	width: 910px;
	height: 100px;
	background-color: white;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#slideshow h2 {
	text-align: left;
	float: left;
	font-size: 6em;
	font-weight: 100;
	line-height: 1.1em;
}

#slideshow p {
	margin: 15px 0;
	width: 590px;
	float: right;
}


#slidenav {
	float: left;
	width: 100%;
	text-align: center;
}

#slidenav a {
	display: inline-block;
	background: #fc0;
	text-decoration: none;
	text-indent: -9000px;
	margin: 15px 5px;
	height: 10px;
	width: 10px;
}
#slidenav a.activeSlide {
	background: #ea0
}
#slidenav a:focus {
	outline: none;
}


.home .category-work, 
.tag .category-work,
.archive .category-work {
	-moz-box-shadow: 2px 3px 6px #ccc;
	-webkit-box-shadow: 2px 3px 6px #ccc;
/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}

.home .category-work h5,
.tag .category-work h5,
.archive .category-work h5 {
	margin-bottom: 0;
}

.home h1 {
	font-weight: bold;
	font-size: 6em;
	margin-bottom: .5em;
}

.home #how_we_do_it {
	margin-top: .25em;
}

.home #portfolio {
	font-family: PTSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3em;
	letter-spacing: -0.04em;
	padding: 0 0 1em 0;
	border-bottom: 1px dotted rgb(204,204,204);
	word-spacing: 0.02em;
	color: rgb(170,170,170);
}

.home #what_we_do {
	font-family: PTSansBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 6em;
		padding-top: .75em;
	margin-bottom: .25em;
	border-top: 1px dotted rgb(204,204,204);
	letter-spacing: -0.04em;
	word-spacing: 0.02em;
	color: rgb(170,170,170);
}

.home h3 {
	margin-bottom: .5em;
}

.home #sidebar .widget_archive, .archive #sidebar .widget_archive {
	margin-right: 0;
}

/* ========================= */
/* = post specific styling = */
/* ========================= */

.post h3, .page h3 {
	font-size: 3em;
}

.archive #sidebar,
.archive #sidebar .widget, 
.blog #sidebar,
.blog #sidebar .widget, 
.four04 #sidebar,
.four04 #sidebar .widget, 
.single #sidebar,
.single #sidebar .widget, 
.page #sidebar,
.page #sidebar .widget {
	width: 180px;
	float: right;
}

.home #sidebar,
.tag.archive #sidebar,
.category-work #sidebar {
	width: 950px;
}

.home #sidebar .widget,
.tag.archive #sidebar .widget,
.category-work #sidebar .widget {
	float: left;
	width: 230px;
}

.blog #sidebar .widget, 
.four04 #sidebar .widget, 
.single #sidebar .widget, 
.page-template #sidebar .widget {
	margin-top: 1.25em;
}

img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#the-tags {
	clear: both;
	margin-top: 1.5em;
	float: left;
}

.edit-this {
	clear: both;
}

.pagination_single {
	float:left;
	width: 100%;
	margin-top: 1.5em;
	border-top: 1px dotted rgb(204,204,204);
}

.blog .content {
	border-bottom: 1px dotted rgb(204,204,204);	
	margin-bottom: 1.5em;
}

.previous {
	float: left;
	margin-top: 1.5em;
}

.next {
	float: right;
	margin-top: 1.5em;
}

/* ========================= */
/* = work specific styling = */
/* ========================= */

.work-caption {
	padding: 5px 10px 10px 10px;
	border-top:1px solid rgb(242, 242, 242); 	
	height: 65px;
	overflow: hidden;
/*	background-color: rgb(242, 242, 242);*/
}

.work-tags {
	font-size: 11px;
}

a.work-link {
	float: right;
	margin: 0.7em 0 0.7em 0.5em;
	font-size: 9px;
}


/* ===================== */
/* = slideshow styling = */
/* ===================== */

div.ngg-galleryoverview {
	width: 710px;
	height: 533px;
	overflow: hidden;
	-moz-box-shadow: 2px 3px 6px #ccc;
	-webkit-box-shadow: 2px 3px 6px #ccc;
	background-color: #fff;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
	margin-bottom: 3em;
}


/* ==================== */
/* = headline styling = */
/* ==================== */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	word-spacing:-0.05em;
}

h1.entry-title {
	clear: both;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

button:hover, a.button:hover {
	text-decoration: none;
}

p {
	word-spacing: .05em;
}

a {
	word-spacing: inherit;
}

/* ============ */
/* = sidebars = */
/* ============ */


#sidebar ul, #sidebar ul li {
	list-style: none;
	padding:0;
	margin: 0;
}

.widget ul, .widget div {
	border-top: 1px dotted rgb(204,204,204);
}

#sidebar ul li {
	border-bottom: 1px dotted rgb(204,204,204);
}

.widget h2, .widget div {
	padding: 0 10px;
	margin-bottom: .25em;
}

.widget h2 {
	line-height: 1em;
}

.widget .clear {
	border: 0;
}

.home #sidebar .widget_tag_cloud {
	/*margin-right: 0;*/
}


#sidebar ul li a {
	color: #333;
	padding: 9px 10px; 
	text-decoration: none;
	display: block;
	text-indent: 0; 
}

#sidebar ul li a:hover {
	background: #fff0f3;
	color: rgb(237, 24, 72);
}

.widget_tag_cloud a {
	text-decoration: none;
}

.widget_tag_cloud a:hover {
	text-decoration: none;
	background: #fff0f3;
	color: rgb(237, 24, 72);
}