@import url(http://fonts.googleapis.com/css?family=Roboto:300,400);

body,
button,
input,
select,
textarea {
	color: #000;
	font-family : 'Roboto', sans-serif;
}

.site {width: 1200px; margin:0 auto; z-index: 1;position: relative;}
.site-header{margin-bottom:5em;}
.site-title{font-size:6.5em; font-weight: 400; margin:0;}
.site-description{font-size:2em; font-weight: 400; margin:0; color:#000;}


a{text-decoration: none;}
a:hover{color:#0000ff}
a:visited{color:#0000ff}

h1 a:link , h1 a:visited{
	color: #000;
	text-decoration: none;
}

h2 { font-size: 2.4em; line-height: 2.4em; }
h3 { font-size: 2.2em; line-height: 2.2em; }
h4 { font-size: 2em; line-height: 2em; }
h5 { font-size: 1.8em; line-height: 1.8em; }
h6 { font-size: 1.6em; line-height: 1.6em; }


main{display:block;}
.content-area{float : left; width:65%; margin-right:40px;}
.widget-area{float : left; width:30%;}

.page-header {font-size:4em; margin-bottom:1em;}
.entry-title, .widget-title {font-size:2.5em;}

.hentry{margin-bottom: 5em; padding-left:16px; padding-bottom:20px; border-left: 8px solid #0c9aeb; background:#fff;}
.blue-entry{ border-left: 8px solid #0c9aeb;}
.pink-entry{ border-left: 8px solid #ec008c;}
.green-entry{ border-left: 8px solid #39b54a;}

a.more-link{padding:10px; border-radius:2px; color:#fff; margin-bottom:20px; text-transform: uppercase; font-size:14px;}
a.more-link:hover{color#fff}
a.more-link:visited{color#fff}

.blue-entry .more-link{ background: #0c9aeb;}
.pink-entry .more-link{ background: #ec008c;}
.green-entry .more-link{ background: #39b54a;}


.widget ul{font-weight:300; list-style: none; margin:0; font-size:1.25em;}
.widget ul li{margin:0;}

.hentry footer{font-size:0.9em;}


@media (min-width: 1200px) {
	.site {width: 1200px; margin:0 auto;}
}

@media screen and (max-width : 1200px){
	.site {width: 960px; margin:0 auto;}
	.site-header{margin-bottom:2em;}
	.site-title{font-size:4.5em;}
	.site-description{font-size:2em;}
	.page-header {font-size:2em; margin-bottom:1em;}
	.entry-title, .widget-title {font-size:2em;}
	.hentry{margin-bottom: 2.5em;}

	h2 { font-size: 2em; line-height: 2em; }
	h3 { font-size: 1.8em; line-height: 1.8em; }
	h4 { font-size: 1.6em; line-height: 1.6em; }
	h5 { font-size: 1.4em; line-height: 1.4em; }
	h6 { font-size: 1.2em; line-height: 1.2em; }

}


.background-canvas{
	position: fixed;
	z-index: 0;
	top:0;
	left:0;
}


/* Comments */

.comments-area{
	padding: 20px 20px;
	margin:0;
	background: #e4e4e4;
	border-top:1px solid #ededea;
	list-style-type: none;
}

.comment-list {
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
}

.comment,.pingback {
    margin: 0;
    padding: 0;
    list-style: none;
}

.avatar {
     margin: 10px 10px;
     float:left;
     border:2px solid #fff;
}
.comment-top{
	background: #fafafa;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
}

cite.fn {
    color: #777576;
    font-style:normal;
    font-weight:bold;
    font-size:16px;
    padding-top: 10px;
    display: block;
}

.comment-content{
	padding: 20px 20px 20px 20px;
	background: #fff;
}

.comment-list li .reply {
    background: #0c9aeb;
    color: #fff;
    font-size: 14px;
    padding:5px 10px;
    display: inline-block;
    border-radius: 2px;
}

.comment-list li .reply a {
	color:#fff;
}

.space{
	height:50px;
}

.comment-list li .children {
    list-style: none;
    text-indent: 0;
    margin: 0;
}


#respond {
    margin: 30px 0;

}

#respond h3 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    padding: 5px 0px;
    margin:0px 0px;
}

#commentform {
    padding: 0px 0px;
}

#commentform p {
    color: #777;
    margin: 5px 0;
}

.form-allowed-tags{
	font-size:13px;
}

#respond label {
    display:inline;
    color: #777;
    padding: 5px 0;
}

#respond input {
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
    margin: 0 10px 10px 0;
    padding: 5px;
}

#commentform input {
    width: 50%;
    display:block;
    margin-top:5px;
}

#respond input#submit {
	width:130px;
    background:#eee;
    color: #555;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

textarea#comment {
    display:block;
    margin-top:5px;
    background: #fff;
    border: 1px solid #ddd;
    width: 70%;
    color: #333;
    margin: 5px 0 0;
    padding: 10px 10px;
}


.form-allowed-tags{
	padding:20px 0;
}


.comment-meta,#respond label small {
    font-size: 10px;
}