/*
Theme Name: forgecode
Theme URI: <none>
Description: The theme used for the forgecode blog.
Version: 0.1
Author: Nick Forge
Author URI: http://forgecodeblog.com/
Tags: 

	forgecode theme 0.1

*/


/*
----------	Page Content -------------
*/




/*********** Font Colours ***********/

/* Slate Blue */
h2, h2 a, small, p a, a, .read-more, .image-caption {
	color: #46709f; }

/* Green */
h1, h1 a, h3, h3 a {
	color: #4c740b; }

/* Almost Black */

/* Dark Grey (for quote text) */




/*********** Link Styles ************/
a { text-decoration: none; }
a:hover { background-color: #ddd; }



/*********** Text Styles *********/
* {
	color: #181818;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

p, li {
	line-height: 1.6;
}

li {
	margin: 18px;
	padding: 0px;
}

ul {
	list-style-type: square;
	margin-left: 0px;
	padding-left: 26px;
}

h1, h2, h3 {
	font-weight: normal;
}

h1, h1 a {
	text-align: left;
	margin-top: 18px;
	margin-bottom: 18px;
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 24px;
}

h2, h2 a {
	text-align: left;
	margin-top: 30px;
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 19px;
}

h3, h3 a {
	text-align: left;
	margin-top: 24px;
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 15px;
}

small {
	margin: 18px 0px;
	font-size: 12px;
}

pre code {
	display: block;
	font-family: Monaco, Courier, monowidth;
	color: black;
	font-size: 10px;
	margin: 20px;
	margin-right: 0px;
	padding: 10px;
	background-color: #eee;
	white-space: pre;
}

code {
	font-family: Monaco, Courier, monowidth;
	font-size: 10px;
	white-space: pre;
	color: #616161;
}

blockquote p {
	color: #555;	
	font-size: 12px;
}

blockquote {
	margin: 20px;
	margin-right: 0px;
	padding: 5px 25px;
	background-color: #f0f0f0;
}

/*** Codecolorer styles ***/

/*** Layout box properties ***/
.codecolorer-container {
	margin: 20px !important;
	padding: 5px !important;
	border-style: none !important;
	background-color: #eee !important;
}

/*** Fonts ***/
.codecolorer-container * {
	color: #000;
	font-family: Monaco, Courier, monowidth !important;
	font-size: 10px !important;
}



/*******************

	Objective-C
	
*******************/


/* # statements */
.objc .codecolorer .co1 { color: #593a21; }

/* Comments */
.objc .codecolorer .co2 { color: #367209; }

/* @keywords */
.objc .codecolorer .kw1 { color: #8f1c90; }
.objc .codecolorer .kw4 { color: #8f1c90; }

/* class names */
.objc .codecolorer .kw5 { color: #512797; }



.input-button {
	padding: 0px;
}

.download-div {	
	width: 300px;
	margin: auto;
	background-color: #999;	
}

a.download {
	padding: 20px 20px 25px 20px;
	margin: 0px;
	text-align: center;
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 16px;
	color: #eee;
	display: block;
}

a.download:hover {
	background-color: #777;
	color: #fff;
}

.subtle {
		color: #aaa;
	font-size: 11px;
}

/****** Archive page ******/
.archive-month-year-heading {
	margin-left: 10px;
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 16px;
	color: #4c740b;
}

p.archive-post-link a {
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 15px;
	color: #181818;
}

p.archive-post-link small {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #46709f;
}

.archive-month-div {
	margin-top: 40px;
	margin-bottom: 40px;
}


/******* Single Post Page ******/
.single-post-container {
}


/**** Comment Layout ****/
.comment-container {
	background-color: #eee;
}


.comment-content-container {
	padding-top: 4px;
	padding-left: 26px;
	padding-bottom: 10px;
	padding-right: 20px;
	height: 100%;			
}

.comment-content-container .codecolorer-container.text {
	width: 420px !important;
	background-color: #ddd !important;
}

.commenter-container {
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 100%;
	height: 68px;
	/*background-color: rgba(41,66,251,0.35);*/
}


.commenter-details-container {
	padding-top: 17px;
	padding-left: 68px;
}

.avatar-container {
	padding: 10px;
	position: absolute;
}

ol.comment-list {
	margin: 0px;
	padding: 0px;
}

li.comment-list {
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: none;
}

.comment small {
	color: #aaa;
	font-size: 11px;
	text-align: right;
}

#comments-form-section {
	margin-left: 10px;
}

.labels-column {
	text-align: right;
}



.comments-form-table td {
	padding-top: 8px;
}

/****** Multiple Post Page *****/
.multi-post {
}

.multi-post-container {
}



.multi-blog-post-divider {
	background-color: #bbb;
	height: 1px;
}

/****** Search Results Page *****/
p.search-results-post-link a {
	font-family: Gill Sans, Gill Sans MT, Gill Sans Std, Myriad Pro, Myriad Web, Myriad Std, Lucida Grande, Bitstream Vera Sans, Verdana, sans-serif;
	font-size: 15px;
	color: #181818;
}

/****** Graphics et. al. ******/
img {
	border-style: none;
}

.mouse-icon {
	margin-top: 18px;
	margin-bottom: 42px;
	width: 23px;
	height: 23px;
	background-image: url(images/mouse_icon.png);
}

.divider {
	background-color: #bbb;
	height: 1px;
}


/* @group Page Layout */

/*
----------	Main Layout -------------
*/

html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*background: #535353 url(images/bg_gradient.png) repeat-x;*/
	background: #303030;
	font-family: Helvetica, Arial, sans-serif;
}


#column {
	width: 780px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}


#container {
	padding-top: 30px;
	padding-bottom: 30px;
}

#page-container {
	min-height: 900px;
	height: 100%;
	background-color: #fbfbfb;
	position: relative;
}

#page-content {
	padding-top: 45px;
	padding-bottom: 90px;
	padding-left: 70px;
	padding-right: 180px;
}

#footer-copyright {
	position: absolute;
	left: 70px;
	bottom: 50px;
	/*background-color: rgba(119,249,26,0.53);*/
}

/* @group Header
 */




#header {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 780px;
	height: 120px;
	background-color: #568427;
	background-image: url(images/banner.png);
}


#banner-home-link {
	margin: 0px;
	width: 300px;
	height: 100%;
	display: block;
	outline-style: none;
}

