/*
Theme Name: Hexapixel
Theme URI: http://hexapixel.com/
Description: Entirely Modified "Grey Matter" theme
Version: 1.0
Author: Emil
Author URI: http://www.hexapixel.com/
Tags: Hexapixel, Custom
*/


html,body
{
	height:100%;
}

body
{
	background:#efeae6 url(/img/bg/body_bg.jpg);
	color:#615e52;
	font-family:"Georgia", georgia, "Times New Roman", Times, serif;
	font-size:62.5%;
	margin:0 auto;
	padding:0;
	
}

table
{
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}

a
{
	color:#000;
	text-decoration:none;
	border-bottom: 1px #666 dotted; 
}

a:hover
{
	color:#000;
	text-decoration:none;
	border-bottom: 1px #d3492f solid;
	background: #d5d1ca;
}


/* images should not get any borders etc when linked */
a.imglink, a.imglink:hover { 
  	background: none;
	text-decoration:none;
  	border-style: none; 
  	border: 0;
} 


#hp
{
	background:url(/img/bg/hexapixel_vert2.png);
	background-repeat:no-repeat;
	height:1115px;
	left:50px;
	position:absolute;
	top:300px;
	width:228px;
	z-index:0;
}

#hp_tag
{
	background:url(/img/bg/hexapixel_tag.png);
	background-repeat:no-repeat;
	height:215px;
	left:0;
	position:absolute;
	top:218px;
	width:53px;
}

/* we don't want borders on the menubar */
#menubar a { 
  	border: 0 
}

#menubar
{
	margin-left:245px;
}

#menubar #greytop
{
	border-top:#c3bfba 1px dashed;
}

#menubar #greybottom
{
	border-bottom:#c3bfba 1px solid;
	padding-top:25px;
}

#bglogo
{
	background:url(/img/logo/logo.gif);
	background-repeat:no-repeat;
	height:218px;
	margin-left:10%;
}

#wrapper_outer
{
	width:1140px;
	margin:0 auto;
}

#wrapper
{
	background:#b1b1b1 url(/img/bg/striped_bg.gif);
	border:#d4d0cb 3px solid;
	margin-left:245px;
	margin-top:60px;
	padding:10px;
}

#top_ribbon
{
	width:100%;
	margin:-8px 0 0;
	padding:0;
}

#ribbon
{
	background:#3c3f36;
	height:8px;
	width:100%;
	margin:0;
	padding:0;
}

#logo
{
	background:url(/img/logo/big_logo.gif) top center;
	background-repeat:no-repeat;
	height:218px;
}

#header
{
	clear:both;
	color:#747474;
	font-size:130%;
	height:135px;
	width:960px;
	padding:0;
}

#header a,#header a:hover,#header a:visited
{
	color:#606060;
	text-decoration:none;
}

#header h2
{
	font-size:120%;
	font-weight:400;
	margin:0;
}

#header h1
{
	font-size:350%;
	font-weight:400;
	margin:0;
}

#header_siteheader
{
	clear:both;
	display:inline;
	float:left;
	height:83px;
	line-height:83px;
	width:600px;
	margin:0 0 0 5px;
}

#header_sidebar
{
	display:inline;
	float:right;
	height:49px;
	padding-top:32px;
	vertical-align:top;
	width:250px;
	margin:0 25px 0 0;
}

#header img
{
	float:left;
	margin:15px 25px 14px 0;
}

.h1_post
{
	color:#fff;
	font-size:22px;
	margin-bottom:0;
}

.post_on
{
	color:#6f4d43;
}

.posted
{
	font-size: 12px;
	color:#7d7d7d;
	margin-bottom:10px;
}

.post_rank
{
	float:right;
	position:relative;
}

.post_title
{
	margin:0 0 5px;
	padding:0;
}

.post_title:hover {
	background: none;
}

.post_title a,.post_title a:active,.post_title a:visited
{
	color:#f6cd08;
	font-family:Arial;
	font-size:18px;
	font-weight:400;
}

