/*
Theme Name: Sage Media
Theme URI: http://www.sagemedia.ca
Description: A simple and clean two-column WordPress theme with widetized sidebars.
Version: 2.0
Author: Sage Media Graphic Design Company
*/

/* Sage Media CSS Styles and Layout Control Document
Copyright Sage Media, All rights reserved
info@sagemedia.ca
http://www.sagemedia.ca
No part of this site may be reproduced without explicit permission
*/

* {padding: 0px; margin: 0px; -moz-outline:none; outline:none; line-height:14px}


body {
	background: #F1F1F1 url(http://sagemedia.ca/images/bgbumpy.gif) no-repeat top center;
	/*background-image: url(http://sagemedia.ca/images/bg.gif);*/
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	vertical-align: top;
}

a:link {color: #666666; text-decoration: none;}     /* unvisited link */
a:visited {color: #666666; text-decoration: none;}  /* visited link */
a:hover {color: #65784f; text-decoration: none;}   /* mouse over link */
a:active {color: #666666; text-decoration: none;}   /* selected link */

#twitter { width: 172px; min-width: 172px; padding:0; overflow:hidden }

.tweet {
   padding: 10px;
   margin: 5px 0;
   background: #fbfbfb;
   border:1px solid #e8e8e8;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}

.sageol li {list-style:outside disc; padding-bottom:10px; margin-left:15px}

.blogimage {float:left; margin:0 10px 0 0}
.blogimager {float:right; margin:0 0 0 10px; padding:0 !important; border:0 !important }
.fll {float:left; display:inline}
.flr {float:right; display:inline}
.two55 {width:225px; text-align:left !important}
.clear {clear:both}


/* Live Form Validation Message */
#special {display:none;}
.message {background-color:#eee; margin-bottom:10px; color:#000; display:none; padding:10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border:1px solid #e8e8e8}
#url {border:0!important; height:1px!important; width:1px!important; padding:0!important; margin-top:-10px}

ul {list-style:none}
li {list-style:none; background:none}

#container1
	{text-align: left; width: 792px; margin: 20px auto 0 auto; padding-bottom:0; position: relative; background-image:url(http://sagemedia.ca/images/mid.jpg)}
#core
	{height: 442px; width: 792px; margin: 0px; padding: 0px;}


#header
	{width: 792px; height: 104px; overflow: hidden;}

	#headerlogo
		{background: url(http://sagemedia.ca/images/logo.png) no-repeat left top; 
		height: 104px; width: 165px; float: left; }

	#headertop
		{background: url(http://sagemedia.ca/images/topbar.png) no-repeat left top; 
		height: 77px; width: 627px; float: left; text-align:left; 
		text-indent: -15000px;}
		
	#support
		{width:130px; height:36px; float:right}

	#menudiv
		{background: url(http://sagemedia.ca/images/menu1.png) no-repeat left top; height: 27px; width: 627px; float: left; overflow: hidden;}

	#menu {height: 27px; width: 627px; float: left; position: relative; overflow: hidden; text-align:center}
	#menu a {padding:5px 1px 0 0; font-size:11px}
	#menu a:hover {padding: 5px 1px 0 0; margin: 0; outline:none;}
	#menu a:active {outline:none;}

		#menu li {position: absolute; list-style: none;}
	  	#menu li, #menu a {height: 27px; display: block;}
		
		#menuhome {left: 57px; width: 50px;}
		#menuhome a:hover {background: transparent url(/images/menu1.png) -57px -27px no-repeat;}
	
	  	#menusvc {left: 109px; width: 65px;}
		#menusvc a:hover {background: transparent url(/images/menu1.png) -109px -27px no-repeat;}
	
		#menuportfolio {left: 177px; width: 65px;}
		#menuportfolio a:hover {background: transparent url(/images/menu1.png) -177px -27px no-repeat;}
		
	  	#menuabout {left: 247px; width:65px;}
		#menuabout a:hover {background: transparent url(/images/menu1.png) -247px -27px no-repeat;}

		#menuarticles {left: 316px; width: 60px;}
		#menuarticles a:hover {background: transparent url(/images/menu1.png) -316px -27px no-repeat;}

	  	#menutestimonials {left: 381px; width: 82px;}
		#menutestimonials a:hover {background: transparent url(/images/menu1.png) -381px -27px no-repeat;}

	  	#menucontact {left: 467px; width: 63px;}
		#menucontact a:hover {background: transparent url(/images/menu1.png) -467px -27px no-repeat;}

	  	#menustartnow {left: 530px; width: 82px;}
		#menustartnow a:hover {background: transparent url(/images/menu1.png) -530px -27px no-repeat;}

#submenuspacer {width:790px; clear:both; border:1px solid #bcbcbc; border-top:0; border-bottom:0; font-size:1px; line-height:1px; padding:3px 0 2px 0; margin:0; background-color:#FFF}
#submenu {width:790px; height:30px; background-color:#FFF; border:1px solid #bcbcbc; border-left:0; border-right:0; padding:0; font-size:10px; text-align:right}
#submenu ul {list-style:none; margin:5px 15px 10px 15px;}
#submenu li {display:inline; margin:0px 10px}
#submenu li a {text-transform:uppercase}


.tmltitle {color:#65784f; font-family: "FuturaSTD", Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px}
.tml {width:165px; padding:3px; margin:0; border:1px solid #e8e8e8; font-size:10px; -moz-border-radius: 8px;
-webkit-border-radius: 8px;}
.tmlsubmit {width:172px; text-align:center; padding:2px; margin:10px 0 0 0; border:1px solid #65784f; background-color:#757575; color:#FFF; -moz-border-radius: 6px;
-webkit-border-radius: 6px;}
.dottedline {font-size:0; line-height:0; height:1px; width:100%; border:0; border-top:1px dotted #ffffff; margin:15px 0}
.testim {margin:0 0 20px 0; border:0; background-image:url(http://sagemedia.ca/images/openquote.jpg); background-repeat:no-repeat; padding-left:20px}
.nine {font-size:9px; color:#bfbfbf}

.whiteblock {background-color:#FFF; padding:10px; margin-bottom:20px; border:1px solid #E8E8E8; -moz-border-radius: 8px;
-webkit-border-radius: 8px; position:relative}

.servicesh10 {position:absolute; bottom:5px; right:0px}
.servicesh1 {font-size:16px; color:#53663D; text-align:right; margin:0; line-height:18px}

#footer {margin:0 auto 20px auto; padding:10px; font-size:9px; width:770px; text-align:left}

#core0 {width: 792px; margin: 0; padding: 0; background: url(http://sagemedia.ca/images/mid.jpg); position:relative}
#wpcontent {width:500px; padding:0 0 0 18px; margin:0; float:left; font-size:11px; position:relative}
#wpsidebar {width:195px; max-width:195px; padding:0 13px 0 13px; text-align:left; position:relative; float:right}

.bottomcap {width:792px; margin:0; padding:0; clear:both; line-height:1px; font-size:1px}

.clear {clear:both}
.clearone {clear:both; font-size:1px; line-height:1px; height:1px; margin:0; padding:0}
.vert15hor0 {margin:15px 0}

#sidebar {float:left; margin:55px 10px 10px 5px; width:170px}

.content {
	font-family: Verdana, sans-serif;;
	font-size: 9px;
	line-height: 14px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	margin:0;
	color: #666666;
}
.content A:link{
	font-family: Verdana, sans-serif;;
	font-size: 9px;
	text-decoration:none;
	line-height: 14px;
	color: #666666;
}
.content A:active{
	font-family: Verdana, sans-serif;;
	font-size: 9px;
	text-decoration: none;
	line-height: 14px;
	color: #666666;
}
.content A:visited{
	font-family: Verdana, sans-serif;;
	font-size: 9px;
	text-decoration: none;
	line-height: 14px;
	color: #666666;
}
.content A:hover{
	font-family: Verdana, sans-serif;;
	font-size: 9px;
	text-decoration: none;
	line-height: 14px;
	color: #65784f;
}

.white {font-family: Verdana, sans-serif; font-size: 9px; color: #FFFFFF;}
.white A:link {font-family: Verdana, sans-serif; font-size: 9px; text-decoration: none; color: #FFFFFF;}
.white A:hover {font-family: Verdana, sans-serif; font-size: 9px; text-decoration: none; color: #65784f;}
.white A:active{font-family: Verdana, sans-serif; font-size: 9px; text-decoration: none;}
.white A:visited{font-family: Verdana, sans-serif; font-size: 9px; text-decoration: none; color: #FFFFFF}

.indexicon {margin:2px 0}


/* Twitter Widget */
.widget_twitter li {clear:both;}
.widget_twitter li img {float:left;	margin-right:.5em;}
.widget_twitter li .clear {clear:both;}
.entry-content {padding-top:20px}

/* Header
----------------------------------------------- */
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:12px;
  line-height:1.2em;
  font-weight:bold;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#blog-title a { color:#666; text-decoration:none; }
#blog-title a:hover { color:#c60; }

#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }



/* Headings
----------------------------------------------- */
h1 {
  margin:1.5em 0 0 0;
  font-family: "FuturaSTD", Arial, Helvetica, sans-serif;
  font-size:22px;
  text-transform:capitalize;
  font-weight:500;
  }

h1 a:link {color: #65784F; text-decoration: none;}     /* unvisited link */
h1 a:visited {color: #65784F; text-decoration: none;}  /* visited link */
h1 a:hover {color: #666666; text-decoration: none;}   /* mouse over link */
h1 a:active {color: #65784F; text-decoration: none;}   /* selected link */

h2 {
  margin:2em 0 1em 0;
  font-family: "FuturaSTD", Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase
  }
  



/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em 0;
  }
.post {
  margin:0 0 1em 0;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0px;
  font-weight:bold;
  color:#000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#000;
  font-weight:bold;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
blockquote {
  padding:0 30px;
  color:#666;
  font-style:italic;
  text-align:left!important;
  line-height:1
  }
blockquote p {
  margin:1em 0;
  }

p {margin:0 0 1.4em 0; line-height:1.6em; text-align:justify}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:12px;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  padding-bottom: 1em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#666;
  line-height:1.5em;
  }



/* Profile
----------------------------------------------- */


#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 9px 3px 0;
  }
.profile-data {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  text-transform:uppercase;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
  }








.wpTwitterWidget{background-color:#FFF; padding:0 5px; border:1px solid #E8E8E8; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image:url(/images/tweet.gif); background-repeat:no-repeat; background-position:top right}

.entry-meta {font-size:9px; font-style:italic}

.entry a:link, .entry a:visited{
text-decoration: none;
color: #65784f;
border-bottom:1px dotted #65784f
}
.entry a:hover, .entry a:active{
color: #333;
border-bottom:1px dotted #333
}