/*
Theme Name: maskingtape
Theme URI: http://www.jefffoxx.com
Description: designed for jefffoxx.com
Author: Jeff Foxx
Author URI: http://www.jefffoxx.com
Template: thematic
Version: 1.0
.
This theme is solely for my own site.
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

@font-face {
	font-family: 'DesignerNotesRegular';
	src: url('fonts/designer-notes-webfont.eot');
	src: local('☺'), url('fonts/designer-notes-webfont.woff') format('woff'), url('fonts/designer-notes-webfont.ttf') format('truetype'), url('fonts/designer-notes-webfont.svg#webfontzNcmInVF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SketchRockwellRegular';
	src: url('fonts/sketchrockwell-bold-webfont.eot');
	src: local('☺'), url('fonts/sketchrockwell-bold-webfont.woff') format('woff'), url('fonts/sketchrockwell-bold-webfont.ttf') format('truetype'), url('fonts/sketchrockwell-bold-webfont.svg#webfontZjYGx42O') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*  canvas { cursor: crosshair; position: fixed; top: 0px; z-index: 2;}
  div#wrapper { position: relative; z-index: 3;} */

html, body { height: 100%; }

body { background: url('images/graph.gif');*/ font-family: Helvetica, Arial, sans-serif;  }

body a, .aside a, .entry-utility a, .navigation a { color:#3B869F; }
a:hover, .aside a:hover, .entry-utility a:hover, .navigation a:hover { color: #996100; }
#siteinfo { color: #fff;}
#siteinfo a { color: #85AEC4; }
#siteinfo a:hover { color: #fff;}

#footer .aside { color: white; }


#header { position: relative;}
#branding { padding: 0; position: relative;}
#blog-title a { text-indent: -9999px; width: 443px; height: 152px; background: url('images/brandtape.png') no-repeat; display: block; margin-left: -200px;}
#blog-description { position: absolute; top: 10px; right: 10px; display: none;}
#access { border: none; width: 575px; margin: 0 auto; position: absolute; top: 60px; left: 350px; overflow: hidden;}
.sf-menu { border: none; }
#access div.menu ul.sf-menu { border: none;}
#access div.menu ul.sf-menu li, #access div.menu ul.sf-menu li a { border: none; }
#access div.menu ul.sf-menu li a { color: #3B869F; font-size: 1.8em; font-family: 'SketchRockwellRegular', sans-serif; font-size-adjust: 0.4; }
#access div.menu ul.sf-menu li a:hover { color: #996100; }
#access div.menu ul.sf-menu li.current_page_item a,
#access div.menu ul.sf-menu li.current_page_ancestor a,
#access div.menu ul.sf-menu li.current_page_parent a { color: #996100; }
.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: none;}

.entry-title {
	/*background: url(images/titletape.gif) repeat-y left top;*/
	font-size: 2em;
	font-family: 'SketchRockwellRegular', arial, serif;
	color: #333;
	}
.entry-title a { color: #333; }
.entry-title a:hover { color: #996100;}
.entry-meta {}
#main { width: 900px; background: url(images/sidebar.png) no-repeat 560px 10px; padding: 50px 0 0 0; z-index: 1; }
#container { width: 537px; 	background: url(images/whitebg.png);}
#content { width: 520px; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px; width: 900px; }

#footer, #push { height: 300px; margin: 0; }

#footer { background: #0E6699 url(images/footershadow.png) repeat-x left top; width: 100%; z-index: 100; position: relative; }

#primary, #secondary { width: 330px; border: none; color: #333; }
h3.widgettitle { color:#3B869F; font-weight: bold; font-style: normal; font-family: 'SketchRockwellRegular', arial, serif; font-size: 1em;}
ul.xoxo li { padding-bottom: 20px;}

div#secondary ul.xoxo li.widgetcontainer { width: 135px; float: left; margin-right: 10px;}

#pflickr { padding-top: 20px; }
#pflickr-box { text-align: center; }
#pflickr-box a
{
	padding-right: 10px;
}

#pflickr-box a img { border: 2px #FBFBF7 solid;}


li.widget_text { position: relative; }
div.aboutwidget p { margin-right: 140px;}
div.aboutwidget img { position: absolute; top: -50px; right:-30px;}

li.widget_recent_entries ul { list-style-type: none; margin: 0; padding: 0; }
li.widget_recent_entries ul li {
	padding: 0 0 5px 10px;
	background: url(images/sidebarbullet.gif) no-repeat left 4px;
}

span.more { float: right; }
span.more a { font-family: 'DesignerNotesRegular', arial, serif; font-size: 1.5em; background: url(images/readon.png) no-repeat left top; display: block; line-height: 45px; text-align: center; width: 103px; text-decoration: none; margin-top: -40px; }
span.more a:hover { background: url(images/readon.png) no-repeat left top; display: block; line-height: 45px; text-align: center; width: 103px; text-decoration: none; -webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg); transform: rotate(-5deg); }
.commentary { font-size: 90%; color: #999;}

div.breadcrumb { margin-top: 10px; font-size: 80%; color: #666; position: absolute; z-index:2;}
div.breadcrumb a { color:#3B869F; text-decoration: none;}
div.breadcrumb a:hover { text-decoration: underline; }
div.breadcrumb span { padding: 0 5px; color: #996100;}

img.wpcf7-captcha-captcha-335 { margin: 0;}

div.pullquote
{
	width: 200px;
	font-size: 1.5em;
	float: right;
	text-align: left;
	color: #B88E4E;
	padding: 0 10px 5px 20px;
	font-family: 'DesignerNotesRegular', arial, serif;
}

ul#sociallinks {
	margin: 0 -30px 20px 0;
	padding: 0;
	list-style-type: none;
	width: 233px;
	height: 55px;
	float: right;
}

ul#sociallinks li { float: left; margin: 0; padding: 0;}
ul#sociallinks li a { background: url(images/socialmedia.png); margin: 0; padding: 0; display: inline-block; height: 55px; text-indent: -9999px;}
ul#sociallinks li a#facebook {
	width: 65px;
	background-position: left top;
}
ul#sociallinks li a#twitter {
	width: 55px;
	background-position: -65px top;
}
ul#sociallinks li a#linkedin {
	width: 55px;
	background-position: -120px top;
}
ul#sociallinks li a#lastfm {
	width: 58px;
	background-position: -175px top;
}
ul#sociallinks li a#facebook:hover {
	background-position: left -55px;
}
ul#sociallinks li a#twitter:hover {
	width: 55px;
	background-position: -65px -55px;
}
ul#sociallinks li a#linkedin:hover {
	width: 55px;
	background-position: -120px -55px;
}
ul#sociallinks li a#lastfm:hover {
	width: 58px;
	background-position: -175px -55px;
}

