/*
	Theme Name: scastilho CREAM
	Theme URI: http://sebcastilho.com/
	Description: lol.
	Version: 1.0
	Author: Sebastian Castilho
	Author URI: http://sebastilho.com/
*/

/* whole page */

@font-face {
    font-family: 'FORQUERegular';
    src: url('Forque-webfont.eot?') format('eot'),
         url('Forque-webfont.woff') format('woff'),
         url('Forque-webfont.ttf') format('truetype'),
         url('Forque-webfont.svg#webfontXpDLxgU1') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('Lobster_1.1_-webfont.eot');
	src: local('?'), url('Lobster_1.1_-webfont.woff') format('woff'), url('Lobster_1.1_-webfont.ttf') format('truetype'), url('Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin: 0;
	padding: 0;

	color: #444;
	background: url("images/F5F5F5F1F1F1_41.png") repeat scroll 0 0 #eee;
	
	font-family: Georgia, Arial, sans-serif;
	font-size: 12px;
	
	line-height: 1.5;
}

#pageContainer {
	width: 100%;
	padding-top: 30px;
}




#page {
	margin: 0;
	padding: 0;
}

a {
	color: #32a0ed;
	background: none;
	
	text-decoration: none;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

a:hover {
	background: #32a0ed;
	color: #fff;
}

a.nohover:hover {
	background: none;
	border: none;
	outline: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

a img {
	border: 0px;
	outline: 0px;
}
a img:hover {
	border: 0px;
	outline: 0px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote {
	margin: 1em 2em 1em 1em;
}

/* end whole page */

/* header */
#header {
	margin: 0 auto;
	padding: 0;
	
	width: 1000px;
}

#header h1 {
	margin: 0;
	padding: 0;
	
	display: inline;
	
	font-size: 50px;
	font-family: 'FORQUERegular', Helvetica, Helvetica Lt Std, Arial, sans-serif;
	line-height: 0.75em; /* weird IE7 bug fix */
	font-size-adjust: 0.6;
	
	
}


#header h1 a { 
	color:#bbb;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

#header h1 a:hover {
	color: #32A0ED;
	border: none;
	background:transparent;
	outline: none;
	
	}

#header #tagline {
	margin: 0.75em 0em 0em 2em; /* also part of the IE7 fix */
	border: 0px solid gray;
	border-left: 1px solid gray;
	padding: 0.5em 0em 0.5em 2em;
	
	color: gray;
	background: inherit;
	
	float: left;
}
/* end header */

/* content area */ 
.blogentry { 
	font-size: 1.15em;
	line-height: 1.5em;
	width: 700px;
	float:left;
	margin: 0 auto;
	background-color: white;
	padding: 30px;
	border: 1px solid #ccc;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}
.page-entry { 
	font-size: 1.15em;
	line-height: 1.5em;
	width: 720px;
	padding: 35px 50px 50px 50px;
	margin: 20px auto 0 auto;
	background-color: white;
	border: 1px solid #ccc;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}
	 
	
#content {
	margin: 25px auto 0 auto;
	padding: 0em;
	width: 900px;
	
}

#content h2 {
	margin: 0;
	padding: 0;
	color: #ff8585;
	font-family: 'Lobster1.1Regular', Helvetica, Arial, sans-serif;
	font-size: 2.4em;
	letter-spacing:0px;
	font-weight: normal;
}

#content .blogpost {
	width: 920px;
	margin: 15px auto 70px auto;
}
#content .post {
	margin: 0;
	padding: 0;
}


#content h3 {
	margin: 0;
	padding: 0em;
	
	letter-spacing:-1px;
	
	font-size: 22px;
	font-weight: normal;
}

#content .blogpostmetadata {
	background: inherit;
	
	font-size: 0.9em;
	text-align: right;
	float:right;
	width:110px;
	margin-top: 26px;
	padding-left: 10px;
	line-height: 1.5em;
	margin-bottom: 30px;
	color: #333;
}
#content .postmetadata {
	background: inherit;
	
	font-size: 0.9em;
	text-align: right;
}

#content .postmetadata a {
	color: #32A0ED;
}

#content .blogpostmetadata a {
	color: #32A0ED;
}
#content .blogpostmetadata a:hover {
	color: #eee;
}

#content .postmetadata a:hover{
	color: #eee;
}

#content .big-text {
	font-size: 1.4em;
	font-weight:bold;
	}
	
	

#content .navigation {
	margin: 0;
	padding: 0em;
	
	display: block;
	height: 50px;
}

