/*

    Theme Name: National Action Network Theme
    Description: Test theme for the National Action Network website.
    Version: 1.5
    Author URI: http://wearepinnacle.net
    Author: Pinnacle Media Group

*/

@import "css/less";
@base-url: "";

html { height: 100%; }

body {
	height: 100%;
	margin: 0;
	background:#fff url('images/top-colorbar.jpg') top repeat-x;
	font-family: Helvetica, sans-serif;
	color: #494949;
	line-height: 15pt;
	}

.fit { width:100%; height:auto }
.acttovision iframe { padding-bottom: 50px }
ul { list-style: none }
img { border:0 }
.round-corners { .roundcorners(); }
.centered { margin: 0 auto }
hr { height: 1px; border: 0 }
.wrapper { width: 100%; }
.screen-reader-text { display: none }
a { color: #787878; text-decoration: none; 
		&:hover { border-bottom: 1px dotted } }
.powerpress_player { margin-top: 40px; }
		
.current_page_item, .current-menu-item { font-weight: bold; }
.alignleft { padding-right: 15px; padding-bottom: 10px; float: left }
.roundinset { .roundcorners; .inset; }
.hidden { display: none }

.customcontactform {
	width: 350px;
	margin: 0 auto;
	label { float: left;
	width: 150px; }
	input { width:  150px; left:40px; }
}

.gfield_label {font-weight: bold}
.ginput_full { float:none !important }

.albumlist { max-width: 600px; width: 100% !important; }
.frontlist li { text-align: left; font-size: 14pt; font-weight: bold }

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffe5e5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffe5e5;
	box-shadow:inset 0px 1px 0px 0px #ffe5e5;
	background-color:#ff3d3d;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:3px solid #525252;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 45px;
	text-decoration:none;
	text-shadow:1px 3px 3px #422f42;
}.myButton:hover {
	background-color:#50b341;
}.myButton:active {
	position:relative;
	top:1px;
}

.twitter-timeline { margin-left: 15px; width: 95% !important; }

span.mapinfo {
	font-size:  9pt;
}

#map {
width: 100% !important;
  margin: 2em auto; 

}

.tipsy, .tipsy-inner {display:none}

.tipsy-social-icons { 
	
	width: 150px;
	
	li {
		float: left;
		width: 25px;
		height: 25px;
		padding-top: 3px;
		padding-left: 8px;
		margin-left: -10px;
		background: url('images/sprite1.png');
		background-position: -8.5px -166px;
		
		img { position: relative; width:16px; height: 16px	}
		a { border-bottom: none }
		
		}
	}