.post_meta
{
	color:#818181;
	font-size:11px;
	min-height:20px;
	overflow:auto;
}

.post_meta a,.post_meta b
{
	color:#a09148;
	font-weight:400;
}

.calendar
{
	background:url(img/calendar_bg.gif) no-repeat top left;
	float:left;
	height:41px;
	text-align:center;
	width:39px;
	margin:14px 20px 0 0;
}

.calendar small
{
	color:#fff;
	display:block;
	font:10px Arial, Helvetica, sans-serif;
	line-height:1.5em;
	text-transform:uppercase;
}

.calendar strong
{
	color:#fff;
	display:block;
	font:bold 22px Arial, Helvetica, sans-serif;
	line-height:.9em;
}

#content,#content_page
{
	clear:both;
	display:inline;
	float:left;
	font-size:140%;
	line-height:140%;
	min-width:620px;
	width:620px;
	margin:0;
}

#content_page
{
	min-width:97%;
	width:97%;
}

#content a
{
	color:#704e44;
}


#content xcode
{
	background:#F5F5F5;
	border-left:5px #DDD solid;
	margin:0 0 10px 20px;
	padding:5px 0 2px 10px;
}


#content blockquote {
	background:#F5F5F5;
/*	background:#F5F5F5 url(/img/small/blockquote.png) 3px 3px no-repeat; */
	border-left:5px solid #ddd;
	padding:3px 12px 8px 10px;
	margin:0 0 10px 20px;
	font-style: italic;
}


#content xcode
{
	display:block;
	font:12px Monaco, "Lucida Console", "Courier New", "Courier", monospace;
}

/*
#content a:hover
{
	border-bottom:#000 1px solid;
	text-decoration:none;
}
*/

#content h1
{
	color:#747474;
	font-weight:400;
}

#content a h1,#content h1 a
{
	border:0 none;
	color:#3f3e36;
	text-decoration:none;
}

#content a:hover h1,#content h1 a:hover
{
	border:0 none;
	color:#d3492f;
	text-decoration:none;
}

#content p
{
	margin:0 0 10px;
}

/*
#content ul,#content ol
{
	padding:0 0 0 30px;
}

#content ul li,#content ol li
{
	margin:3px 0;
	padding:0;
}
*/

#counters
{
	display:none;
	float:left;
	height:0;
	width:0;
}

#post #header_comments a
{
	color:#aaa;
	border-bottom: 1px #ccc dotted;
	float:right;
	position:relative;
	top:-40px;
}

#post #header_comments a:hover
{
	background: none;
	border-bottom:1px #ccc solid;
}

#post #header_comments .cc
{
	color:#d39589;
	font-size:19px;
}

#comments
{
	font-size:90%;
	line-height:140%;
	padding:10px;
}

#comments-inner
{
	border:1px #ccc dashed;
	padding:10px;
}

.commenter
{
	color:gray;
	font-size:90%;
}

#comments h1
{
	color:#606060;
	font-size:150%;
	font-weight:400;
	line-height:120%;
}

#comments img
{
	float:none;
	margin:0 5px 0 0;
}

#comments ul,#comments ol
{
	padding:0 0 0 25px;
}

#comments ul
{
	list-style:square;
}

#comments ul li,#comments ol li
{
	margin:0 0 40px;
	padding:0;
}

#content #post .sep
{
	border-top:#ccc 1px solid;
	width:100%;
}

#hexcode_right
{
	font-family:"Courier New", "Courier";
	font-size:10px;
	position:absolute;
	right:0;
	top:10px;
}

#content #post .post_spacer
{
	padding-top:10px;
}

#sidebar
{
	display:inline;
	float:right;
	font-size:120%;
	line-height:130%;
	min-width:220px;
	width:220px;
	margin:0 5px 0 0;
}


#tag_cloud
{
	line-height:200%;
}

#sidebar img
{
	float:none;
}

