@import url("//patternizer.com/stylesheets/style.css");
@import url("//patternizer.com/stylesheets/user.css");


@font-face {
    font-family: 'MuseoSlab';
    src: url('fonts/Museo_Slab_500-webfont.eot');
    src: url('fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
    src: url('fonts/BEBAS-webfont.eot');
    src: url('fonts/BEBAS-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS-webfont.woff') format('woff'),
         url('fonts/BEBAS-webfont.ttf') format('truetype'),
         url('fonts/BEBAS-webfont.svg#webfontOJIfwzl6') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------------------------------------------------------------------
 * WP THEME STYlES
 * --------------------------------------------------------------------- */

p {
	line-height: 20px;
	margin: 0 0 15px 0;
}

#main nav {
	padding: 40px 0 0 0;
	width: 260px;
	float: left;
	margin: 0 40px 0 0;
}

#main nav li {
	margin: 0 0 5px 0;
}

#main nav a {
	font-family: Bebas, sans-serif;
	text-transform: uppercase;
	font-size: 19px;
	color: #6CABCC;
	display: inline-block;
	padding: 5px 15px 5px 80px;
	word-spacing: 3px;
	-webkit-transition: color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
       -moz-transition: color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
        -ms-transition: color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
         -o-transition: color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

#main nav a:hover {
	color: #77C2E9;
}

#main nav .current-menu-item a {
	color: #F06B91;
	background-color: #8CBACF;
}

.content {
	float: left;
	width: 615px;
	padding: 40px 0 40px 0;
}

.content h1 {
	font-family: MuseoSlab, serif;
	font-size: 30px;
	margin: 0 150px 20px 0;
	font-weight: normal;
}
.content h2 {
	font-family: MuseoSlab, serif;
	font-size: 20px;
	margin: 20px 150px 7px 0;
	font-weight: normal;
}
.content h3 {
	font-family: MuseoSlab, serif;
	font-size: 15px;
	margin: 20px 150px 7px 0;
	font-weight: normal;
}


.content a {
	font-weight: bold;
	color: #6CABCC;
}
.content a:hover {
	text-decoration: underline;
}
.content ul {
	list-style: disc;
	margin: 15px 0 15px 1.4em;
}

.content li {
	margin: 0 0 5px 0;
}

/* ---------------------------------------------------------------------
 * BLOG PAGE
 * --------------------------------------------------------------------- */

.blog .content {
	width: 640px;
}
.blog article {
	margin-bottom: 30px;
}

.blog h2,
.single h2 {
	font-size: 22px;
	margin-top: 0;
}
.blog h2 a,
.single h2 a {
	color: #333;
	font-weight: normal;
}

.blog h3,
.single h3 {
	font-size: 18px;
}

.blog p,
.single p {
	margin: 0 80px 15px 0;
	clear: both;
}

.blog img,
.single img {
    border: 1px solid #BFBFBF;
}

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

.post-data {
	float: right;
	line-height: 35px;
	color: #666;
	font-size: 11px;
}

.blog .comments-link,
.single .comment-link {
	font-weight: normal;
	color: #666;
	font-size: 11px;
	font-style: italic;
}

/* ---------------------------------------------------------------------
 * FEATURED PATTERNS
 * --------------------------------------------------------------------- */

.featured .content {
	width: 730px;
}

.pattern-gallery {
	margin: 0 0 20px -20px;
}

.featured .pattern-gallery a {
	display: block;
	width: 325px;
	padding: 20px;
	color: #333;
	text-decoration: none;
	float: left;
	-webkit-transition: background-color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
       -moz-transition: background-color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
        -ms-transition: background-color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
         -o-transition: background-color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: background-color 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.featured .pattern-gallery a:hover {
	background-color: rgba(255, 255, 255, 0.60);
}

.featured figure img {
	border: 1px solid #BFBFBF;
}

.featured figcaption p {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
}

.featured .pattern-gallery h2 {
	margin: 4px 0 0 0;
	line-height: 18px;
}




/* ---------------------------------------------------------------------
 * SINGLE PAGE
 * --------------------------------------------------------------------- */

#respond {
	margin: 30px 0 0 0;
}

#commentform p {
	margin: 0;
}

#commentform label {
	line-height: auto;
	margin: 0;
	float: left;
}
#commentform .required {
	float: left;
	margin-top: 4px;
}
#commentform input[type="text"], #commentform textarea {
	clear: left;
	display: block;
	width: 350px;
}

#commentform input[type="submit"] {
	color: #fff;
	font-family: MuseoSlab, serif;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.65);
	   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.65);
	     -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.65);
	        box-shadow: 0 0 2px rgba(0, 0, 0, 0.65);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background: rgb(143,143,143); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(143,143,143,1) 0%, rgba(92,92,92,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,143,143,1)), color-stop(100%,rgba(92,92,92,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(143,143,143,1) 0%,rgba(92,92,92,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(143,143,143,1) 0%,rgba(92,92,92,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(143,143,143,1) 0%,rgba(92,92,92,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(143,143,143,1) 0%,rgba(92,92,92,1) 100%); /* W3C */
	padding: 0.5em 1em;
	border: none;
	margin: 25px 0 0 0;
}


#commentform input[type="submit"]:active {
	padding-top: 0.55em;
	padding-bottom: 0.45em;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.65);
	   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.65);
	     -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.65);
	        box-shadow: 0 0 1px rgba(0, 0, 0, 0.65);
	background: rgb(92,92,92); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(143,143,143,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,92,92,1)), color-stop(100%,rgba(143,143,143,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(143,143,143,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(143,143,143,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(143,143,143,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(92,92,92,1) 0%,rgba(143,143,143,1) 100%); /* W3C */
}


.form-allowed-tags, .comment-notes {
	display: none;
}