/*
Theme Name: OR318
Theme URI: http://www.march18.org
Description: A custom theme.
Author: Tammy Hart
Author URI: http://www.tammyhartdesigns.com/
*/



* {
	margin:0;
	padding:0;
	}
	

/* Begin Settings and Classes */
a {
	text-decoration:none;
	color:#527396;
	}
	
a:hover {
	text-decoration:underline;
	color:#d96f00;
	}
	
h1 a, h2 a, h3 a {
	}
		
h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
	text-decoration:none;
	}

p {
	margin:20px 0;
	}
	
h1, h2, h3, h4 {
	font-weight:bold;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	text-shadow:2px 2px 3px #cecece;
	line-height:30px;
	}
	
h1 {
	font-size:2em;
	}
	
h2 {
	font-size:1.66em;
	line-height:20px;
	}
	
h3 {
	font-size:1.5em;
	}
	
	.first-word {
		font-weight:normal !important;
	}
	
h2 .front-icon {
	float:right;
	display:block;
	background:url(images/icons.png);
	height:20px;
	margin-top:5px;
}

	#members h2 .front-icon {
		width:22px;
		background-position:0 -90px;
	}

	#socmed h2 .front-icon {
		width:25px;
		background-position:0 -60px;
	}

	#fromblog h2 .front-icon {
		width:20px;
		background-position:0 -30px;
	}

	#fromtwitter h2 .front-icon {
		width:43px;
		background-position:0 0;
	}
	
.pagetitle {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:20px;
	}
	
small {
	font-size:.9em;
	color:#999;
	}
	
.button {
	background:#d96f00 url(images/btn-25.png) 0 0;
	border:1px solid #a64400;
	padding:0 9px;
	text-shadow:1px 1px 0 #a64400;
	color:#fff;
	display:block;
	float:left;
	line-height:22px;
	height:23px;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}

	.button:hover {
		border-color:#1c3d5f;
		background-position:0 -23px;
		text-shadow:1px 1px 0 #1c3d5f;
		text-decoration:none;
		color:#fff;
	}
	
code {
	font: 1.1em "Courier New", Courier, Fixed;
	}
	
pre {
	font: 1.1em "Courier New", Courier, Fixed;
	margin:1.5em;
	padding:10px;
	background:#fafafa;
	border:1px solid #eee;
	white-space:normal;
	overflow:auto;
	}
	
acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
hr {
	clear:both;
	width:80%;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}
	
img {
	border:none;
	}
	
	.entry img {
		max-width:100%;
		height:auto;
	}
	
blockquote {
	margin:1.5em;
	padding:1px 1.5em;
	background:#fafafa;
	border:1px solid #eee;
	border-left-width:3px;
	}
	
	blockquote cite {
		font-style:italic;
		font-size:.9em;
		display:block;
		margin:5px 0 0;
		text-align:right;
		}
		
	blockquote cite:before {
		content: "\2014 \0020";
		}
		
.post>ul, .post>ol {
	margin:1.5em;
	}
	
	.post li {
		padding:.25em 0;
		margin-left:30px;
		}
		
	.post li h3 {
		margin:0;
		}
		
.clear { 
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}
		
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
	
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


/* Begin Images */	
img.alignleft {
	margin-right:10px;
	}
	
img.alignright {
	margin-left:10px;
	}

.wp-caption, .attachment img {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: .9em;
	line-height: 1.5em;
	padding: 0 4px 4px;
	margin: 0;
}

.attachment, .caption {
	text-align:center;
}

.attachment img {
	padding:4px;
	}
/* End Images / End Settings and Classes */



/* Begin Structure */
body {
	background:#fff url(images/body.jpg) repeat-x 0 0;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#555;
	text-align:center;
	}
	
#page {
	margin:0 auto;
	width:920px;
	text-align:left;
	}


/* Begin Header */	
#header {
	background:#ccc url(images/header.jpg);
	height:112px;
	padding-top:58px;
	position:relative;
	}
	
	#sitename {
		display:block;
		width:200px;
		height:0;
		overflow:hidden;
		padding-top:50px;
	}
		
	.description {
		text-indent:-9999px;
		}
		
	#header-right {
		position:absolute;
		top:10px;
		right:0;
		width:120px;
	}
	
	
			
	#header #lang_sel {
	}
	
	#header #lang_sel ul {
		background:#ffffff url(images/droparrow.png) no-repeat 108px 8px;
		border:none;
		height:20px;
		width:120px;
		border-radius:5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-khtml-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
	}
	
	#header #lang_sel ul ul li {
		background:#fff;
		width:120px;
	}
	
		#header #lang_sel ul ul {
			background-image:none;
			top: 19px;
		}
	
	#header #lang_sel a, #header #lang_sel a:visited {
		background:none;
		width:114px;
		padding:0 3px;
		border:none;
		color:#929292 !important;
		font:11px/20px Verdana, Geneva, sans-serif;
	}
	
	#header #lang_sel a:hover {
		color:#000 !important;
	}