#banner-home-link a:hover {
	background-color: transparent;
}

.green-led {
	background-image: url(images/green_led.png);
	width: 15px;
	height: 14px;
	position: absolute;
	left: 6px;
	top: 6px;
}

.button a {
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.07s;
	-webkit-transition-timing-function: ease-in-out;
	opacity: 1;
	outline-style: none;
}

.button a:hover {
	opacity: 0.5;
}

.button a:active {
	opacity: 0;
}

li.button {
	list-style-type: none;
}


#blog-button a {position: absolute;left:378px;top:30px;height:62px;width:100px;background:url(images/button_blog_std.png) 3px 3px no-repeat;}
#blog-button-depressed {position: absolute;left:378px;top:30px;height:62px;width:100px;background:url(images/button_blog_depressed.png) 3px 3px no-repeat;}
#blog-button-shadow {left:381px;top:32px;}
#archive-button a {position: absolute;left:488px;top:30px;height:62px;width:62px;background:url(images/button_archive_std.png) 3px 3px no-repeat;}
#archive-button-depressed {position: absolute;left:488px;top:30px;height:62px;width:62px;background:url(images/button_archive_depressed.png) 3px 3px no-repeat;}
#archive-button-shadow {left:491px;top:32px;}
#projects-button a {position: absolute;left:560px;top:30px;height:62px;width:62px;background:url(images/button_projects_std.png) 3px 3px no-repeat;}
#projects-button-depressed {position: absolute;left:560px;top:30px;height:62px;width:62px;background:url(images/button_projects_depressed.png) 3px 3px no-repeat;}
#projects-button-shadow {left:563px;top:32px;}
#about-button a {position: absolute;left:632px;top:30px;height:62px;width:62px;background:url(images/button_about_std.png) 3px 3px no-repeat;}
#about-button-depressed {position: absolute;left:632px;top:30px;height:62px;width:62px;background:url(images/button_about_depressed.png) 3px 3px no-repeat;}
#about-button-shadow {left:635px;top:32px;}
#contact-button a {position: absolute;left:704px;top:30px;height:62px;width:62px;background:url(images/button_contact_std.png) 3px 3px no-repeat;}
#contact-button-depressed {position: absolute;left:704px;top:30px;height:62px;width:62px;background:url(images/button_contact_depressed.png) 3px 3px no-repeat;}
#contact-button-shadow {left:707px;top:32px;}


.button-shadow {
	-webkit-transition-duration: 0.07s;
	-webkit-transition-timing-function: ease-in-out;
	position: absolute;
	height: 70px;
}

.small-button-shadow {
	width: 70px;
	background: url(images/button_shadow_sml.png) no-repeat;
}

.large-button-shadow {
	width: 108px;
	background: url(images/button_shadow_lrg.png) no-repeat;
}



/* @end */



/* @group Page Shadows */


#shadow-top-right {
	right: -20px;
	width: 20px;
	
	height: 20px;

	background-image: url(images/shadow_top_right.png);
	position: absolute;
}
#shadow-right {
	right: -20px;
	width: 20px;

	top: 20px;
	bottom: 0px;	

	background-image: url(images/shadow_right.png);
	position: absolute;
}

#shadow-bottom-right {
	right: -20px;
	width: 20px;

	bottom: -20px;
	height: 20px;

	background-image: url(images/shadow_bottom_right.png);
	position: absolute;
}

#shadow-bottom {
	bottom: -20px;
	height: 20px;

	left: 20px;
	right: 0px;

	background-image: url(images/shadow_bottom.png);
	position: absolute;
}


#shadow-bottom-left {
	bottom: -20px;
	width: 20px;
	height: 20px;

	background-image: url(images/shadow_bottom_left.png);	
	position: absolute;
}





/* @end */



/* @end */