#content .goback {
	margin: 0em 0.5em 0em 0em;
	
	float: left;
	
	font-size: 1.25em;
	font-weight: bold;
	
}

#content .goback a {
	display: block;
	padding: 8px;
	border: 1px solid #888;
	color: #32A0ED;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	}
	
#content .goback a:hover {
	outline: none;
	color: #eee;
	}
	
#content .goback {
	margin: 0em 0.5em 0em 0em;
	
	float: left;
	
	font-size: 1.25em;
	font-weight: bold;
	
}

#content .goArchive {
	margin: 0em 0.5em 0em 30px;
	
	float: left;
	
	font-size: 1.25em;
	font-weight: bold;
	
}

#content .goArchive a {
	display: block;
	padding: 8px;
	border: 1px solid #888;
	color: #32A0ED;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
#content .goArchive a:hover {
	outline: none;
	color: #eee;
	}

#content .goforward {
	margin: 0em 0em 0em 0.5em;
	padding: 8px;
	color: #32A0ED;
	
	float: right;
	
	font-size: 1.25em;
	font-weight: bold;
}
#content .goforward a {
	display: block;
	padding: 8px;
	border: 1px solid #888;
	color: #32A0ED;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
	
#content .goforward a:hover {
	outline: none;
	color: #eee;
	}

#content #comments {
	margin: 2em 0em 1em;
	padding: 0em;
	
	clear: both;
}

#commentform {
	margin: 0 0 70px 0;
	}
#commentform a {
	color: #32A0ED;
	}

#content .commentlist {	
	margin: 0em;
	padding: 0em;
	
	font-size: 0.9em;
}

#content .commentlist li {
	margin: 0em;
	padding: 0em;
	
	list-style-type: none;
	border-bottom: 1px dotted #222;
}

#content .commentlist img.avatar {
	float: right;
	margin-left: 1em;
}

#content .commentmetadata {
	margin: 0em 0em 2em;
	color: #aaa;
	background: inherit;
}
#content .commentmetadata a {
	color: #32A0ED;
}

#content #respond {
	margin: 2em 0em 1em;
	padding: 0em;
	
	clear: both;
}
/* end content area */

/* these rules are added for compatibility with WordPress Theme Directory */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.alignleftmargin {
	float: left;
	margin: 20px;
}

.alignrightmargin {
	float: right;
	margin: 20px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* end Theme Directory compatibility */

/* sidebar */
#sidebar {
	margin: 4em 0em;
	padding: 0em;

	width: 16em;
}

#sidebar h2 {
	margin: 0em;
	padding: 0em;

	font-size: 1.0em;
}

#sidebar h2 a, #sidebar h2 a:visited {
	color: black;
	background: inherit;
}

#sidebar h2 a:hover {
	color: #eee;
}

#sidebar ul {
	margin: 0em;
	padding: 0em;
}

#sidebar ul li {
	margin: 0em 0em 1em;
	padding: 0em;
	
	
	list-style-type: none;
}

#sidebar ul li p, #sidebar ul li ul, #sidebar ul li ol {
	font-size: 1em;
}

#sidebar ul li ul li, #sidebar ul li ol li {
	margin: 0em;
	padding: 5px 0 5px 0;
	line-height: 96%;
}

#sidebar .textwidget {
	font-size: 1em;
}
#sidebar .big {
	font-family: 'Lobster1.1Regular', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	margin-bottom: 10px;
	
	letter-spacing:1px;
}

#sidebar .big a {
color: #ff5e5e;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

#sidebar .big a:hover {
	color: #eee;
	border-bottom: none;
	}

/* end sidebar */

/* footer */

#footer {
	margin: 0;
	padding: 0 0 30px 0;	
	width: 100%;
	
	font-size: 1.2em;
	
	color: #888;
	clear: both;
	letter-spacing: -1px;
}
#footer a {
	color: #32A0ED;
	padding: 4px;
	
	text-decoration: none;
	padding: 3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#footer a:hover{
	border-bottom: none;
	
	color: #fff;
	}
#footerContent em {
	font-style: italic;
	color: #666;
	}


#footerContent {
	width: 960px;
	margin: 0 auto;
	padding: 10px;
	border-top: 1px solid #aaa;
}
#footerContent h2 {
	margin: 0 0 15px 0;
	padding:0;
	font-weight: normal;
	font-family: 'Lobster1.1Regular', Georgia, Helvetica, Arial, sans-serif;
	letter-spacing: 0px !important;
	color: #999;
	font-size: 20px;
}


	
#footerContent .lefty {
	width: 560px;
	float:left;
	border-right: 1px solid #aaa;
	}