/* End Header */

		
#search-main {
	float:right;
}

#searchform {
	padding-top:8px;
	position:relative;
	width:280px;
}
		
#s {
	padding:2px 10px;
	display:block;
	float:left;
	height:20px;
	background:#f4f4f4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	color:#555;
	font-size:15px;
	border:none;
	width:210px;
	}
	
#searchsubmit {
	background:#d96f00 url(images/btn-25.png) 0 0;
	border:1px solid #a64400;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	padding:0 0 4px;
	display:block;
	height:24px;
	float:right;
	text-decoration:none;
	text-shadow:1px 1px 0 #a64400;
	color:#fff;
	cursor:pointer;
	width:38px;
	}
	
	#searchsubmit:hover {
		border-color:#1c3d5f;
		background-position:0 -23px;
		text-shadow:1px 1px 0 #1c3d5f;
	}

/* Begin Page List */		
#nav {
	height:32px;
	line-height:21px;
	padding-top:8px;
	font-size:1.5em;
	background:#eee url(images/nav.jpg);
	}
	
	#nav li {
		float:left;
		list-style:none;
		margin-right:10px;
		}
		
		#nav li a {
			padding:1px 20px;
			display:block;
			float:left;
			height:22px;
			background:#f4f4f4;
			border-radius:5px;
			-moz-border-radius:5px;
			-khtml-border-radius:5px;
			-webkit-border-radius:5px;
			}
			
		#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {
			background:#d96f00 url(images/btn-25.png) 0 0;
			border:1px solid #a64400;
			padding:0 19px;
			text-decoration:none;
			text-shadow:1px 1px 0 #a64400;
			color:#fff;
			}
/* End Page List */

		
/* Begin Content */	
#content {
	font-size:1.2em;
	line-height:20px;
	float:left;
	padding:25px 0 50px;
	width:600px;
	}
	
	.page-template-homepage-php #content {
		width:440px;
		font-size:1.7em;
		padding:34px 0 0;
	}
	
	.page-template-homepage-php #content p {
		margin-top:0;
	}
	
	.page-id-161 #content {
		width:100%;
		float:none;
	}
	
#video {
	float:right;
	width:440px;
	margin:26px 0 30px;
	background:#b3b3b3;
	height:244px;
}

.page-template-homepage-php #content #bigbuttons {
	margin:26px -10px 0 0;
	height:30px;
}

#bigbuttons a, #signup, #contact {
	display:block;
	float:left;
	margin-right:10px;
	background:#d96f00 url(images/btn-30.png) 0 0;
	border:1px solid #a64400;
	text-decoration:none;
	text-shadow:1px 1px 0 #a64400;
	color:#fff;
	font-size:15px;
	height:28px;
	line-height:27px;
	width:138px;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
}

#bigbuttons a:hover, #signup:hover, #contact:hover {
	border-color:#1c3d5f;
	background-position:0 -28px;
	text-shadow:1px 1px 0 #1c3d5f;
}

#modules {
	background:url(images/div.png) no-repeat 50% 0;
	padding-top:30px;
	clear:both;
	font-size:1.2em;
	line-height:20px;
}
	
	.post {
		margin-bottom:40px;
		}
			
	.postmetadata {
		border-top:1px solid #ddd;
		font-size:.9em;
		background:#f5f5f5;
		padding:2px 5px;
		}
		
	.navigation {
		height:1.5em;
		font-size:.9em;
		margin:1.5em 0;
		}
		
.how {
	width:280px;
	float:left;
	margin:30px 40px 0 0;
}

.how p {
	height:165px;
	background:#eaeaea;
	padding:4px 10px 1px;
	border-top:5px solid #527396;
	margin:0 0 0 80px;
}

.how .icon {
	float:left;
}

#how-facebook, #how-idea {
	margin-right:0;
}

#how-video p, #how-photo p, #how-idea p {
	height:215px;
}