#sidebar h2
{
	background-color:#777;
	color:#DDD;
	font-size:120%;
	font-weight:400;
	line-height:180%;
	margin:0;
	padding:0 8px;
}

#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#blog_logo
{
	background:url(/img/logo/blog.gif) no-repeat;
	height:46px;
	padding-bottom:10px;
	width:80px;
}

#sidebar_logo
{
	background:url(/img/logo/links.gif) no-repeat;
	height:52px;
	padding-bottom:10px;
	width:89px;
}

#last_div
{
	height:100px;
}

#page
{
	background:#e0dcd5 url(/img/bg/post_bg.png) top center;
	background-repeat:repeat-x;
	border:1px #ccc solid;
	color:#000;
	margin-bottom:30px;
	width:100%;
	padding:10px;
}

#post
{
	background:#e5e2db url(/img/bg/post_bg.png) top center;
	background-repeat:repeat-x;
	border:2px #ccc solid;
	color:#000;
	margin-bottom:30px;
	padding:10px;
}

#postmeta
{
	border-top:1px solid #CCC;
	clear:both;
	color:#747474;
	font-family:"Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
	font-size:85%;
	margin:10px 0 20px;
	margin-top: 30px;
}

#postmeta a
{
	border:0 none;
	color:#747474;
}

#postmeta a:hover
{
	border:0 none;
	color:#000;
	text-decoration:underline;
}

#postmeta img
{
	vertical-align:middle;
	margin:0 4px 0 0;
}

.postnav
{
	float:left;
	line-height:100%;
	list-style:none;
	width:600px;
	margin:0 -30px;
	padding:0;
}

.pagenav
{
	float:left;
	line-height:100%;
	list-style:none;
	width:600px;
	margin:0;
	padding:0;
	font-size: 16px;
	font-weight: bold;
}


#footer
{
	border:0;
	clear:both;
	font-size:130%;
	height:109px;
	width:960px;
	margin:0 auto;
}

#footer_content
{
	height:58px;
	line-height:150%;
	text-align:center;
	width:600px;
	margin:0 0 0 40px;
}

#footer_content p
{
	padding:10px 0 0;
}

#menu
{
	margin-top:-10px;
}

#menu ul
{
	float:left;
	margin:0;
	padding:0;
}

#menu li
{
	color:#575447;
	display:inline;
	font-family:"Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
	font-size:18px;
	font-style:normal;
	position:relative;
}

#menu a
{
	color:#575447;
	display:inline;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}

#menu a:hover
{
	border-bottom:3px solid #d3492f;
	color:#000;
	padding-bottom:.2em;
}

/*
#menu a:hover .current_page_item
{
	border-bottom:3px solid #878b3f;
	padding-bottom:.2em;
	
}

*/
#menu .current_page_item
{
	background:url(/img/bg/active_menu_bg.png);
}

#footer_copyright_text
{
	border-top:2px #666 solid;
	color:#999;
	font-size:11px;
	padding-top:4px;
}

#footer_copyright_text a
{
	color:#777;
}

.hasFloat:after
{
	clear:both;
	content:"";
	display:block;
}

#searchform input
{
	background-color:#747474;
	border:#222 1px solid;
	color:#ccc;
	cursor:pointer;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:55px;
	margin:0;
	padding:2px 4px 1px;
}

#searchform
{
	float:right;
	padding-top:2px;
}

.button
{
	background-color:#747474;
	border:#222 1px solid;
	color:#ccc;
	cursor:pointer;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:2px 4px 1px;
}

#searchform #s
{
	background-color:#ece9e4;
	border:#bbb 1px solid;
	color:#606060;
	cursor:text;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:170px;
	margin:0 10px 0 0;
	padding:3px 4px;
}

#searchform #s:hover
{
	border:#aaa 1px solid;
	color:#000;
}

#content .pagetitle
{
	font-size:220%;
	font-weight:400;
	margin-bottom:20px;
}

img#wpstats
{
	border:none;
	height:0;
	overflow:hidden;
	width:0;
	padding:0;
}

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