#findMe {
	width: 350px;
	height: 150px;
	float:right;
	line-height: 1.2em;
	font-weight: normal;
	}
#findMe h2 {
	margin: 0 0 15px 0;
	padding:0;
	font-weight: normal;
	font-family: 'Lobster1.1Regular', Georgia, Helvetica, Arial, sans-serif;
	letter-spacing: 0px !important;
	color: #999;
	font-size: 20px;
}
#findMe .left {
	float: left;
	}
#findMe .right {
	float: right;
	}
#findMe .middle {
	float: left;
	margin-left: 50px
	}
#findMe a {
	display: block;
	color: #888;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	}
	
	
@media screen and (-webkit-min-device-pixel-ratio:0) { 

#footer .notice {
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	color: #50cc37 !important;
	}

}	
#footerContent .notice {
	font-size: 0.7em;
	font-family: Arial, sans-serif;
	color: #222;
	}

	
	
/* end footer */

/* page specific */


#sketchbook img {
	padding: 10px;
	}
	
	
.ytLink {
	display: block;
	width: 25px;
	height: 25px;
	background: url('images/youtube_hover.png') bottom;
	text-indent: -99999px;
}
.ytLink:hover {
	background-position: 0 0;
	background: none repeat scroll 0 0 transparent;
    border: medium none;
}
	
/* column container */
#projectsPage .colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
#projectsPage .colright,
#projectsPage .colmid,
#projectsPage .colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
#projectsPage .col1,
#projectsPage .col2,
#projectsPage .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
#projectsPage .threecol {
}
#projectsPage .threecol .colmid {
	right:33%;			/* width of the right column */
}
#projectsPage .threecol .colleft {
	right:33%;			/* width of the middle column */
}
#projectsPage .threecol .col1 {
	width:33%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
#projectsPage .threecol .col2 {
	width:33%;			/* Width of left column content (column width minus padding on either side) */
	left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
#projectsPage .threecol .col3 {
	width:33%;			/* Width of right column content (column width minus padding on either side) */
	left:67%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
	
#projectsPage .item {
	width: 210px;
	padding: 10px;
	border: 1px solid #acacac;
	margin-bottom: 40px;
	}
#projectsPage .itemInfo{
	width: 210px;
	border-top: 1px solid #acacac;
	padding-top: 7px;
	font-size: 0.9em;
	}
#projectsPage h4{
	font-size: 1.8em;
	letter-spacing:-1px;
	color: #333;
	}
	
/* formatting */

.small-text {
	font-size: 0.8em;
}

#nav-menu {
	margin: 0 ;
	padding: 10px 0 0 0;
	display: inline;
	float: right;
	}
#nav-menu ul {
	margin: 0;
	padding: 0;
	display: inline;
	}
#nav-menu li {
	margin: 0 0 10px 0;
	padding: 0 9px;
	display: inline;
	
	font-family: 'FORQUERegular', Helvetica, Helvetica Lt Std, Arial, sans-serif;
	font-weight: normal;
	font-size: 2em;
	letter-spacing:1px;
	font-size-adjust: 0.6;
	}
	
#nav-menu li a {
	color: #aaa;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	}
	
#nav-menu li a:hover {
	color: #32A0ED;
	border: none;
	background-color:transparent;
	outline: none;
	}
	
li {
	list-style-type: circle;
	}
	
.cleaner { clear: both; }
	
	
.thinbox {
	width: 200px;
	float: left;
	}
	
.image-outlined {
	outline: 1px solid #555;
	}
.image-outlined:hover {
	outline: 1px solid #bbb;
	}
	
.tagline {
	font-size: 1.5em;
	}
	
h4 {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	letter-spacing: -1px;
	color: #444;
	}
	
	
#journalArchive {
	width: 500px;
	}

#journalArchive h2 {
	margin: 0;
	padding: 0;
	color: #222;
	font-family: Georgia, serif;
	font-size: 2em;
	letter-spacing:-1px;
	font-weight: normal;
}

#journalArchive a {
	color: #555;
	}
	
#journalArchive ul {
	margin-bottom: 40px;
	}
#journalArchive li {
	margin-bottom: 10px;
	}
	
.justText {
	padding: 20px;
	background-color: #eee;
	}