/*
	Theme Name: Techiferous
	Theme URL: http://flexithemes.com/themes/modern-style/
	Description: Custom theme based on http://flexithemes.com/themes/modern-style/ Compatible with Wordpress 2.8 and higher.
	Author: Wyatt Greene, original theme by FlexiThemes
	Author URI: http://techiferous.com
	Version: 1.0.0
	Tags: two-columns, fixed-width, right-sidebar
*/

/******************************
 *   COLORS AND BACKGROUNDS   *
 ******************************/

/* universal */
body { background: #c3e3e3 url(images/background.png) 0px 0px repeat-x; color: #093c46; }
a { color: #600507; }
a:visited { color: #600507; }
a:hover { color: #4b9090; }
h1, h2, h3, h4, h5, h6, .title, .title a { color: #033a3a; }
/* header */
#header h1 a { color: white; text-shadow: 0px 3px 4px black, 0px 0px 20px white, 0px 0px 5px white; }
#header h1 a:visited { color: white; }
#header h1 a:active { color: white; }
#header h1 a:hover { text-shadow: 0px 3px 4px black, 0px 0px 40px white, 0px 0px 10px white, 0px 0px 5px white; }
#header, #header h2 { color: #c84245; text-shadow: 0px 3px 4px black; }
/* menubar */
#navcontainer a { color: #293b02; }
#navcontainer li a:hover { background-color: #64862d; }
#navcontainer li a:hover { background-color: rgba(41,59,2,0.3); }
#navcontainer .current_page_item a { background-color: #363b1c; color: #91ad53; }
#navcontainer .current_page_item a { background-color: rgba(41,59,2,0.7); }
/* content */
#content { color: #093c46; }
#content h2, #content h3, #content h4 { text-shadow: 1px 1px 3px white; }
#content .title a:hover { color: black; text-shadow: 0px 0px 20px white, 0px 0px 5px white; }
#content h3 { border-bottom: 1px solid #92bdbd; }
#content .postdate, #content .postdate a { color: #4b9090; }
#content .postdate a:hover { color: #600507; }
#content a.readmore { background-color: #89b0b0; color: #093c46; }
#content a.readmore:hover { background-color: #4b9090; color: #093c46; }
#content .pagetitle { background-color: #89b0b0; color: #c3e3e3; text-shadow: none; }
#content .wp-caption { background-color: white; border: 1px solid #92bdbd; }
#content .wp-caption-text { color: #4b9090; }
#content blockquote { background-color: #afcccc; color: #093c46; }
/* comments */
.avatar { border-color: #033a3a; }
.commentlist { background-color: #89b0b0; }
#respond { background-color: #89b0b0; }
#commentform input, #commentform textarea { border-color: #4b9090; background-color: #033a3a; color: #89b0b0; }
#commentform input[type=submit]:hover { background-color: #012626; }
#respond h3 { border: none; text-shadow: none; }
/* search */
.searchlayout input[type=text] { background-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.6); }
.searchlayout input[type=submit] { background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,0.4); }
.searchlayout input[type=submit]:hover { background-color: rgba(0,0,0,0.5); }
#content .searchlayout input[type=text] { color: #033a3a; }
#content .searchlayout input[type=submit] { color: #033a3a; }
/* sidebar */
#sidebar { background-color: #89b0b0; }
#sidebar { background-color: rgba(3,58,58,0.3); }
#sidebar, #sidebar .icon_explanation, #sidebar a, #sidebar a:visited, #sidebar li { color: #033a3a; }
#sidebar a:hover { color: #600507; }
#sidebar h2 { color: #033a3a; }
#hire_me a { background-color: #7da1a1; color: #093c46; }
#hire_me a:hover { background-color: #526969; color: black; }
/* footer */
#footer { background: #600507 url(images/background.png) 0px 0px repeat-x; color: #c84245; }
#footer a { color: #c84245; }
#footer a:hover { color: white; }
#footer { border-top: 4px solid black; }

/******************
 *   TYPOGRAPHY   *
 ******************/

@font-face {
	font-family: 'DroidSansRegular';
	src: url('fonts/DroidSans-webfont.eot');
	src: local('‚ò∫'),
	     url('fonts/DroidSans-webfont.woff') format('woff'),
	     url('fonts/DroidSans-webfont.ttf') format('truetype'),
	     url('fonts/DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('fonts/DroidSans-Bold-webfont.eot');
	src: local('‚ò∫'),
	     url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
	     url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
	     url('fonts/DroidSans-Bold-webfont.svg#webfontSOhoM6aS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSerifRegular';
	src: url('fonts/DroidSerif-Regular-webfont.eot');
	src: local('‚ò∫'),
	     url('fonts/DroidSerif-Regular-webfont.woff') format('woff'),
	     url('fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
	     url('fonts/DroidSerif-Regular-webfont.svg#webfont5XtKyzGt') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSerifItalic';
	src: url('fonts/DroidSerif-Italic-webfont.eot');
	src: local('‚ò∫'),
	     url('fonts/DroidSerif-Italic-webfont.woff') format('woff'),
	     url('fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
	     url('fonts/DroidSerif-Italic-webfont.svg#webfontK4uAlNrc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSerifBold';
	src: url('fonts/DroidSerif-Bold-webfont.eot');
	src: local('‚ò∫'),
	     url('fonts/DroidSerif-Bold-webfont.woff') format('woff'),
	     url('fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
	     url('fonts/DroidSerif-Bold-webfont.svg#webfontg2CzGQfw') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSerifBoldItalic';
	src: url('fonts/DroidSerif-BoldItalic-webfont.eot');
	src: local('‚ò∫'),
	     url('fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
	     url('fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
	     url('fonts/DroidSerif-BoldItalic-webfont.svg#webfontma7TYoAP') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'TechniqueBRKNormal';
  src: url('fonts/techniqu-webfont.eot');
  src: local('‚ò∫'),
       url('fonts/techniqu-webfont.woff') format('woff'),
       url('fonts/techniqu-webfont.ttf') format('truetype'),
       url('fonts/techniqu-webfont.svg#webfontv88Sh4sk') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* universal */
body { font-family: 'DroidSerifRegular', 'Georgia', serif; font-size: 18px; line-height: 28px; }
input, textarea { font-family: 'DroidSerifRegular', 'Georgia', serif; font-size: 18px; line-height: 28px; }
h2, h3, h4 { font-family: 'DroidSansBold', 'Arial', sans-serif; }
/* header */
#header h1 { font-family: 'TechniqueBRKNormal', 'Arial', sans-serif; font-size: 40px; }
#header h2 { font-family: 'TechniqueBRKNormal', 'Arial', sans-serif; font-size: 16px; font-weight: normal; }
/* menubar */
#navcontainer li a { font-family: 'DroidSansBold', 'Arial', sans-serif; font-size: 18px; }
/* content */
#content h2 { font-size: 40px; line-height: 44px; }
#content h3 { font-size: 24px; line-height: 28px; }
#content h4 { font-size: 20px; line-height: 24px; }
#content .pagetitle { }
#content .postdate { font-size: 14px; }
#content a.readmore { font-size: 14px; }
#content code { font-family: monospace; } /* Note: pre styles are in wp-syntax.css */
#content .wp-caption-text { font-size: 14px; line-height: 16px; }
#content blockquote { font-style: normal; }
.footnote { font-size: 11px; }
/* comments */
#content .fn { font-style: normal; font-weight: bold; }
.commentmetadata a, .commentmetadata a:hover { font-size: 14px; }
/* sidebar */
#sidebar { font-size: 14px; line-height: 16px; }
#sidebar h2 { font-size: 18px; }
/* footer */
#footer { font-size: 14px; }
/* other pages */
.quotation { }

/*************************************
 *   LINK AND BUTTON LOOK AND FEEL   *
 *************************************/

/* universal */
a { text-decoration: none; }
/* header */
#header h1 a, #header h1 a:hover { text-decoration: none; }
/* menubar */
#navcontainer li a, #navcontainer li a:link { text-decoration: none; }
/* content */
#content .title a { text-decoration: none; }
#content a.readmore { padding: 4px 15px; text-decoration: none; -moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
#content a img { opacity: 1; }
#content a:hover img { opacity: 0.8; }
/* comments */
#content .fn, #content .fn a:link, #content .fn a:hover, #content .fn a:visited { text-decoration: none; }
.commentmetadata a, .commentmetadata a:hover { text-decoration: none; }
#commentform input#submit { cursor: pointer; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* search */
.searchlayout input[type=submit] { border-style: none; padding: 4px; cursor: pointer; }
/* sidebar */
#sidebar a { text-decoration: none; }
#sidebar .addthis_toolbox a img { opacity: 0.75; }
#sidebar .addthis_toolbox a:hover img { opacity: 1; }
#hire_me { margin-top: 15px; }
#hire_me a { padding: 3px 8px; text-decoration: none; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* footer */
#footer a { text-decoration: underline; }

/***************
 *   BORDERS   *
 ***************/

/* universal */
/* header */
/* menubar */
/* content */
.pagetitle { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content img.wp-smiley { border: none; }
blockquote { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* comments */
#commentform input, #commentform textarea { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.commentlist, #respond { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#commentform input, #commentform textarea { border: none;}
.avatar { border: 3px solid; }
#respond h3 { border: none; }
/* search */
.searchlayout input[type=text], .searchlayout #searchform input[type=submit] { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.searchlayout form { border: none; }
.searchlayout { border: none; }
.searchlayout input { border: none; }
/* sidebar */
#sidebar { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* footer */

/********************
 *   OTHER STYLES   *
 ********************/

/* universal */
/* header */
#header { height: 126px; }
#header h1 { margin: 0px !important; padding: 25px 0 0 0px; }
#header h2 { margin-top: 0px; margin-left: 0px; }
/* menubar */
#navcontainer { height: 40px; }
#nav { height: 40px; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav ul { float: left; }
#nav li { height: 40px; float: left; list-style: none; margin: 0; padding: 0px; }
#nav ul li { list-style: none; }
#nav li a, #nav li a:link { height: 15px; display: block; margin: 3px 0 0 0; padding: 9px 10px 8px 10px; }
#nav li:hover, #nav li.sfhover {  position: static; }
/* content */
#content { margin: 40px 10px 20px 0px; padding-right: 25px; }
#content h3 { margin-top: 60px; padding-bottom: 3px; }
#content h4 { margin-top: 20px; margin-bottom: 10px; }
#content h3:nth-of-type(1) { margin-top: 20px; }
#content h3#comments { margin-top: 10px; }
.post { margin-bottom: 15px; padding-bottom: 15px; }
.post p { margin-bottom: 20px; }
.title { margin-top: 35px; margin-bottom: 4px; }
.pagetitle { margin-bottom: 8px; padding: 15px; }
.postdate span { padding: 3px 8px; margin-right: 4px; padding-left: 0px; }
.readmorecontent { margin-bottom: 8px; margin-top: 20px; }
.entry { padding-top: 8px; margin-bottom: 40px; }
.navigation { padding: 10px 0; height: 25px; }
blockquote { overflow: hidden; padding: 15px; margin-left: 0; margin-right: 0; }
.post blockquote p { margin: 0 }
.post img { max-width: 680px; }
img.wp-smiley { max-height: 12px; margin: 0; padding: 0; }	
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
#content .searchlayout { text-align: left; }
#content .wp-caption { padding: 10px; }
#content .wp-caption-text { padding-top: 10px; padding-bottom: 0px; margin: 0; }
/* comments */
#comments h3 { margin-bottom: 10px;	}
#commentform input { padding: 5px 10px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 535px; padding: 5px; }
#content #respond h3 { margin-top: 0px; margin-bottom: 5px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: left; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 15px; }
#respond { padding: 25px 25px 8px 25px;}
#commentform input, #commentform textarea { padding: 5px; }
.commentlist, #respond { margin:0; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { display: none; text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: -22px 0 0 66px; display: block; padding:0; }
.avatar { margin-right: 10px; width: 40px; height: 40px; vertical-align: middle; margin-bottom: 2px; }
.comment-author { padding: 5px; display: block; }
.reply { text-align: right; }
/* search */
.searchlayout { height: 30px; margin: 5px; padding: 0; text-align: left; }
#content .searchlayout { margin: 0; }
input#s { width: 160px; padding: 5px; }
/* sidebar */
.banner125 { margin: 6px; }
#sidebar { padding: 10px; margin-bottom: 10px; margin-top: 60px; }
#subscriptions { margin: 0; margin: 15px 0 0 0; text-align: center; }    
#subscriptions img { margin:0; padding:0; vertical-align:top; }
.addthis_toolbox { margin: 22px 0 40px 5px; padding-top: 6px; }
.addthis_toolbox .icon_explanation { margin-top: 8px; }
.addthis_toolbox a { width: 32px; height: 32px; margin: 0 2px 0 2px; padding: 0; }
#sidebar h2 { margin: 20px 0 0 0; padding: 4px 8px; }
#sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; }
#sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
#sidebar ul li ul li { padding: 2px 0px 2px 10px; margin: 1px 0px 1px 0px; }
#sidebar ul#recent_posts li { padding: 2px 0px 2px 10px; margin: 2px 0px 2px 0px; }
#sidebar #ruby { float: left; margin-right: 10px; padding-top: 0px; padding-left: 8px; }
#sidebar #m64 { float: right; margin-left: 7px; padding-top: 5px; padding-right: 20px; }
#sidebar #bio { margin-top: 5px; margin-bottom: 25px; padding-left: 5px; padding-right: 5px; }
#sidebar #m64_description { margin-top: 5px; margin-bottom: 25px; padding-left: 10px; padding-right: 10px; }
#sidebar #m64_description a { text-decoration: underline; }
#sidebar div#tags { line-height: 1.2; margin: 0px 10px 0px 10px; }
#advertisements { margin-top: 20px; }
#advertisements .ad { float: left; margin: 15px; }
/* footer */
#footer { padding-top: 35px; padding-bottom: 35px; text-align: center; }