/*  
Theme Name: Colin Schye Blog
Theme URI: http://blog.colinschye.com.com
Description: This theme was designed exclusively for use by Colin Schye.
Version: 1.0
Author: Colin Schye
Author URI: http://www.colinschye.com
*/

@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body {
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
	font-weight:300;
	margin: 0;
	padding: 0;
	background-image:url(images/bg_repeat.jpg);
}

p {
	font-size:12px;
	font-weight:400;
	color:#c7c7c7;
	margin-bottom:10px;
	line-height:16px;
}

/*li div {
	font-size:12px;
	font-weight:400;
	color:#c7c7c7;
	margin-bottom:10px;
	border-top:thin;
	border-top-style:solid;
	border-top-color:#ababab;
	padding-top:6px;
	margin-top:-5px;
	line-height:14px;
}*/

img {
	border: 0;
}

.headline a {
	font-size:18px;
	font-weight:400;
	font-style:italic;
	color:#222;
	margin-bottom:5px;
}

h1 {
	font-size:24px;
	font-weight:400;
	color:#f0f0f0;
	text-transform:uppercase;
	margin-bottom:5px;
}

h2 {
	font-size:11px;
	font-weight:400;
	color:#c7c7c7;
	margin-top:7px;
}

h2 a {
	font-size:11px;
	font-weight:400;
	color:#c7c7c7;
	margin-top:7px;
}

h3 {
	font-size:18px;
	font-weight:normal;
	font-weight:400;
	font-style:italic;
	color:#222;
	margin-bottom:5px;
}

h4 {
	font-weight:600;
	font-style:italic;
	font-size:13px;
	margin-bottom:8px;
	color:#222;
	line-height:15px;
}

h5 {
	font-size:11px;
	font-weight:400;
	color:#c7c7c7;
	margin-bottom:9px;
}

h6 {
	font-weight:400;
	font-style:italic;
	font-size:14px;
	color:#c7c7c7;
}

a {
	text-decoration:none;
	color:#222;
}

a:hover{
	text-decoration:underline;
}

.project a, #tweet a, #project_main a {
	color:#c7c7c7;
}

.white {
	color:#f0f0f0;
	margin-top:4px;
}

.date{
	font-size:11px;
	font-weight:400;
	color:#c7c7c7;
	margin-top:4px;
}

.portfolio{
	display:inline;
	font-size:10px;
	font-weight:400;
	color:#333;
}

#home_link_container{
	width:978px;
	margin:0 auto;
}

#home_link{
	width:260px;
	height:41px;
	float:left;
	margin-top:22px;
}

#container {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	min-width:978px;
}

#bg_top_dark {
	background-image:url(images/bg_top_dark.png);
	background-repeat:repeat-x;
}

#constellations {
	background-image:url(images/constellations.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:fixed;
	width:100%;
	height:739px;
}

#stars {
	background-image:url(images/stars.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:fixed;
	min-width:100%;
	height:978px;
}

#clouds {
	background-image:url(images/clouds.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	position:fixed;
	width:100%;
	height:100%
}

#mountain {
	background-image:url(images/mountain.png);
	background-repeat:no-repeat;
	width:100%;
	background-position:bottom;
}

#header {
	background-image:url(images/header.png);
	width:100%;
	height:85px;
	background-repeat:no-repeat;
	background-position:center;
}

#bg_bars {
	height:100%;
	width:100%;
	background-image:url(images/content_bg.png);
	background-repeat:repeat-y;
	background-position:center;
	margin:0 auto;
}

#design {
	background-image:url(images/design.png);
	height:17px;
	width:100%;
	margin:10px auto 0 auto;
	background-repeat:no-repeat;
	background-position:center;
}

#photo {
	background-image:url(images/photo.png);
	height:17px;
	width:100%;
	margin:7px auto 0 auto;
	background-repeat:no-repeat;
	background-position:center;
}

#recent {
	background-image:url(images/recent.png);
	height:17px;
	width:100%;
	margin:7px auto 0 auto;
	background-repeat:no-repeat;
	background-position:center;
}

.project {
	background-image:url(images/project.png);
	width:221px;
	height:176px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	padding:10px 6px 0 6px;
}

.project_area {
	width:978px;
	margin:0 auto;
	padding:15px 0;
}

#project_area {
	width:978px;
	margin:0 auto;
	padding:15px 0;
	b
}

.opacity {
	opacity:0.9;
	filter:alpha(opacity=90);
}

.opacity:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

#recent_bg {
	background-image:url(images/recent_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
}

#recent_container {
	width:978px;
	margin:0 auto;
	padding:25px 0;
	height:121px;
}

#recent_blog {
	width:636px;
	margin-right:60px;
	float:left;
}

#recent_twitter {
	width:282px;
	float:left;
}

#twitter_bird {
	float:left;
	margin:6px 8px 15px 0;
}

#about_bg {
	background-image:url(images/about.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:413px;
	margin-top:17px;
}

#about_container {
	width:978px;
	margin:0 auto;
	padding:50px 0;
}

#about {
	width:660px;
	height:262px;
	float:right;
}

#tweet {
	list-style:none;
	list-style-image:none;
}

ul {
	list-style:none;
}

#creditfooter {
	display: none;
}

#social {
	float:right;
	width:660px;
	height:67px;
}

