/*
Theme Name: Three Intentions
Theme URI: http://threeintentions.com/
Description: A custom WordPress theme for Three Intentions.
Version: 0.1
Author: Andy Hieb
Author URI: http://dtek.net/
Tags: 
*/

/*
main layout elements
*/

body {
  margin: 0;
  padding: 0;
  background: url(img/page-bg.jpg) repeat-x #c7ded9;
}

#container-wrap {
  width: 986px;
  margin: 0 auto;
  background: url(img/container-bg-bottom.jpg) repeat-y #fff;
}

#container {
  padding: 0 43px 4em 44px;
  background: url(img/container-bg-top.jpg) no-repeat;
}

#header {
  position: relative;
  background: url(img/intro-bg.png) left bottom no-repeat;
  padding-bottom: 2px;
  margin-bottom: 3.5em;
}
body.home #header {
  background: none;
  padding: 0;
  margin: 0;  
}

#header h5 {
  margin: 0;
  padding: 0;
  width: 239px;
  height: 57px;
  position: absolute;
  top: 27px;
  left: 2px;
}
#header h5 a {
  position: absolute;
  margin: 0;
  padding: 57px 0 0 0;
  width: 239px;
  height: 1px;
  background: url(img/logo.jpg) no-repeat;
  overflow: hidden;
}

#searchform {
  position: absolute;
  top: 50px;
  right: 0;
}
#searchform label { }
#s { }
#searchsubmit { }

textarea { width: 100%; }

/* Main Nav Menu */

#header ul {
  list-style: none;
/*  margin: 110px 0 10px 0;*/
  margin: 0 0 10px 0;
  padding: 110px 0 0 0;
  min-height: 35px;
  position:relative;
/*  overflow: hidden;*/
}
body.home #header ul {
  background: url(img/intro-bg.png) left bottom no-repeat;
  padding-bottom: 12px;
  margin-bottom: 2px;
}

#header ul li {
  float: left;
  width: 112px;
  background: url(img/divider-vert.jpg) left top repeat-y;
  position:relative;
}
#header ul a {
  display: block;
  margin: 0;
  padding: 0.4em 15px;
  width: 82px;
}

/* Dropdown submenus */
#header ul ul.sub-menu {
	display: none;
	background:#fff;
	padding: 3px 0 0 0;
	/*margin: 0 0 0 -2px;*/
	position:absolute;
	top:100%;
	left:0;
}
	#header ul li:hover > ul.sub-menu {
		display: block;
	}
	#header ul.sub-menu li {
		font-size:15px;
		line-height:18px;
		padding:6px 0 7px 0;
		border-bottom: 1px dotted #ccc;
		border-right: 1px dotted #ccc;
		border-left: 1px dotted #ccc;
		background:none;
		width: 180px;
		}
	#header ul.sub-menu li:first-of-type {
		border-top: 1px dotted #ddd;
		}
	#header ul.sub-menu li a {
		width:150px;
		}

/*
#intro {
  background: url(img/intro-bg.jpg) bottom left repeat-x #478678;
  min-height: 25px;
  border-top: 1px solid #badfd7;
  padding: 25px;
  margin-bottom: 2em;
  overflow: hidden;
}
body.home #intro {
  background-image: url(img/intro-front-bg.jpg);
  min-height: 147px;
  padding-right: 290px;
}
*/
#intro {
  background: url(img/intro-front-bg.jpg) bottom left no-repeat #478678;
  border-top: 1px solid #badfd7;
  min-height: 98px;
  padding: 25px 290px 25px 25px;
  margin-bottom: 2em;
}

#main {
  min-height: 400px;
  overflow: hidden;
}

#content {
  float: left;
  width: 640px;
}
body.home #content { width: 650px; }
/*
body.home #content {
  float: left;
  width: 644px;
}
body.home #content h2, body.home #content p { width: 642px; }
body.home #content #featured-head p, body.home #content #featured-excerpts p, 
body.home #content #featured-blogs p { width: auto; }
*/

