/*   
Theme Name: Fluid Web Typography
Theme URI: http://www.fluidwebtype.info
Description: 
Author: Jason Cranford Teague
Author URI: http://www.jasonspeaking.com/
Version: 1.0
Tags: 
.
	This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
.
*/


/* Import Fonts */

@font-face {
	font-family: 'FWT Header';
	src: url('fonts/museosans/MuseoSans_300.eot');
	src: url('fonts/museosans/MuseoSans_300.woff') format('woff'), url('fonts/museosans/MuseoSans_300.svg#MuseoSans-300') format('svg'), url('fonts/museosans/MuseoSans_300.otf') format('opentype');
}

@font-face {
	font-family: 'FWT body';
	src: url('fonts/museosans/Museo500-Regular.eot');
	src: local('☺'), url('fonts/museosans/Museo500-Regular.woff') format('woff'), url('fonts/museosans/Museo500-Regular.svg#Museo-500') format('svg'), url('fonts/museosans/Museo500-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'FWT Title';
	src: url('fonts/museosans/MuseoSans_700.eot');
	src: local('☺'), url('fonts/museosans/MuseoSans_700.woff') format('woff'), url('fonts/museosans/MuseoSans_700.svg#MuseoSans-700') format('svg'), url('fonts/museosans/MuseoSans_700.otf') format('opentype');
}

@font-face {
	font-family: 'FWT Title Bold';
	src: url('fonts/museo/Museo700-Regular.eot');
	src: local('☺'), url('fonts/museo/Museo700-Regular.woff') format('woff'), url('fonts/museo/Museo700-Regular.svg#Museo-700') format('svg'), url('fonts/museo/Museo700-Regular.otf') format('opentype');
}
	
/* Import Blueprint CSS styles */
@import url('css/blueprint/reset.css');
@import url('css/blueprint/typography.css');
@import url('css/blueprint/forms.css');

/* Import custom layouts (located at /css/layouts/) */
@import url('css/layouts/2c-r-fixed.css');

/* Un-comment the line below to set a grid with 18px line-height */
/*  */ body { background: url(images/12_col.gif) repeat-y top center }

/* =Global Elements
-------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	position: relative;
}
		
		
*, *:hover, *:active, *:focus {
	-o-transition: color .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: color .25s ease-in-out, opacity .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out, opacity .25s ease-in-out;
	transition: color .25s ease-in-out, background .25s ease-in-out  opacity .25s ease-in-out; 
}

* html .clearfix{ height: 1% }

body {
	_opacity: 1;
	background: rgb(0,0,0) url(images/backgrounds/Water-Droplet.png) no-repeat fixed 0 40px;
	color: rgb(0,0,0);
	margin: 0 auto;
	font-size: 100%; _font-size: 125%;
	outline: none;
	font-family: "FWT body", 'franklin gothic book',arial, sans-serif;
	_background:  rgb(255,255,255) url(http://www.fluidwebtype.info/wp-content/themes/fluid-web-type/images/backgrounds/Water-Droplet.jpg) no-repeat fixed 0 40px;
}

body:hover, body:focus, body:active { opacity: 1;}

h1, h2, h3, h4, h5, h6, .entry-meta, .wp-caption-text {
	font-family: "FWT Header", 'franklin gothic book',arial, sans-serif;
	font-size: 1.2em;
	color: rgb(0,0,81);
}

a { text-decoration: none; }
a:link, a:visited { color: rgb(51,51,204); }
a:hover { color: #D6156C;  }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:after { clear:both; content:'.'; display: block; visibility: hidden; height: 0 }
.clearfix{ display: inline-block }
.clearfix{ display: block }

h1, h2, h3, h4, h5, h6 {
	margin: 2em 0 0 0; 
	text-transform: uppercase;
}
		
h1 a:link, h1 a:visited {  font-weight: normal;
	color: rgb(102,102,203); }

h1 a:hover { color: #D6156C; 
	font-weight: normal;}

h1.sitetitle {
			font-size: 5.5em;
			font-weight: normal;
			text-align: left;
			padding: 80px 0;
			margin: 0;
			text-transform: lowercase;
			width: 100%;
			font-family: 'FWT header', 'franklin gothic medium', sans-serif;
		}
		
h1.sitetitle strong {
	font-style: normal;
	color: rgb(0,0,123);
	font-family: 'FWT Title Bold', 'franklin gothic medium', sans-serif;
}

h1.entry-title,h4.entry-title {
	font-weight: normal;
	_font-weight: bold;
	font-family: 'FWT Header', 'franklin gothic medium', sans-serif;
	margin: 0; padding: 0; font-style: normal;
}
h1.entry-title {
	font-size: 2.5em;
}
h4.entry-title {
	font-size: 1.5em;
}


h2 { font-size: 1.2em;_font: bold 1em 'FWT Title', arial, sans-serif;  }
h3 { font-size: .6em;  }
h4 { font-size: .8em;font-style: oblique; }

h5 {font-size: 1.5em; margin: 2.5em 0 .25em 0;
	font-weight: normal; }

p, ol, ul, .entry-summary {
	font-size: 1em;
	line-height: 1.5em;
	margin: 
}

.hfeed {
	font-family: perpetua, georgia, times, "times new roman", serif;}

ol, ul {
	margin-left: 1.25em;
}
img { border: none; }
code {padding: .5em; }
p>code { display: block; font-family: "Consolas", "Lucida Console", "Courier New", Courier, monospace; font-size: .875em; line-height: 1.5em; margin: 1em 0; position: relative; background-color: rgba(204,204,234,.5); padding: 1em; border-top: 1px solid rgb(175,175,215); border-bottom: 1px solid rgb(175,175,215);  }
code em { color: #D6156C; font-style: normal; }

.aligncenter { display: block; margin: 0 auto }
.alignright { float: right; margin: 0 0 1em 1em }
.alignleft { float: left; margin: 0 1em 1em 0 }
.floatLeft { float: left }
.floatRight { float: right }
img.aligncenter, img.alignright, img.alignleft { border: 5px solid #DDD }

.hls { background: yellow }

.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 1em; line-height: 17px; padding: 0 4px 5px; margin: .5em 0; }

.submit { background: #FFF; border: 1px solid #DDD; padding: 5px }
.submit:hover { background: #D6156C; color: #FFF }
.navigation a:link, .navigation a:visited, .comments-navigation a:link, .comments-navigation a:visited { border: 1px solid #DDD; display: inline-block; text-decoration: none; padding: 5px; font-weight: bold; font-size: 14px }


/* =Layouts
-------------------------------------------------------------- */
#page { position: relative; max-width: 920px; min-width: 920px; margin: 30px auto 0 auto; 
border: 10px solid rgb(255,255,255);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: rgb(255,255,255); 
background: rgba(255,255,255,.9); padding: 0 30px;  position: relative; z-index: 100;  }
#content { position: relative;  }
.single #sidebar {  z-index: 0; position: relative; width: 980px; _width:1000px; margin: 0 auto; padding-bottom: 20px; border-top: 1px solid rgb(175,175,215);  background-color: rgba(204,204,234,.85); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.25); box-shadow: 0px 0px 20px rgba(0,0,0,.25);}
.single #primary, .single #secondary { display: block; clear: both; width: 920px; margin: 0 auto; padding: 0;}
#footer { clear: both;  }

