/*
Theme Name: Social Ink
Theme URI: http://social-ink.net
Description: Basic social ink theme to mod
Version: 1
Author: yonatan reinberg, matt pinto
Author URI: http://social-ink.net
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


		/* COMMON TO ALL PAGES */

		body {
			font-family: Arial, Helvetica, sans-serif;
			font-size:11.5px;
			color: #373737;
			background: #0F0E12;
			line-height:18px;
		}

		#container {
			width: 960px;
			margin-left: auto; margin-right: auto;
			min-height: 600px;
			background:white;
		}
		
		a {
			text-decoration:none;
			color:#ED1E79;
		}

		a:hover {
			color:black;
		}
		/* HEADER CLASSES */

		#header {
			width:100%;
			background:#0F0E12;
			padding-bottom:3px;
		}
		
		#info-share {
			background:transparent url(images/info_title.png) no-repeat scroll 0 0;
			float:right;
			height:29px;
			margin-bottom:37px;
			padding-left:294px;
			text-align:right;
			width:268px;
		}
		
		#searchbox {
			float:right;
			height:29px;
		
		}
		
		#searchbox input {
			border:medium none;
			font-family:arial,helvetica;
			height:16px;
			padding:8px 4px 4px;
			width:160px;
		}
		
		#info-share ul li {
			display:inline;
			float:left;
			margin-right:1px;
			
		}
		
		/* NAVIGATION */
		
		#navbar {
			clear:both;
			height:104px;
		}
		
		#logo {
			width:163px;
			margin-left:20px;
			float:left;
		}
		
		#tabs {
			float:right;
			width:750px;
		}
		
		#tabs ul li {
			display:inline;
			float:left;
			margin-right:1px;
		}

		#upper-tab {
			height:54px;
			padding-left:125px;
		
		}
		
			.popup_tab {
				float:left;
				width:54px;
				height:54px;
				visibility:hidden;
			}
			
			#donate_popup {
				background:url(images/popup_donate.png) no-repeat;
				margin-left:0px;
			}			
			
			#about_popup{
				background:url(images/popup_about.png) no-repeat;
				margin-left:35px;
			}	
			
			#what-we-do_popup{
				background:url(images/popup_whatwedo.png) no-repeat;
				margin-left:45px;
			}	
			
			#get-involved_popup{
				background:url(images/popup_getinvolved.png) no-repeat;
				margin-left:85px;
			}			
						
			#media-center_popup{
				background:url(images/popup_music.png) no-repeat;
				margin-left:81px;
			}			
			
			#shop_popup	{
				background:url(images/popup_shop.png) no-repeat;
				margin-left:50px;
			}			
		
		#lower-tab {
			clear:right;
			float:right;
			height:52px;
			z-index:150;
		}
		
		#lower-tab ul {
			height:52px;
			z-index:100;
		}
		
		#lower-tab li.top_but {
			padding:0px;
			margin:0;
		}
		
		#lower-tab li.top_but a.top_image{
			padding:0px;
			margin:0;
			z-index:100;
		}		
		
		/* FRONTPAGE */
		
		/*SLIDES */
		
		#frontpage-slides {
			height:300px;
		}		
		
			#frontpage-slides-image {
				background:#CFCFCF;
				width:960px;
				float:left;
				height:100%;
			}
			
			#frontpage-slides-text {
				background:#8F8F8F;
				width:380px;
				float:left;
				height:100%;
			}

		
		#frontpage-helpbar {
			margin:20px auto;
			width:928px;
		}
		
			#frontpage-newsletter {
				width:308px;
				float:left;
				height:54px;
			}
			
			#frontpage-newsletter #n {
				background:transparent url(images/fp_newsletter.png) no-repeat scroll 0 0;
				border:0 none;
				color:#ED1E79;
				float:left;
				height:33px;
				margin-right:5px;
				padding:20px 10px 10px;
				width:169px;
			}
			
			#frontpage-newsletter #nsubmit {
				background:transparent url(images/fp_newsletter_submit.png) no-repeat scroll 0 0;
				border:0 none;
				height:51px;
				width:105px;
			}
			
			#frontpage-latestnews {
				background:transparent url(images/frontpage-latestnews.png) no-repeat scroll 0 0;
				float:left;
				height:35px;
				padding-left:130px;
				padding-top:17px;
				width:482px;
				margin-bottom:20px;
			}
			
			#frontpage-latestnews  a {
				color:white;
			}
			
			#frontpage-featured {
				text-align:center;
				clear:both;
				
			}
			
			img.feat_seemore {
				margin-left:10px;
			}
			
		#frontpage-cats {
			clear:both;
			width:928px;
			margin:0 auto;
		}
		
		#frontpage-cats a:hover {
			color:white;
		}
		
			#fp-col1 {
				color:white;
				float:left;
				height:450px;
				letter-spacing:0.025em;
				width:463px;
			}
			
				#frontpage-video {
					height:345px;
					margin-bottom:10px;
					background:#CFCFCF;
				}
				
				#frontpage-mod2 {
					background:transparent url(images/fp_mod2.png) no-repeat scroll 0 0;
					height:38px;
					padding-left:22px;
					padding-top:45px;
				}

			
			#fp-col2 {
				float:left;
				height:357px;
				width:449px;
				color:white;
				margin-left:10px;
				letter-spacing:0.025em;
				margin-bottom:15px;
			}		
			
				#frontpage-mod3 {
					background:transparent url(images/fp_mod3.png) no-repeat scroll 0 0;
					height:127px;
					margin-bottom:15px;
					padding-top:45px;
					padding-left:22px;
					padding-right:27px;
				}
				
				#frontpage-mod4 {
					-moz-border-radius-bottomleft:10px;
					-moz-border-radius-bottomright:10px;
					-moz-border-radius-topleft:10px;
					-moz-border-radius-topright:10px;
						-webkit-border-radius: 10px;
						-webkit-border-top-left-radius:10px;
					background:black url(images/fp_mod4.png) no-repeat scroll 0 0;
					height:205px;
					padding-left:25px;
					padding-right:25px;
					padding-top:45px;
				}		
		
		
		#fp-button-navigate {
					clear:both;
					height:172px;
					width:100%;
		}
				
		#fp-button-navigate ul {
						width:100%;
					}
					
			#fp-button-navigate ul li {
				display:inline;
				float:left;
				margin-right:17px;
				width:170px;
				
			}
			
			#fp-button-navigate li {
				width:160px;
			} 
			
		#fp-button-navigate	 li:last-child {
			margin-right:0px;
		}
			
			li.last-one {
				margin-right:0 !important;
			}
		
		.fp_buttons {
			width:170px;
		}
		
		/* MAIN BODY ID */
		
		#main {
			width: 100%;
			min-height: 620px;
			background: white;
		}		
		
				
		/* SIDEBAR */
		
			#sidebar {
				width:250px;
				float:left;
				margin-top:15px;
				margin-left:20px;
			}		
			
			.side_menu {
				background:#0F0E12 url(images/side_rightarrow.png) no-repeat scroll 210px 19px;
				margin-bottom:20px;
			
				-moz-border-radius-bottomleft:7px;
				-moz-border-radius-bottomright:7px;
				-moz-border-radius-topleft:7px;
				-moz-border-radius-topright:7px;
				
				-webkit-border-radius: 7px;
				-webkit-border-top-left-radius:7px;		

				min-height:100px;	
				padding:10px;	
				line-height:18px;
				
			}
			
			.side_menu h2 {
				color:#ED1E79;
				font-size:20px;
				font-weight:bold;
				letter-spacing:0.02em;
				margin-bottom:14px;
				margin-left:10px;
				margin-top:10px;
				text-transform:uppercase;
			}
			
			.side_menu a:hover {
			color:white;
			}
		
			.side_menu ul {
				margin-left:10px;
				width:170px;	
				
			}
			
			.side_menu ul ul {
				margin-left:20px;
				display:none;
			

				width:180px;
			}
			
			.side_menu li.current_page_item {
				/*font-weight:bold;
				text-decoration:underline;*/
			}
		
		
			#submenu {

			}
			
			#related {

			}
		
		/* CONTENT */
		
		#content {
			float:left;
			margin-left:30px;
			margin-top:15px;
			width:610px;
		}
		
			.plainpage {
				width:900px !important;
			}
		
		#content h2 {
			background:transparent url(images/h2_bg.png) repeat scroll 0 0;
			color:white;
			font-size:140%;
			margin-bottom:20px;
			padding:5px;
			width:100%;
		}
		
		#content h3 {
			font-size:110%;
		}
		
		.post h2 {
			text-transform:uppercase;
			letter-spacing:.02em;
			font-size:24px;
			font-weight:bold;
			margin-top: 5px;
		}
		
		.post p {
			margin-top:15px;
			margin-bottom:15px;
			font-size:11.5px;
		}
		
		.training-post {
			margin-top:10px;
			margin-bottom:10px;
			padding-top:10px;
			padding-bottom:10px;
			border-top:1px solid #dfdfdf;
		}
		
		/* SEARCH AND ARCHIVE */
		
		.one_entry {
			border-bottom:1px solid #DFDFDF;
			margin-bottom:10px;
			padding-bottom:10px;
		}
		
		/* FOOTER */
		
		#footer {
			margin-top:35px;
			padding-bottom:15px;
			clear:both;
			width:100%;
			text-align:center;
			font-size:12px;
		}
		
		#footer img {
		
		}
		
		#footer ul li {
			display:inline;
			float:left;
		}
		
		#footer ul li.copyright {
			margin-left:100px;
		}
		#footer ul li.footerlinks {
			list-style-image: url(images/plus.png);
			margin-left:10px;
		}
		
		#footer ul li.social {
			margin-right:1px;
		}
		
		#footer p {
			clear:left;
			}
		
		/* UNUSED */
		
				#tab_popup {
			background:#0F0E12 url(images/popup_about.png) no-repeat scroll 0 0;
			height:54px;
			width:54px;
			z-index:30;
			position:relative;
			display:none;
		}

		/* COMMENTS */
		
		#commentform {
			
		}
		
		#commentform textarea {
			width:610px;
			margin-bottom:5px;
		}
		
		#commentform input {
			margin-bottom:5px;
		}
		
		/*  HOMEPAGE SLIDESHOW */
		
		#nav {
			background:url(images/slideshow-nav.png);
			float:right;
			margin-top:272px;
			padding:5px;
			width:auto;
			z-index:100;
		}
		
		#nav a {
			padding: 3px;
			color:#999999;
		}
		
		#nav a:hover {
			color:#ed1e79;
		}
		
		#nav a.activeSlide {
			color:#ED1E79;
			
		}
		
		/* SHOP */
		
		#shop p {
			margin-top:0px;
		}
		
		#shop h3 {
			border-top:1px solid #DFDFDF;
			color:#ED1E79;
			font-size:1.8em;
			font-weight:bold;
			margin-bottom:10px;
			margin-top:40px;
			padding-top:30px;
		}
		
		.shop-description {
			-moz-border-radius-bottomleft:10px;
			-moz-border-radius-bottomright:10px;
			-moz-border-radius-topleft:10px;
			-moz-border-radius-topright:10px;
			background-color:#DFDFDF;
			margin-bottom:20px;
			min-height:200px;
			padding:30px;
		}
		
		.shop-description img {
			float:left;
			margin-right:15px;
		}
		
		p.shop-price-info {
			font-weight:bold;
			margin-bottom:3px;
		}
		
		#shop form {
		margin-bottom:25px;
		}
		
		#shop table {
			margin-bottom: 10px;
		}
		
		.shop-price-info img {
			float:right;
			margin-left:40px;
		}
		
		/* THOSE STYLES THAT ARE EASY TO FORGET BUT NEEDED FOR WP */
		
			blockquote {

				margin-left:20px;
				border-left:1px black solid;
				padding-left:10px;
				}

			.alignleft {
				float:left;
				margin-right:10px;
			}

			.alignright {
				float:right;
				margin-left:10px;
			}

			.post li {
				list-style-type: disc;
				margin-left:15px;
			}