.alignright
{
	float:right;
}

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

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

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

.ftbox_outer
{
	margin:0 0 0 20px;
}

.ftbox
{
	background-color:#e5e3dc;
	border:1px solid #ccc;
	float:right;
	font-family:Helvetica, Arial, Sans-Serif;
	width:100%;
	padding:0;
}

.ftbox .ftbox-list,
{
	padding:0 0 10px;
}

.widget_yarpp p
{
	padding-bottom:5px;
	padding-left:5px;
	padding-top:5px;
}

.ftbox .ftbox-list ul,.widget_yarpp ul
{
	margin-top:15px;
	padding:0;
}

.ftbox .ftbox-list ul li,.widget_yarpp ul li
{
	float:left;
	width:100%;
}

.ftbox .ftbox-list ul a,.widget_yarpp ul a
{
	border-top:#676767 1px dotted;
	color:#704e44;
	display:block;
	font-size:12px;
	padding:5px;
}

#comments .cc
{
	color:#d3492f;
	font-size:24px;
}

#one-comment-odd,#one-comment-even
{
	background:#e1dccf;
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
	margin-bottom:10px;
	padding:5px;
}

#one-comment-even
{
	background:#e1ded6;
}

#comments_logo
{
	background:url(/img/logo/comments.gif) no-repeat;
	height:57px;
	margin-bottom:10px;
	margin-top:10px;
	width:178px;
}

#comments .commenter
{
	color:#704e44;
	font-size:14px;
}

#comments .comment-info
{
	color:#666;
	font-size:12px;
}

#comments .responses
{
	padding-left:10px;
}

#comments #comment-form .leave-reply
{
	padding-top:5px;
	border-top:1px #ccc solid;
}

img,img a,a img,#content img
{
	border:0;
}

.post_author_date,.alignleft
{
	float:left;
}

#post #header_comments .lb,#post #header_comments .rb
{
	color:#a8887e;
	font-size:19px;
}

#sidebar p,#sidebar ul li,#sidebar ul ul li
{
	margin:0;
}

#sidebar ul ul,.ftbox .ftbox-list ul ul,.widget_yarpp ul ul
{
	padding:0;
}

.postnav li.left,.pagenav li.left
{
	display:block;
	float:left;
}

.postnav li.right,.pagenav li.right
{
	display:block;
	float:right;
}

#searchform input:hover,.button:hover
{
	background-color:#606060;
	border:#222 1px solid;
	color:#fff;
}

.ftbox .ftbox-list ul a:hover,.widget_yarpp ul a:hover,.ftbox .ftbox-list ul .active a,.widget_yarpp .active a
{
	background:#704e44 url(/img/small/arrow_right.gif) no-repeat 100% 5px;
	color:#FFF;
	text-decoration:none;
}

/* Dropdown menu */

#dropmenu, #dropmenu ul
{
	list-style-type:none;
	list-style-position:outside;
	position:relative;	
	z-index:300;
	margin:0;
	padding:0;
}

#dropmenu a
{
	display:block;
	color:#686868;
	border-left:2px solid #c3bfba;
	text-decoration:none;
	padding:.25em 1em;	
}

#dropmenu a:hover
{
	background:#888;
	color:#fff;
}

#dropmenu li
{
	float:left;
	position:relative;
}

#dropmenu ul
{
	position:absolute;
	display:none;
	width:15em;
	top:1.9em;
	left:-1px;
}

#dropmenu ul a
{
	border-left:1px solid #c8c8c8;
	background: #fff;
	font-size: 13px;	
}

#dropmenu li ul
{
	border-top:1px solid #c8c8c8;
	width:223px;
}

#dropmenu li ul a
{
	width:15em;
	height:auto;
	float:left;
	border-bottom:1px solid #c8c8c8;
}

#dropmenu ul ul
{
	top:auto;
}

#dropmenu li ul ul
{
	left:15em;
	margin:0 0 0 10px;
}