/* =Header
-------------------------------------------------------------- */
#header { position: relative; }
#branding { padding: 25px 0 }
.logo { float: left }
.blog-name { display: block; font-size: 4em; letter-spacing: -2px; font-weight: bold; margin: 0; padding: 0; line-height: 1em }
.blog-name em { font-weight: bold; font-style: normal;}
.blog-name a:link, .blog-name a:visited { text-decoration: none; }
.blog-name a:hover {  }
.blog-description { font-size: 16px; font-weight: bold; margin: 0; padding: 0 }
#searchbar { display: block; float: right; margin: 1em 0 0 }
#searchbar .text { width: 270px; float: left }
#searchbar .submit { margin: 6px 5px 0; float: left }

/* =Menus
-------------------------------------------------------------- */
.menu { width: 980px; margin: 10px auto;  }
.nav, .rss-links { list-style: none; padding: 0; margin: 0 }
.nav { float: left }
.nav li, .rss-links li { float: left; margin-right: 15px; padding: 0 }
.nav li a:link, .nav li a:visited, .rss-links li a:link, .rss-links li a:visited { display: block; padding: 5px 0; font-size: 15px; clear: left; text-decoration: none; font-weight: lighter; }
.nav li .children { position: absolute; list-style: none; margin: 0 0 0 -7px; padding: 0; z-index: 100; border: 1px solid #DDD; background: #FFF; overflow: hidden; width: 180px }
.nav li .children li { float: none; margin: 0; padding: 3px 6px }
.rss-links { float: right }
.rss-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }
.rss-dates { }

