/*
Theme Name: Glinting
Theme URI: http://www.glinting.com/work
Description: Theme for Glinting Communications portfolio
Author: Sadie Upchurch
Author URI: http://www.glinting.com
Version: 1.0
License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

*/

body { margin: 0px; padding: 0px; font-family: Gill Sans, Geneva, Arial, Helvetica, sans-serif; font-size: 85%; color: #676767; background: #ffffff; }

a img { border: none; }
p, h1, h2, h3, h4, h5, h6, h7, ul, small, blockquote { margin-top: 0px; margin-bottom: 18px; }
p {font-size: 12px;}
p, li, li li { line-height: 160%; }
h1 { font-size: 1.5em; color: #ce3234; padding-bottom: 5px; text-transform: lowercase; }
h1 a { color: #ce3234; text-decoration: none; }
h2 { font-size: 1.2em; color: #ce3234; text-transform: lowercase; }
small { font-size: 0.9em; line-height: 140%; }
a { color: #ce3234; }
a:hover { color: #676767; }

#container { width: 80%; margin: 0px auto; }

#search-subscribe { width: 100%; margin: 0px 10px; height: 36px; }
#search-subscribe .search { float: right; display: inline; background: #ffffff; padding: 10px; height: 20px; }
#search-subscribe .subscribe { float: right; display: inline; background: #ffffff; padding: 12px; height: 16px;  }
#search-subscribe a { text-decoration: none; }
#search-subscribe img { vertical-align: top; }

#header { width: 95%; float: left; display: inline; overflow: visible; margin: 0px; }
p.site-title { font-size: 1.6em; margin: 50px 0px 0px; font-weight: bold; }
p.site-title a { color: #ce3234; text-decoration: none; }
p.site-title a:hover { color: #676767; }
p.description { margin-bottom: 0px; }
#logo { overflow: visible; width: 25%; padding: 10px 0px; margin: 0px 10px; float: left;   }
#nav { width: 40%; padding: 0px 0px 10px 0px; margin: 0px 10px; float: right; height: 22px; }
#nav ul { margin: 0px; padding: 0px; list-style: none; }
#nav li { float: left;  text-transform: lowercase; }
#nav li a { color: #ce3234; font-weight: bold; text-decoration: none; }
#nav li a:hover, #nav li a.active { color: #676767; text-decoration: overline; }

#wrapper { float: left; display: inline; width: 100%; padding-bottom: 20px; }
div.float-left { float: left; display: inline; overflow: hidden; } 
div.float-right { float: right; display: inline; overflow: hidden; }
div.one-column { width: 25%; padding: 10px; }
div.two-column { width: 65%; padding: 10px; }
div.three-column { width: 80%; padding: 10px; }
div.widget { margin-bottom: 20px; }

#sidebar, #content { overflow: hidden; }

#sidebar ul { margin: 0px 0px 10px 0px; padding: 0px; list-style: none;  }
#sidebar li { margin: 0px; padding: 2px 0px 2px; width: 30%; }
#sidebar li a { display: block; text-decoration: none; padding: 2px 15px; }
#sidebar ul.highlight li a { background: #ffffff; }
#sidebar li a:hover { background: #ffffff; }
#sidebar ul.highlight li a:hover { background: #ffffff; color: #676767; }

#content .post { margin-bottom: 20px; }
#content .post h1 { margin-bottom: 5px; }
#content .post h2 { text-transform: uppercase; font-size: 1.2em; font-weight: normal; }
#content p.premeta { font-size: 90%; color: #676767; margin-bottom: 20px; }
#content .postmeta { color: #676767; font-size: 90%; border-top: 2px #676767 solid; padding: 4px 0px; margin-bottom: 20px; }

/* Comments */
#content .comments { font-size: 90%; margin: 20px 0px; }
#content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #676767 solid; border-right: 5px #676767 solid; }
#content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #676767; list-style-type: none; }
#content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }

#footer-wrapper { float: right; display: inline; width: 100%; }
#footer { margin: 0px auto; width: 100%; overflow: hidden; padding: 10px 10px 0px; background: #ffffff; font-size: 90%; }
#footer ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px #676767 solid; }
#footer li { margin: 0px; padding: 1px 0px 1px; border-bottom: 1px #676767 solid; width: 30%; }
#footer li a { display: block; text-decoration: none; padding: 1px 0px; }
#footer h2 { font-size: 1.3em; }

/* WordPress Images and Captions */
#content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }
#content img.alignnone { margin: 0px 10px 10px 0px; }
#content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; }
#content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }
#content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; }


/* Navigation
-------------------------------------*/
#navlist
{
font: Gill Sans, Geneva, Arial, Helvetica, sans-serif;	
	padding: 0 0 20px 10px;
	text-align: right;
}

#navlist ul, #navlist li
{
font: Gill Sans, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
padding-bottom: 2px;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
font: Gill Sans, Geneva, Arial, Helvetica, sans-serif;
float: left;
padding-bottom: 2px;
line-height: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #ce3234;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
font: Gill Sans, Geneva, Arial, Helvetica, sans-serif;
padding-bottom: 2px;
background: transparent;
color: #ce3234;
}

#navlist a:hover { 
color: #676767; 
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}

h4 {
	font-family: Gill Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:lowercase;
  letter-spacing:.2em;
  color:#ce3234;
}