#dropmenu li:hover ul ul,#dropmenu li:hover ul ul ul,#dropmenu li:hover ul ul ul ul
{
	display:none;
}

#dropmenu li:hover ul,#dropmenu li li:hover ul,#dropmenu li li li:hover ul,#dropmenu li li li li:hover ul
{
	display:block;
}

.email {
  
}

#page h2 {
 	padding-top: 10px;
	font-family: arial;
	color: #704e44;
}

#page h4 {
	font-family: arial;
}

.orange
{
	background: #F8A23A;
	color: white;
}

.green
{
	background: #8DC54C;
	color: white;
}

.gray
{
	background: #CAC6BA;
	color: white;

}

.orange2
{
	color: #F8A23A;
}

.green2
{
	color: #8DC54C;
}

.red2 
{ 	
	color: #990000;
	font-weight: bold;
}

.bordered img {
  border: 2px #ccc solid;
}

code {
  color:#006699;
  background:#ededeb;
}

#shaded_box, #shaded_box_big_dark, #shaded_box_big, #shaded_box_big_light {
  background:#e5e2db url(/img/bg/post_bg.png) top center;
  background-repeat: repeat-x;
  padding: 10px;
  border: 1px #ccc solid;
  margin-bottom: 10px;
}

#shaded_box_big_dark, #shaded_box_big {
  background:#e5e2db url(/img/bg/post_bg_big.png) top center;
  background-repeat: repeat-x;
}

#shaded_box_big_light {
  background:#e5e2db url(/img/bg/post_bg_big_light.png) top center;  
}

#software_projects .project_title, #designs .design_title {    
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #704e44;
}

#software_project {
  background:#e5e2db url(/img/bg/post_bg.png) top center;
  background-repeat: repeat-x;
  border: 1px #ccc solid;
  padding: 10px;
  margin-bottom: 20px;
  min-height: 240px;  
}

#software_project_details {
  background:#e5e2db url(/img/bg/post_bg_big.png) top center;
  background-repeat: repeat-x;
  border: 1px #ccc solid;
  padding: 10px;
  margin-bottom: 20px;
}

#software_project img {
  border: 3px #ccc solid;  
}

#software_project .image, #software_project_details .image {
  float: left;
  padding-right: 20px;
}

#software_project .title, #design .title {
  font-family: Monaco, "Lucida Console", "Courier New", "Courier", monospace;
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 5px;
  color: #006699;
  border-bottom: 1px #ccc dotted; 
  margin-bottom: 15px;
}

#software_project .content, #software_project_details .content {
  position: relative;
}

#software_project .text, #software_project_details .text {
 position: relative;
 left: 0px; 
 width: 600px;
 float: left;
 
}

#software_project .text li, #software_project_details .text li { 
	display: block;
        margin: 0 0 .1em 0;
        padding: 0 0 0 1.4em;
        background: url(/img/small/bullet.gif) no-repeat 0 .3em;
  	list-style: none;
}

#bulletlist ol {
	list-style-image: url(/img/small/bullet.gif);
}


#software_project .text strong, #software_project_details .text strong, #design .text strong {
  color: #7b7b49;
}

#software_project_details .content img {
 border: 3px #ccc solid;  
}

#software_project_details h2 {
 border-bottom: 1px #7c7668 solid;
 padding-bottom: 2px;
}

#design {
  background:#e5e2db url(/img/bg/post_bg.png) top center;
  background-repeat: repeat-x;
  border: 1px #ccc solid;
  padding: 10px;
  margin-bottom: 20px;
  min-height: 220px;  
}

#design .image img {
 border: 4px #ccc solid;
}

#design .text {
  padding-top: 10px;
  width: 640px;
  border-top: 1px #ccc dotted;
}

#designs #design .url a {
  color: #7d574c;
}

.abouttext {
  font-style: italic;
  margin-bottom: 20px;
  color: #555;
}

.related_posts {
	color: #aaa;
}