/* =PageHeader
-------------------------------------------------------------- */
#page-header {
	border-top: 1px solid rgb(175,175,215); border-bottom: 1px solid rgb(175,175,215);
}

/* =Sidebars
-------------------------------------------------------------- */
.sidebar .xoxo { margin: 0 1em 1.5em }
.sidebar li { list-style: none }
.widgetcontainer {float: left; width: 21%; margin: 0 2%; font-size: .85em;}
.widgetcontainer h5 { margin: 1.5em 0 0 0; font-size: 1em; border-bottom: 1px solid rgb(175,175,215); }
.widgetcontainer ul { list-style: none; margin: 0 !important; padding: 0 }
.widgetcontainer li { margin: 0.5em 0 }
.widgetcontainer a:link, .widgetcontainer a:visited { text-decoration: none }
#widgetsearch .text { width: 250px }
.sidebar input[type="text"] { width: 11em; font-size: 1em; } 

/* =Featured
-------------------------------------------------------------- */
.featured-post { margin: 0 0 1em; padding-bottom: 1em; border-bottom: 1px solid #DDD; font-size: 14px }
.featured-post img { float: left; margin: 0 1.5em 1.5em 0 }
.featured-post .entry-summary { line-height: 1.73em }

/* =News
-------------------------------------------------------------- */
.news-list { float: left; width: 450px; }
.news-list .post { margin-bottom: 1.5em }

/* =Main
-------------------------------------------------------------- */
.home .entry-content { width: 200px; }
.home .entry-content p { width: 180px; font-size: .75em; font-family: 'FWT body', 'franklin gothic', sans-serif; }
.home #sidebar { width: 200px; float: left; display: block;}
.home .widgetcontainer { display: block; clear: both; width: 190px; }

/* =Posts
-------------------------------------------------------------- */
.post { margin-bottom: 3em }
.post p, .post li {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: .25em 0 .75em 0;
}
.entry-title a:link, .entry-title a:visited { text-decoration: none; }
.entry-title a:hover {  }
.entry-content { float: left; width: 100%; }
.entry-content p, .entry-summary { margin: .75em 0; }
.entry-content>p, .entry-content li { width: 28em; }
.entry-content p:first-child:first-line { font-weight: bold; text-transform: uppercase; } 
.entry-content p:first-child:first-letter { font-size: 3em; float: left; display: block; }
.entry-content p a, .entry-content li a { text-transform: uppercase; font-size:.875em;  }
.entry-content p a:link, .entry-content li a:link { border-bottom: 1px solid rgb(255,102,102); }
.entry-content p a:visited, .entry-content li a:visited { border-bottom: 1px solid rgb(255,203,203); }
.entry-content p a:hover, .entry-content li a:hover { text-transform: uppercase; font-size:.875em; color: rgb(153,0,0); border-bottom: 1px solid rgb(255,203,203); }
.entry-content ul {} 
.more-link { display: inline-block; overflow: hidden; font-weight: bold; font-size: 14px; margin: 1em 0; zoom: 1 }
.entry-meta { margin-bottom: 10px; }
.entry-tags {  font-weight: lighter; font-size: .75em;  text-transform: uppercase;  }
.author, .published .date { 
			font-family: 'FWT Title Bold','franklin gothic medium',sans-serif; font-size: .75em; text-transform: uppercase; color: rgb(102,102,153); border-bottom: none; }
.entry-content .entry-links { list-style: none; float: right; width: 200px; display: block; font-family: "FWT Body", helvetica, arial, sans-serif; position: relative; z-index: 999;}
.entry-content .entry-links li { border-bottom: 1px solid rgb(175,175,215); width: 200px;   }
.entry-content .entry-links li a { font-size: .75em !important; font-weight: bold; }
.entry-content .entry-links a:link, .entry-links a:visited { text-decoration: none; font-weight: bold; font-size: 16px; border-bottom: none !important; }
.entry-content .entry-category { font-weight: bold; font-size: 12px; display: block; text-transform: uppercase; padding: 0.5em 0 }
.gallery .gallery-item { float: left; margin: 0 1em 1em 0 }
.attachment { margin: 1em 0 }


/* =Lifestream
-------------------------------------------------------------- */
.lifestream { margin: 1em 0 }
.lifestream .url { float: left; margin-right: 10px; display: block }
.lifestream .entry-title { margin: 1em 0 }
.lifestream .published { float: left; margin-right: 30px; width: 150px }
.lifestream .entry-content { font-size: 18px; margin-left: 210px }
.lifestream .entry { margin: 0; padding: 1em 0; border-bottom: 1px solid #EEE }

/* =Comments
-------------------------------------------------------------- */
#commentlist { list-style: none; margin: 0; padding: 0 }
#commentlist ul, #commentlist ol { list-style: none; margin: 0; padding: 0 }
#commentlist li { }
#commentlist .children { padding-left: 1.5em }
.comment-author .avatar { float: left; margin: 0 1em 1em 0; border: 2px solid #DDD }
.comment-author cite { float: right; }
.comment-author .says { display: none }
.comment-meta {float: right; }
.comment-meta abbr { cursor: default }
.comment-node { margin-bottom: 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid #DDD }
.comment-content { float: left; width: 500px; }
.comment-content p { }
.comment-reply-link { font-weight: bold; font-size: 16px; text-decoration: none }
#commentform textarea { font-family: Arial, Helvetica, sans-serif; width: 90% }
#trackbacklist { margin-bottom: 3em }
#trackbacklist li { margin: 0.5em 0 }

/* =WP-PageNavi
-------------------------------------------------------------- */
#nav { float: right; display: block;}


/* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-size: 14px }
.wp-pagenavi .current, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px; border:1px solid #DDD; text-decoration: none; margin: 0 0.3em }

/* =WP125
-------------------------------------------------------------- */
#wp125adwrap_2c .wp125ad { padding: 10px 10px 0 0 !important }

/* =Footer
-------------------------------------------------------------- */
#footer { margin: 0 auto; zoom: 1; width: 980px; }
#footer ul { list-style: none; margin: 0; padding: 0 }
#footer h5 { font-size: 16px; margin: 1em 0 .25 0;  text-transform: uppercase }
#footer-sidebar { float: left }
.single #footer-sidebar .widgetcontainer { float: left;  min-width: 200px; overflow: hidden }
#footer-sidebar .widgetcontainer li { margin: 0.3em 0 }
.footer-message { margin: 1em 0; font-size: 14px; }


/* =social
-------------------------------------------------------------- */

#social {position: absolute; top: 1.5em; right: 20px; z-index: 999; } 
#social .icon { opacity: .35; margin: 0 -20px -50px -20px;  width: 100px; 	height: 100px; 	position: relative;  }
#social .icon:hover { opacity: .75; }
.sociable a { border: none !important; }
.sociable strong { font-weight: normal; padding-top: 5px; margin-bottom: 10px; display: block; width: 100%; border-top: 1px solid rgb(175,175,215); }

/* =search
-------------------------------------------------------------- */

input { font-family: 'FWT Header', 'franklin gothic medium', sans-serif; border: 2px solid transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(255,255,255); font-size: 1em; padding: 2px .5em; margin: 10px; margon: 0; } 
input[type="text"] { color: rgb(51,51,153); background-color: rgba(204,204,234,.85); width: 15em; } 
input[type="text"]:hover { color: rgb(0,0,102); background-color: rgba(214,214,245,.85); } 
input[type="text"]:focus { color: rgb(0,0,51); background-color: rgb(255,255,255); outline: none; border: 2px solid rgb(204,204,234); cursor: hand; } 
input[type="submit"] { color: rgb(0, 0, 53); background-color: rgb(204,204,234); border: 2px solid rgb(153,153,183); cursor: hand; }
input[type="submit"]:hover { color: rgb(255,255,255); background-color: #D6156C; border: 2px solid transparent; cursor: hand; }