div#mainfeature { background: url(images/divider.gif) repeat-x left bottom; width: 520px; padding-bottom: 30px; margin-bottom: 30px;}
div#mainfeature .postmetadata { font-size: 80%; line-height: normal; color: #999;}
div#subfeatures { background: url(images/divider.gif) repeat-y 260px top; float: left; width: 520px; margin-bottom: 30px;}
.secondaryfeature { width: 220px; float: left; padding: 0 20px; font-size: 90%; }
.secondaryfeature img { float: left; padding: 0 15px 15px 0; }
.secondaryfeature h3.entry-title { font-size: 1.5em;}

div.pf-wrapper {float: left; background: url(http://www.jefffoxx.com/wp-content/themes/maskingtape/images/divider.gif) repeat-x left bottom; padding: 20px 0; }
div.pf-img { width: 150px; float: left; }
div.pf-img img { border: 1px #CCC solid; }
div.pf-text { width: 350px; float: left; }
div.pf-text h3 { margin: 0; padding: 0; font-weight: bold; font-style: normal; font-size: 1em; background: url(images/titletape.png) repeat-x right top; display: inline-block; padding-right: 20px;}
div.pf-text dl { font-size: 80%; }
br.pf-break {  clear: both; height: 10px; display: block; border: 2px #333 solid;}