#how-more {
	padding-top:60px;
	background:url(images/div.png) no-repeat 50% 30px;
	clear:both;
	margin:0;
	position:relative;
	height:60px;
}

#how-more p {
	font-size:17px;
	width:600px;
	margin:0;
}

#how-more .info {
	position:absolute;
	top:60px;
	left:0;	
}

#signup {
	position:absolute;
	top:65px;
	right:145px;
	width:125px !important;
}

#contact {
	position:absolute;
	top:65px;
	right:0;
	width:125px !important;
	margin:0;
}

/* Begin Comments */		
.commentlist {
	margin-top:1.5em;
	}
		
.commentlist li {
	list-style:none;
	padding-bottom:1px;
	margin-bottom:40px;
	}
	
.commentlist li.alt {
	background:#fafafa;
	}
	
	.commentmetadata, .comment-author {
		border-bottom:1px solid #ddd;
		font-size:.9em;
		background:#f5f5f5;
		padding:0 10px 3px;
		}
		
		.comment-author {
			border:none;
			padding:3px 10px 0;
		}
		
	.avatar {
		border:1px solid #ddd;
		float:right;
		display:block;
		padding:2px;
		background:#f5f5f5;
		}
		
	.commentlist li p {
		padding:0 10px;
		}
		
		
#commentform input, #commentform textarea {
	width:147px;
	border:1px solid #dcdee0;
	background:#fff;
	font-size:11px;
	padding:3px;
	}
	
#commentform textarea {
	width:500px;
	}
	
#commentform input:hover, #commentform textarea:hover, #commentform input:focus, #commentform textarea:focus {
	background:#fafafa;
	}
	
#commentform p {
	margin:20px 0;
	font-size:1.1em;
}
	
#bird {
	position:absolute;
	top:-14px;
	height:15px;
	width:auto;
	left:3px;
}
			
#commentform #submit, #sendbutton {
	display:block;
	background:#d96f00 url(images/btn-30.png) 0 0;
	border:1px solid #a64400 !important;
	text-decoration:none;
	text-shadow:1px 1px 0 #a64400;
	color:#fff;
	font-size:15px;
	height:30px;
	line-height:27px;
	padding:0 0 3px;
	width:138px;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	cursor:pointer;
}

#sendbutton {
	margin-left:10px;
}

#commentform #submit:hover, #sendbutton:hover {
	border-color:#1c3d5f !important;
	background-position:0 -28px;
	text-shadow:1px 1px 0 #1c3d5f;
}
	
.team {
	padding-left:40px;
}
	
.dropname {
	margin-left:-40px;
	font:bold 1.3em 'Century Gothic', Arial, Helvetica, sans-serif;
}



.post #commtable {
	margin:10px 0;
	padding:0;
	border:1px solid #fff;
	border-bottom:none;
}

.post #commtable .header {
	background:#d9d9d9;
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.post #commtable .blog {
	float:left;
	width:150px;
	display:block;
	padding:2px 5px;
}

.post #commtable .name {
	float:left;
	width:159px;
	display:block;
	padding:2px 5px;
	border-left:1px solid #fff;
}

.post #commtable .country {
	float:left;
	width:129px;
	display:block;
	padding:2px 5px;
	border-left:1px solid #fff;
}

.post #commtable .twit {
	float:left;
	width:110px;
	display:block;
	padding:2px 5px;
	border-left:1px solid #fff;
}

.post #commtable li {
	background:#f9f9f9;
	border-bottom:1px solid #fff;
	font-size:.9em;
	margin:0;
	line-height:15px;
	list-style:none;
	clear:left;
	height:19px;
	padding:0;
}

#commtable li.alt {
	background:#f2f2f2;
}

.page-numbers {
	font-size:.8em;
	padding:1px 3px;
	font-weight:bold;
	background:#ececec;
}
/* End Comments / End Content */


/* Begin Sidebar */
#sidebar {
	float:right;
	font-size:1.2em;
	padding:20px 0 50px;
	width:280px;
	}

#modules {
	background:url(images/div.png) no-repeat 50% 0;
	padding:20px 0 60px;
	clear:both;
	font-size:1.2em;
	line-height:20px;
	height:300px;
}