#sidebar {
  float: right;
  width: 217px;
  margin-top: 5px;
}

#footer {
  width: 899px;
  margin: 0 auto 3em auto;
  padding: 1em 43px 0 44px;
  background: url(img/footer-bg.jpg) left top no-repeat #c7ded9;
  overflow: hidden;
}

#license {
  float: left;
  width: 49%;
}

#credit {
  float: right;
  width: 49%;
}


/*
other layout elements
*/

h2, h3, h4, p, ul, ol { margin: 0 0 0.8em 0; padding: 0; }

h1, #sidebar h2 {
  margin: 0 0 0.3em 0;
  padding: 0 0 0.2em 0;
  background: url(img/divider.jpg) left bottom repeat-x;
}
h1 { margin-bottom: 1em; }
#intro h1 { background: none; margin: 0.5em 0 0 0; padding: 0; }
#sidebar h2 { padding-bottom: 0.4em; margin-bottom: 0.6em; }

#sidebar h3 { margin-bottom: 0; }
#content h3 { margin-top: 1.5em; }

blockquote {
  margin: 0 0 0.8em 0;
  padding: 0 0 0 2em;
  background: url(img/divider-vert.jpg) left top repeat-y;
}

#featured-head, #featured-excerpts, #featured-blogs {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #a8dcd1;
  background: url(img/featured-bg.png) top center repeat-y #eaf3f1;
}
#featured-head { border-bottom: none; background: #eaf3f1; margin-top: 2em; }
#featured-excerpts { border-top: none; }
#featured-blogs { border-top: none; background-color: #fff; }

#featured-head li, #featured-excerpts li, #featured-blogs li {
  float: left;
  width: 186px;
  padding: 1em 15px 0 15px;
}
#featured-excerpts li { padding: 0 15px 2em 15px; }
#featured-blogs li { padding: 0.2em 15px; }

#featured-head h3, #featured-excerpts h3, #featured-blogs h3 { margin-top: 0.5em; }
#featured-excerpts h3 { display: none; }
#featured-excerpts img { margin-right: 0; }

div.block { margin-bottom: 3em; }

#subnav ul li {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #57998b;
}

#social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#social li {
  float: left;
  width: 25px;
  margin-right: 7px;
}

#social li a {
  display: block;
  margin: 0;
  padding: 25px 0 0 0;
  width: 25px;
  height: 1px;
  background: url(img/icons.jpg) no-repeat;
  overflow: hidden;
}
#social li.twitter a { background-position: 0 0; }
#social li.flickr a { background-position: -25px 0; }
#social li.facebook a { background-position: -50px 0; }
#social li.rss a { background-position: -75px 0; }

ul.blog, ul.wp-tag-cloud {
  list-style: none;
  margin: 0 0 1.2em 0;
  padding: 0;
}
ul.blog li, ul.wp-tag-cloud li { margin-bottom: 0.5em; }

div.post {
  margin-bottom: 2.5em;
  padding-bottom: 0.1em;
  background: url(img/divider.jpg) left bottom repeat-x;
}

div.post .border {
  border-bottom: 1px solid #324149;
  padding: 1em 0 0.5em 0;
}
/*
#subnav { overflow: hidden; margin: 0 0 1em 0; }
#subnav p { float: left; }

#subnav ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#subnav ul li {
  float: left;
  background: url(img/divider-vert.jpg) left top repeat-y;
  padding-left: 1.5em;
  margin-left: 1.5em;
}
#subnav ul a {}
*/

ul.blognav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.blognav li.prev {
  float: left;
  width: 49%;
}
ul.blognav li.next {
  float: right;
  width: 49%;
}

a.action {
  padding: 0.7em 2em 0.7em 1em;
  background: url(img/action-button-bg.jpg) right center repeat-x;
}