#header {
	width: 1100px;
	height: 180px;
	margin: 35px auto 0 auto;
	
	.logo a {
		float: left;
		text-decoration: none;
		display: block;
		width: 235px;
		height: 146px;
		margin-left: 20px;
		margin-right: 30px;
		background: url('images/sprite1.png');
		background-position: -10px -10px;
		border-bottom: none;
		}
	
	.ribbon a { position: absolute; top: 100px; margin-left: -50px; border-bottom: none; text-decoration: none; }
	.menu li {
				float: left;
				margin-right: 45px;
				text-transform: uppercase;
				font-size: 9pt;
				color: #787878;
				margin-bottom: 15px;
				font-weight: bold;
				margin-bottom: 0;
				a { text-decoration: none; color: #787878;
					&:hover { border-bottom: 1px dotted #787878; } }
				.sub-menu li {
					float: none;
					font-weight: 100;
					margin-left: -40px;
					font-size: 8pt;
					line-height: 15pt;	
					a { text-decoration: none; color: #909090;
						&:hover { border-bottom: 1px dotted #909090; } }
					}
				}
	#menu-item-50240 { a { font-weight: bold; color: #61c570 } }
	#search-social {
		float: left;
		margin-left: -50px;
		margin-top: 10px;	
		.search form {
			border: 1px solid #cfcfcf;
			.gradient-wide(#eeeeee,#ffffff, 15%);
			.roundcorners();
			margin-bottom: 10px;
			input { padding: 5px; border: none; background: none; font-size: 11px; color: #8e8e8e; }
			}
		}	
	}
	
#breadcrumbs {
	background:#fff url('images/mbar-bg.jpg') top repeat-x;
	width: 100%;
	height: 50px;
	.links {
		width: 1050px;
		padding: 15px;
		margin: 0 auto;
		color: white;
		font-weight: bold;
		a { text-transform: none; text-decoration: none; color: #dcf0e1;
				&:hover { color: white; border-bottom: 1px dotted #fff; } }
		}
}

#mediabar {
	background:#fff url('images/mbar-bg-large.jpg') top repeat-x;
	width: 100%;
	height: 440px;
	
	a { color: white; text-decoration: none; border-bottom: none }
	
	.mediabar-wrapper {
		width: 1100px;
		margin: 0 auto;

		#center-box {
			position: relative;
			margin: -4px;
			border: 4px solid #161616;
			padding-top: 80px;
			float: left;
			width: 480px;
			height: 340px;
			background: #000 url('images/logo-white-big.jpg') no-repeat center;
			.shadow;
			overflow: hidden;
			margin-right: 0;
			}
					
		#video-thumbs { 
			float: left;
			margin-left: -40px;
			margin-top: 5px;
			width: 280px;
			font-weight: bold;
			font-size: 11pt;
			text-shadow: #000 1px 1px 1px;
			
			li a {
				background: url('images/sprite2.png') top no-repeat;
				background-position: -332.5px -10px; 
				float: left;
				color: #fff;
				font-weight: bold;
				font-size: 11pt;
				text-shadow: #000 1px 1px 1px;
				letter-spacing: .3pt;
				height: 40px;
				width: 270px;
				overflow: hidden;
				padding: 10px;
				clear: both;
				&:hover { background: url('images/mbar-sep-r-white.png') top no-repeat; }

				img {
					.roundcorners;
					.inset;
					float: right;
					margin-left: 10px;
					}
				}
			
			}
		}
	}
	
#container3 {
    float:left;
    width:100%;
    background:#fff url('images/div-right.png') 72% repeat-y;
    overflow:hidden;
    position:relative;
	}
	
#container2 {
    float:left;
    width:100%;
    background:#fff;
    position:relative;
    right:30%;
	}

#container1 {
    float:left;
    width:100%;
    background:#fff url('images/div-left.png') right repeat-y;
    position:relative;
    right:43%;
	}