#modules .button {
	float:none;
	width:100px;
	margin:10px auto;
	text-align:center;
}
	
	#sidebar ul {
		}
		
		#sidebar ul ul, #modules ul ul, .module {
			padding:4px 10px 5px;
			background:#eaeaea;
			border-top:5px solid #527396;
		}
		
		#modules ul ul, .module {
				height:246px;
			}
			
			#modules li {
				float:left;
				width:200px;
				margin-right:40px;
				list-style:none;
			}
			
			#modules li li {
				float:none;
				width:auto;
				margin:0;
			}
			
			#modules #members ul {
				padding-top:5px;
			}
			
			#members li {
				height:20px;
				margin:0;
				padding:0;
				text-transform:capitalize;
				clear:left;
			}
			
			#members .name {
				display:block;
				width:130px;
				float:left;
				font-size:.9em;
			}
			
			#members .country {
				float:left;
				display:block;
				width:50px;
	overflow:hidden;
	height:20px;
				font-size:.9em;
			}
			
			#socmed p {
				margin:0 0 20px;
				font-size:1.2em;
			}
			
			#modules #fromblog li, #modules #fromtwitter li, #sidebar .aktt_tweets li {
				border-bottom:1px solid #fff;
				padding-bottom:5px;
				margin-bottom:9px;
			}
			
			#modules #fromtwitter ul {
				padding:7px 10px 0;
				height:248px;
			}
			
			#modules #fromtwitter li {
				font-size:.9em;
				line-height:15px;
				margin-bottom:4px;
			}
			
				.aktt_tweet_time {
					white-space:nowrap;
					color:#999;
					font-size:.9em;
				}
				
				.aktt_more_updates {
					display:none;
				}
		
		#sidebar ul li {
			list-style:none;
			margin-bottom:30px;
			}
		
		#sidebar li li {
			line-height:20px;
			margin:0;
		}
		
		#sidebar ul ul ul {
			background:none;
			padding:0;
			border:none;
			}
			
		#sidebar li li {
			}
			
	#sidebar h4, #modules h2 {
		font-size:1.66em;
		line-height:35px;
		padding:5px 0 6px;
		}
/* End Sidebar */

.icon {
	display:block;
	width:50px;
	height:0;
	padding-top:50px;
	overflow:hidden;
	background:url(images/icons.png);
	cursor:pointer;
}

#icon-del { background-position:50% -290px; }
#icon-twit { background-position:50% -170px; }
#icon-fb { background-position:50% -230px; }
#icon-flickr { background-position:50% -120px; }
#icon-vim { background-position:50% -350px; }
#icon-yt { background-position:50% -410px; }

#twitterbtn {
	width:20px;
	padding-top:24px;
	background-position:0 -680px;
	position:absolute;
	top:30px;
	right:57px;
}

#feed {
	width:20px;
	padding-top:20px;
	background-position:0 -720px;
	position:absolute;
	top:30px;
	right:27px;
}

#facebook {
	width:17px;
	padding-top:20px;
	background-position:0 -750px;
	position:absolute;
	top:30px;
	right:0px;
}

#how-twitter .icon { background-position:-3px -170px; width:42px; }
#how-blog .icon { background-position:-2px -520px; width:44px; }
#how-facebook .icon { background-position:-4px -230px; width:40px; }
#how-video .icon { background-position:0 -470px; width:47px; }
#how-photo .icon { background-position:0 -570px; width:47px; }
#how-idea .icon { background-position:-10px -620px; width:28px; }

#modules .icon {
	float:left;
	margin:0 15px 10px 0;
}

	#modules #icon-fb, #modules #icon-yt {
		margin:0 0 10px;
	}
	
#how-twitter a {
	display:block;
	margin-top:10px;
}

/* Begin Footer */
#footer {
	background:#555 url(images/footer.png);
	height:100px;
	}
	
#footer-in {
	width:920px;
	margin:0 auto;
	font-size:12px;
	line-height:20px;
	color:#b3b3b3;
	text-align:left;
	padding-top:10px;
}

	#footer a {
		color:#fff;
	}
	
	#footer ul {
		padding-top:5px;
	}
	
	#footer li {
		float:left;
		list-style:none;
		background:url(images/footer-blt.png) no-repeat 3px 50%;
		padding-left:10px;
	}
	
	#footer li.page-item-2 {
		padding:0;
		background:none;
	}
	
#mey {
	float:right;
	display:block;
	width:225px;
	height:50px;
	position:relative;
	overflow:hidden;
}

	#mey span {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background:url(images/logo-mey.png) 0 0;
	}
	
	#mey:hover span {
		background-position:0 100%;
	}
	
/* End Footer / End Structure */
			
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.linklove {
display: none;
}

/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/