#content img {
  padding: 3px;
  border: 1px solid #488779;
  margin-bottom: 1em;
}
#content div.comment-author img.avatar { margin-bottom: 0; }

div.post img, div.page img {
  float: left;
  margin-right: 2em; 
}

#sidebar ul { list-style: none; }
#sidebar li { margin-bottom: 0.4em; }

#sidebar p.postmeta { margin-bottom: 0; }
#content p.postmeta { margin-bottom: 1.5em; }
#content p.bottom { margin-top: 3em; }

a.share {
  padding-right: 20px;
  background: url(img/sample-sharethis.jpg) right center no-repeat;
}

/*
iContact
*/

#mailinglist a { font-size: 0.5em; font-style: italic; }

#mailinglist input.action {
  padding: 0.7em 2em 0.7em 1em;
  background: url(img/action-button-bg.jpg) right center repeat-x;
  font-size: 1.1em;
  color: #fff;
  border: 0;
}

/*
The Events Calendar
*/

#threeint-tribe-events-content {
  padding: 0;
}
.threeint-tribe-events-event-entry {
	float:left;
	padding:0 5% 0 0;
  width: 60%;
}

h4.threeint-event-day {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}

.tribe-events-event .postmeta {
  clear: both;
}

#threeint-tribe-events-content .post {
  margin-bottom: 2.5em;
}

#threeint-tribe-events-content .tribe-events-nav,
#threeint-tribe-events-content .tribe-events-event-list-meta td,
body span.back,
#content #tribe-events-event-meta {
  font-family: Verdana, Arial, sans-serif;
}
#threeint-tribe-events-content .tribe-events-events .tribe-events-event-list-meta {
  font-size: 1em;
}
#threeint-tribe-events-content .tribe-events-nav a,
body span.back a {
  color: #B73926;
}

a.event-reg-link {
  display: block;
  margin: 0;
  padding: 32px 0 0 0;
  width: 153px;
  height: 1px;
  background: url(img/event-reg-sprite.png);
  overflow: hidden;
}
a.event-reg-link:hover {
  background-position: 0 33px;
}


/*
Twitter Widget Pro plugin
*/

.entry-content {
}
.entry-meta {
}
.time-meta {
  display: block;
  margin: 0.5em 0 1.5em;
}
.from-meta {
  display: none;
}


/*
typography
*/

body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 62.5%; /* resets 1em to 10px */
  line-height: 1.6;
  color: #324149;
}

h1, #content h2, #content h3, #sidebar h3, a.action { font-family: Georgia, serif; }

#header ul, #intro { font-size: 1.4em; }
#content, #footer { font-size: 1.2em; }
#sidebar, #subnav ul { font-size: 1.15em; }
#intro h1 { font-size: 2.5em; }
h1 { font-size: 1.8em; }
/*h1.archive { font-size: 1.4em; }*/
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
#sidebar h2 { font-size: 1.35em; }
#sidebar h3 { font-size: 1.4em; }
a.action { font-size: 1.1em; }

h1, h2, h3, h4 { line-height: 1.3; }

a { text-decoration: none; color: #b73926;  }
a:hover, #sidebar li.current_page_item a { text-decoration: underline; }

#header ul a { color: #34514d; }
#header ul a:hover, #header ul li.current_page_item a { color: #b73926; text-decoration: none; }

#intro a { color: #fff; text-decoration: underline; }
#intro a:hover, a.action:hover { text-decoration: none; }

#intro, #intro h2, a.action { color: #fff; }
#sidebar h3 { color: #b73926; }
h2, h3, #footer, #footer a { color: #334f4b; }
#content h3, #featured-head a, .postmeta, a.action:hover { color: #57998b; }
blockquote { color: #767676; }

h1, h2, h3 { font-weight: normal; }
blockquote { font-style: italic; }

#credit, ul.blognav li.next { text-align: right; }

.noborder {border:none!important;}