#col-left {
    float:left;
    width:25%;
    position:relative;
    left:75%;
    overflow:hidden;
    font-size: 10pt;
    
    div { margin-bottom: 10px; }
    
    ul { text-align: right; margin-right: 20px; margin-left: -35px }
    
   	.name {
		.barname(#f09c3b);
		position: relative;
		margin-right: -15px;
		overflow: hidden;
		padding-right: 10px;
		}
		
	.big {
		margin-right: -15px;
		margin-left: 0px;
		height: 5px;
		background-color: #f09c3b;
		}
		
	hr { background-color: #f09c3b }
		
	}

#col-main {
    float:left;
    width:40%;
    position:relative;
    left:77%;
    overflow:hidden;
    
    hr {
		height: 1px;
		border: 0;
		background-color: #54db74;
		margin-left: 0px;
		}
    
    .name {
		margin-bottom: 10px;
		.barname(#54db74);
		
		}

	#content {
		font-size: 10pt;
		line-height: 15pt;
		width: 100%;
		}

		.theslide img { width: 100% !important; max-width: 480px !important;
height: auto !important;
margin: 0 auto !important;
}
		
.embedWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.embedWrapper iframe, object, embed {
	position: absolute;
	margin: 0 auto;  
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	.post { 
		width:100%;
		border-bottom: 1px solid #54db74;
		
		img { .roundinset; margin-right:10px; }
	
		.cat-tag {
			float: left;
			margin: -3px 10px 5px 0px;
			font-size: 8pt;
			padding: 0 5px;
			padding-top: 5px;
			background-color: #bbb;
			color: white;
			.roundcorners();
			font-weight: bold;
			text-transform: uppercase;
			}
				}
	.news-filter {

		width: 500px;

		a {
		float: left;
		margin-left: 10px;
		margin-top: -4px;
		font-size: 10pt;
		padding: 2px 10px;
		background-color: #54db74;
		color: white;
		.roundcorners();
		text-decoration: none;
		overflow: hidden;

		&:hover { background-color: #b8ffc9; color: #88a38f; }
		
		.current { background-color: #bbb } 
		
		} }
		
		h3 { margin-bottom: 6px; font-size: 11pt } 

	.rev-head { background: #cbcbcb url('images/rev-bg3.jpg') center no-repeat;	}
	.tamika-head { background: #1b2232 url('images/tamika.png') left no-repeat; }
	.nanprofiles-head { background: #021417 url('images/nanprofiles.jpg') center no-repeat; }
	
	.blogheader {
		width: 100%;
		height: 200px;
		font-style: oblique;
		color: white;
		text-align: right;
		p { padding-top: 150px; text-shadow: #000 1px 1px 1px;  text-transform: uppercase; font-size: 28pt; padding-right: 50px; font-weight: bold; }
		
		}

	}

#col-right {
    float:left;
    width:25%;
    position:relative;
    left:79.5%;
    overflow:hidden;
    
    div { padding-left: 10px }
    
   	hr { background-color: #54dbc4; position: relative; margin-left: -15px; 
   			
   		}
   	.big { height: 5px } 
		
	.name {
		margin-left: -15px;
		height: 20px;
		margin-bottom: 20px;
		.barname(#54dbc4);
		}
		
	.twitter { 
		
		font-size: 10pt;
		.profilepic {.roundcorners; .inset; float: left; margin-right: 10px }
		h3 {margin-bottom: 0}	
		ul {margin-left: -30px; margin-top: 20px}
	 }
    
	}
	
#album-59-1 {display:none;}

#footer {
	width:100%;
	height: 200px;
	background:#99723d url('images/footer-bg.jpg') top repeat;
	clear: both;
	
	.footer-bar {
		width: 100%;
		background: url('images/footer-bar.png') top repeat-x;
		height: 18px;
		}
	
	.footer-content {
		width: 1050px;
		margin: 0 auto;
		padding-top: 30px;
		color: white;
		font-weight: bold;
		font-size: 8pt;
		line-height: 12pt;
		
		div { float: left; margin-right: 30px; }
		
		hr { height: 2px; border: 0; background-color: #fff; }
		img { margin: auto }
		
		.logo { width: 62px; height: 62px; margin-top: 20px; }
		.info { width: 55%; text-transform: uppercase; }
		.donate form { margin-top: 20px; width: 120px; text-align: center; padding: 10px; }
		.contact { text-align: right; line-height: 10pt; margin-top: 20px }
		
		}
	}

#mediabar2 {
	background:#fff url('images/mbarbg-385.jpg') top repeat-x;
	width: 100%;
	height: 385px;
	
	a { color: white; text-decoration: none; border-bottom: none }
	
	.wrapper {
		width: 1100px;
		margin: 0 auto;
		
		#leftbox {
			float: left; 
			width: 369px;
			height: 385px;
					
			#latestvideos {
				background-color: rgba(0, 0, 0, .7);
				float: left;
				width: 370px;
				height: 340px;
				margin-top: 0px;
				font-weight: bold;
				font-size: 11pt;
				text-shadow: #000 1px 1px 1px;
				padding: 0;
				
				h3 { 
					color: white; 
					text-transform: uppercase; 
					text-align: center;
					margin-bottom: 0px;
					font-weight: bold;
					font-size: 18pt;
					}
			
				li a {
					border-top: 1px solid #666;
					float: left;
					color: #fff;
					font-weight: bold;
					font-size: 11pt;
					text-shadow: #000 1px 1px 1px;
					letter-spacing: .3pt;
					height: 40px;
					width: 95%;
					overflow: hidden;
					padding: 10px;
					clear: both;
					&:hover { background-color: rgba(87, 198, 121, .7); }

					img {
						.roundcorners;
						.inset;
						float: left;
						margin-right: 10px;
						}
					}
				}
			}
			
			#rightbox {
				width: 640px;
				height: 385px;
				overflow: hidden;
				float: left;
				
					#FA_slider_11090 {
						z-index: 55;
						.FA_navigation li { padding: 3px; background-color: #5bab6a }
						}
				
					.livetoggle { 
						font-weight: bold;
						background-color: #e1514f;
						text-align: center;
						width: 200px;
						padding: 5px;
						position: absolute;
						font-size: 9pt;
						text-transform: uppercase;
						top: 10;
						z-index: 850;
						}
				}
			
		}
	}