@charset "UTF-8";
/* CSS Document 

Created by Tyrel Colwell of tycolwell.com - 2010

*/



/* Standard Styles for Clearing */

* {margin:0;padding:0;} 
p { margin-top: 15px; }
a img { border: none; } 
a { outline: none; text-decoration: none; font-weight: bold; }
a:link, a:visited, a:active { color: #00a4da;}
a:hover { color: #333; }
a img { border: none; } 

/* Body Styles */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
body {
	background-color: #FFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}

#header { width: 900px; height: 20px; }

#wrap {  }
#content { width: 900px; background-image: url(images/bg-contenttop.jpg); background-repeat: no-repeat; background-position: top center; background-color: #FFF; min-height: 120px; }
.relDiv { position: relative; text-align: left; vertical-align: top; }

.bottomShadow { width: 900px; height: 28px; background-image: url(images/bg-contentbot.jpg); }

h2 { font-size: 28px; font-weight: normal; }

h2 a:link, h2 a:active { font-size: 28px; color: #00a4da; font-weight: normal; line-height: 24px; letter-spacing: -1px; text-decoration: none; }
h2 a:hover { font-size: 28px; font-weight: normal; line-height: 24px; color: #333; letter-spacing: -1px; text-decoration: none;}
h2 a:visited {font-size: 28px; font-weight: normal; color: #00a4da; line-height: 24px; letter-spacing: -1px; text-decoration: none;} 

h3 { font-size: 16px; font-weight: bold; color: #333; margin-top: 10px; }

/* Buttons */

a.btnTwitter {
display: block;
float: left;
width: 128px;
height: 46px;
text-decoration: none;
background: url(images/btn-twitter.png);
cursor: pointer;
}
a.btnTwitter:hover {
background-position: -128px 0;
}

a.btnFacebook {
display: block;
float: left;
width: 165px;
height: 44px;
text-decoration: none;
background: url(images/btn-facebook.png);
cursor: pointer;
}
a.btnFacebook:hover {
background-position: -165px 0;
}

/* Blog Styles */

#rightCol { width: 291px; float: right; z-index: 22; margin-top: -250px; }
#leftCol { width: 561px; float: left; background-color: #fafafa; }

.blogTitles { width: 561px; height: 72px; background-image: url(images/bg-titleblog.png); background-repeat: no-repeat; z-index: 2; }
.blogTitles img { margin: 8px 0 0 10px; }
.blogBottomShadow { width: 561px; height: 62px; background-image: url(images/bg-titleblog-bot.png); background-repeat: no-repeat; z-index: 2; margin-top: -40px; }
.modCauseVideos { width: 291px; height: 365px; background-image: url(images/mod-bg-causevids.png); background-repeat: no-repeat; }

		/* Blog Modules */
		.causeVidTitle { position: absolute; left: 17px; top: 15px; }
		.causeVidDescription{ position: absolute; width: 252px; height: 94px; left: 21px; top: 205px; }
		.causeVideo { position: absolute; width: 275px; height: 200px; left: 8px; top: 50px; }

/* Blog LOOP styles */

div.articlePost { padding: 4px 0px 10px 0px; }

div.comments-template ol {  }

.commentlist { margin-left: 20px; }

.comments { float: left; width: 160px; text-align: right; margin-top: 10px;  }
	a.comments:link, a.comments a:visited { color: #00a4da; }
	.comments a:hover { color: #333; }

.postmeta {  }
a.postmeta:link, a.postmeta:visited { color: #fff; }
a.postmeta:hover { color: #00a4da; }

.mscomments a:link, .mscomments a:visited, .mscomments a:active { color: #fff; background-color: #00a4da; padding: 4px; }
.mscomments a:hover { color: #00a4da; background-color: #fff; padding: 4px; }
.mscomments { color: #00a4da; }

.blogEntry { font-family: Helvetica, Arial, sans-serif; color: #000; }
	
.comments h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; color: #fff; border-bottom: solid 1px #E5D9CC; line-height: 22px; margin-bottom: 7px; padding-bottom: 7px; }
.comments .comment, .commentform { display: block; padding: 15px; }
.comments .comment p { margin: 10px 0 0 0; }
.comments .alt, .commentform { background: #F7F3EF; }
.comments .comment .comment-meta { border-bottom: solid 1px #E7DFDE; font-size: 13px; color: #8D7154; padding-bottom: 5px; }
.comments .comment .comment-meta a { color: #000000; text-decoration: none; }
.comments .comment .comment-meta span { padding: 2px; font-size: 15px; font-weight: bold; color: #A7583E;}
.comments .comment .cimment-meta span a { color: #A7583E; }
.comments .commentform .alignleft { width: 150px; float: left; line-height: 40px; margin-top: -15px; }
.comments .commentform .alignright { width: 100%; float: right; }
.comments .commentform input, .comments .commentform textarea { display: block; padding: 5px; width: 200px; margin-bottom: 10px; border: #E7DBCE solid 1px; background-color: #ffffff; }
.comments .commentform input.submitbutton { width: 150px; background: #E7DBCE; float: right; }
.comments-template h3 { font-size: 16px; color: #fff; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }

.comments-template a { color: #00a4da; font-weight: bold; }