#social li {
    list-style:none;
    display:inline;
}

#social a {
    color:#fff;
    text-decoration:none;
    float:right;
    margin:0px;
    height:67px;
}

#social a:hover { 
    background-position:0 -67px;
}

#social li a.facebook {
	background-image:url(images/facebook.png);
    width:133px;
}

#social li a.twitter {
	background-image:url(images/twitter.png);
    width:160px;
}

#social li a.linked_in {
	background-image:url(images/linked_in.png);
    width:152px;
}

#social li a.behance {
	background-image:url(images/behance.png);
    width:149px;
}

#social li a span { 
	visibility:hidden;
}

#footer {
	float:right;
	padding:5px 0;
}

#border {
	width:283px;
	border-top:thin;
	border-top-style:solid;
	border-top-color:#ababab;
	margin:6px 0 0 0;
}

#content {
	position:relative;
	z-index:1;
}

#project_main img {
	margin:15px;
}

.border {
	border:thin;
	border-color:#7d7d7d;
	border-style:solid;
}

#project_top {
	background-image:url(images/project_top.png);
	width:978px;
	height:30px;
}

#project_top_photo {
	background-image:url(images/project_top.png);
	width:978px;
	height:24px;
}

#project_main {
	background-image:url(images/project_main.png);
	width:898px;
	padding:10px 40px;
}

#project_bottom {
	background-image:url(images/project_bottom.png);
	width:978px;
	height:30px;
}

#project_bottom_photo {
	background-image:url(images/project_bottom.png);
	width:978px;
	height:24px;
	background-position:bottom;
}

hr {
	border:none;
	height:1px;
	background-color:#5c5c5c;
	color:#5c5c5c;
	margin:12px 0;
}

#nav {
	width:182px;
	height:41px;
	float:right;
	margin-top:22px;
}

#nav li {
	list-style:none;
    display:inline;
}

#nav li a.nav_about {
	background-image:url(images/nav_about.png);
	width:52px;
}

#nav li a.nav_blog {
	background-image:url(images/nav_blog_new.png);
	width:49px;
}

#nav li a.nav_portfolio {
	background-image:url(images/nav_portfolio.png);
	width:81px;
}

#nav a {
    text-decoration:none;
    float:left;
    margin:0px;
    height:41px;
}

#nav a:hover { 
    background-position:0 -41px;
}

#nav li a span { 
	visibility:hidden;
}

#gallery_container {
	width:938px;
	padding:0 20px;
	background-image:url(images/project_main.png);
}


/******** BLOG STYLES ********/

#about p {
	line-height:14px;
}

.content_left {
	width: 628px;
	padding-right:30px;
	float:left;
	border-right:1px solid #5c5c5c;
}

.content_right {
	width:210px;
	margin-left:29px;
	float:left;
}

.post_date {
	width: 70px;
	height:70px;
	float:left;
	border:1px solid #5c5c5c;
	text-align:center;
	padding:14px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.08) 27%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.01)), color-stop(27%,rgba(255,255,255,0.08)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.08) 27%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.08) 27%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.08) 27%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.08) 27%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.post_month {
	font-size:20px;
	text-transform:uppercase;
	font-weight:600;
	margin:0 0 9px 0;
	line-height:14px;
}

.post_day {
	font-size:30px;
	font-weight:600;
	margin:0;
	line-height:14px;
}

.post_header {
	width: 543px;
	height:70px;
	float:left;
	margin-left:15px;
	margin-bottom:15px;
}

.content_left h1 a {
	color:#FFFFFF!important;
}

.post_header hr {
	margin:5px 0;
}

.double_hr hr {
	margin:2px 0;
}

.double_hr {
	margin:35px 0;
}

.post_category {
	float:left;
	font-size:12px;
}

.post_leave_comment {
	float:right;
	font-size:12px;
}

#nextprev {
	text-align:center;
}

.sidebar h2 {
	font-size:13px;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	border-top:1px solid #5c5c5c;
	border-bottom:1px solid #5c5c5c;
	padding:3px 0;
	text-align:center;
	margin:0 0 10px 0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.08)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.sidebar ul li {
	margin-bottom:30px;
/*	border-bottom:1px solid #5c5c5c;*/
}

.sidebar ul li ul li {
	border:none;
	margin:0 0 5px 20px;
	padding:0;
	font-size:13px;
	list-style:circle;
	color:#FFFFFF;
}

.entry img {
	padding:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:1px solid #5c5c5c;
}

.post h1 {
	font-size:22px;
	margin-top:2px;
}

.really_simple_twitter_widget li {
	list-style:none!important;
	margin-left:0!important;
}

.twitter-timestamp {
	font-size:11px;
	display:block;
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #5c5c5c;
}

strong, strong a {
	color:#FFF!important;
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
}

.entry li {
	font-size:12px;
	list-style:circle;
	margin:0 0 5px 20px;
	color:#c7c7c7;
}

.entry ul {
	margin-bottom:20px;
}

.ngg-gallery-thumbnail img {
	background:none!important;
}

.ngg-gallery-thumbnail img:hover {
	 background-color:#A9A9A9!important;
}

.post a img:hover {
	background-color:#A9A9A9!important;
}

.post h3 {
	color:#FFF;
	margin-top:20px;
}

.commentlist li {
	list-style:none;
	color:#c7c7c7;
}