/*
Theme Name: Social Ink
Theme URI: http://social-ink.net
Description: Firefend Custom Theme
Version: 2
Author: yonatan reinberg, matt pinto
Author URI: http://social-ink.net
*/

@import "_css_resets/reset.css";

	/* COMMON TO ALL PAGES */

	* {
	
	}
	
	body {
		background:url("images/bg_gradient_vertical.jpg") repeat-x scroll 0 0 transparent;
		color:#666666;
		font-family:Helvetica,Arial,sans-serif;
		font-size:13px;
	}
	
	#supercontainer {
		
	}

	#container {
		-webkit-box-shadow: 0 0 5px 0 #EAEAEA;
		-moz-box-shadow:0 0 5px 0 #EAEAEA;
		border-left:1px solid #EAEAEA;
		border-right:1px solid #EAEAEA;
		margin-left:auto;
		margin-right:auto;
		min-height:600px;
		padding:20px;
		width:980px;
		background-color: white;
	}
	
	a {
		font-weight: bold;
		color: #222222;
		text-decoration: none;
	}
	
	a:hover {
		color: #ed2f23; /* firefend red */
	}

	span.firefend-red { /* use this to change the 'fire' in firefend to firefend red */
		color: #ed2f23;
	}
	
	h2 {
		font-size: 14px;
		margin-bottom: 12px;
	}
	
	/* HEADER CLASSES */

	#header {
		width:100%;
		height: 90px;
	}
	
	#header ul  {
		clear: both;
		height:40px;
		line-height:28px;
		padding:0;
		text-align:center;
		width:980px;
		margin-top:30px;
			}
	
	#search_box {
	 width: 200px;
	float: right;
	margin-bottom:20px;
	}
	
	span.fire {
		color:#ed2f23;
	}
	
	/* SIDEBAR */
	
	#sidebar {
		
	}
	
	/* MAIN BODY ID */
	
	#main {
		background:none repeat scroll 0 0 white;
		clear:both;
		margin:auto;
		min-height:520px;
		width:900px;
	}		
	
	#about_main {
		background:none repeat scroll 0 0 white;
		clear:both;
		margin:auto;
		min-height:520px;
		width:940px;
	}
	
	.post p {
		line-height: 20px;
		margin-bottom: 18px;
		letter-spacing: .04em;
	}
	
	.post ul {
		line-height: 25px;
		letter-spacing: .04em;
	}
	

	/* FOOTER */
	
	#footer {
		clear:both;
		width:100%;
		height: 5%;
		text-align:center;
	}
	
	p#tagline {
		font-family:arial narrow,arial,helvetica,sans-serif;
		font-size:15px;
		font-weight:bold;
		margin-bottom:10px;
		text-transform:uppercase;
		letter-spacing: .03em;
	}
	
	p#credits {
		font-size: 11px;
	}
	
	p#credits a {
		color: #29ABE2;
		font-weight: bold;	
	}
	
	p#social-tagline {
		clear: right;
		float: right;
		font-size: 11px;
		margin-top: 10px;
		}
	
	
	p#social-tagline a {
			color: #29ABE2;
			font-weight: bold;
	}
	
	p#social {
		float:right;
		font-size:11px;
		margin-bottom:10px;
		margin-top:-25px;
		}
	

	
	img.social-logos {
		float: right;
		margin-left: 10px;
		width: 30px;
		height: 30px;
	}
	
	#footer_menu {
		float: left;
		margin-left: 20px;
	}
	
	#footer_menu li {
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid #eaeaea;
	}
	
	#footer_menu li a {
		font-weight: normal;
	}
	
	#footer_language {
		width: 490px;
		height: 80px;
		font-size: 11px;
		margin: auto;
	}
	
	/* ABOUT PAGE */
	
	ul.about-savings {
		text-indent: 30px;
		
	}
	
	ul.about-savings li {
		list-style:disc inside none;
	}
	
	img.dalmation {
		margin-right: 40px;
		margin-left: 45px;
		}
	
	p.about-copy {
		
		text-align: center; padding-top: 40px;
	}
	
	p.about-features {
		clear:left;
		margin-top:70px;
	}
	
	/* new about page */
	
	#about_images_left {
		float: left;
		margin-right: 20px;
		width: 300px;
	}
	
	.about_post {
		float: left;
		margin-bottom: 60px;
		    width: 600px;
	}
	
	img#about_dalmation {
		margin-top: 50px;
	}
	
	#about_header {
		background-color: #F8F8F8;
	    border-radius: 10px 10px 10px 10px;
	    margin-bottom: 20px;
	    padding: 20px;
	    width: 560px;
	}
	
	#tech_header{
		margin-top: 120px;
		background-color: #F8F8F8;
	    border-radius: 10px 10px 10px 10px;
	    margin-bottom: 20px;
	    padding: 20px;
	    width: 560px;
	}
	
	#tech_header h2 {
		margin-bottom: 0;
		font-weight: bold;
		color: #555555;
		text-align: center;
	}
	
	
	#tech_header p {
		width: 520px;
	}
	
	#tech_header a {
		font-weight: normal;
		color:#EA5A24
	}
	#about_header p {
		text-align: center;
		margin-bottom: 0px;
	}
	
	#about_header h2 {
		font-weight: bold;
		color: #555555;
		text-align: center;
	}
	
	#about_subheader {
		text-align: center;
		padding-top:0px;
		padding-bottom: 20px;
	}
	
	#about_subheader h3 {
		font-size: 16px;
		color: #555555;
	}
	
	#about_column1 {
		float: left;
		margin-right: 40px;
	}
	
	#about_column2 {
		float: left;
	}
	
	.about_module {
		background-color: #F8F8F8;
		    border-radius: 5px 0 0 5px;
		    margin-bottom: 20px;
		    padding-bottom: 10px;
		    width: 280px;
	}
	
	.about_module h2 {
		background-color: #EAEAEA;
	    border-radius: 5px 5px 0 0;
	    color: #EA5A24;
	    font-size: 16px;
	    font-weight: normal;
	    height: 20px;
	    padding-left: 5px;
	    padding-top: 5px;
	    width: 275px;
	}
	
	.about_module a {
		font-weight: normal;
		color: #666666;
	}
	
	.about_module a:hover {
		color: #222222;
	}
	
	.about_module_inner {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.about_module_inner h3 {
		margin-bottom: 12px;
	}
	
	.about_module_inner li {
		list-style: disc;
		margin-left: 15px;
	}
	
	.about_module_inner p {
		margin-bottom: 10px;
	}
	
	.about_module_logos {
	width: 280px;
	}
	
	.about_module_logos_inner {
		width: 230px;
		margin: auto;
	}
	
	
	.one_preview_gallery {
		float: left;
		    margin-right: 8px;
		    text-align: center;
		    width: 81px;
	}
	
	.one_preview_gallery h4 {
		font-size: 11px;
		    height: 20px;
	}
	
	/* WHERE TO BUY PAGE */
	
	#retailers {
		margin: auto;
		width: 600px;
		margin-top: 50px;
	}
	
	p.one-retailer {
		float:left;
		padding-bottom:40px;
		padding-right:40px;
		text-align:center;
		width:250px;
	}
	

	/* LISTS */
	
		/* single page view navigation */
		div.next-post{}
		div.prev-post{}

	    /* generated by wp_list_cat and wp_list_pages functions */
		
		li.page_item { 
	
			display:inline;
		
		}
		
	
		
		li.nav-bookend {
			display: inline;
		}
		
		li.current_page_item {}
		li.current_page_parent{}
		li.cat-item{}
		li.current-cat {}
	
	    .clearfix {
		clear: both;
	}
	
	/* contact forms */
	
	div.wpcf7 {
	margin:0;
	padding:30px;
	border: 1px solid #eaeaea;
	}
	
	/* insert description text (but don't show) */
	
	p#description {
		display:none;
	}


	
	/*NEWS */
	
	.main {
	background:none repeat scroll 0 0 white;
	clear:both;
	margin:auto;
	min-height:520px;
	width:900px;
	}
	
	.main h1 {
	border-bottom:1px solid #333D92;
	color:#333D92;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.02em;
	margin-bottom:15px;
	}
	
	.single_news {
		border-bottom:2px solid #CCCCCC;
		margin-bottom:25px;
		padding-bottom:10px;	
	}
	
		.newsexcerpt {
			font-size:15px;
			line-height:1.6;
			margin-bottom:5px;			
		}
		
		.singletitle {
			font-size:18px;
			margin-bottom:5px;		
		}
		
		/* gallery */
		
		.wp-caption {
		background:none repeat scroll 0 0 white;
		font-size:11px;
		margin: auto;
		padding:0;
		text-align: left;
		border: 0;
		}
		
		.wp-caption p {
			font-size:14px;
			font-weight:bold;
			line-height:12px;
			margin-top:5px;
			padding-top:3px;
			text-align:center;
		}
		
		p.wp-caption-subgallery {
			background:none repeat scroll 0 0 white;
			border:0 none;
			font-size:13px;
			height:20px;
			padding:0 0 4px;
			text-align:center;
			width:170px;
		}
		
		.one-subgallery-thumb {
			width: 150px;
			float: left;
			margin-right: 40px;
			margin-bottom: 40px;
		}
		
		.gallery {
			margin-left:auto;
			margin-right:auto;
			width:770px;
		}
		
		.fancy {
			margin-left:auto;
			margin-right:auto;
			padding-left:20px;
			width:570px;
		}
		.gallery img.attachment-thumbnail {
		margin-bottom:10px;
		}
		
		#gallery-intro {
			margin-left: auto;
			margin-right: auto;
		}
		
		.intro-panel {
			float:left;
			margin-left:43px;
			overflow:hidden;
			text-align:center;
			width:250px;
		}
		
		.intro-panel img {
			width: 250px;
			height: 321px;
		}
		
		ul#subcat-grid-list {
			margin-left:auto;
			margin-right:auto;
			width:595px;
		}
		
		
		ul#subcat-grid-list li {
			float:left;
			height:240px;
			margin-bottom:23px;
			margin-right:27px;
			overflow:hidden;
			text-align:center;
			width:170px;
		}
		
		ul#subcat-grid-list li img {
		height:150px;
		padding-bottom:10px;
		padding-top:30px;
		width:auto;
		}
		
		#category_info {
			float: left;
			margin-right: 20px;
		}
		
		h3#sizing {
			margin-bottom: 20px;
			font-size: 16px;
		}
		
		.single_product {
			height:15px;
			margin-bottom:20px;
			padding-bottom:20px;
			clear: both;
		}
		
		.product_info {
		float: left;	
		}
		
		.product_title {
		
		}
		.price {
			float: right;
		
		}
		
		.single-checkout {
			border-top:1px solid #EAEAEA;
			clear:both;
			margin-top:25px;
			padding-top:25px;
			text-align:right;
		}
		
		.single-checkout a {
			color: #555555;
		}
		
		.product_meta {
			
		}
		
		.product_meta h4 {
			font-size: 10px;
		}
		
		span#checkout a {
		-webkit-border-radius:5px 5px 5px 5px;
		-moz-border-radius:5px 5px 5px 5px;
		background-color:#EAEAEA;
		color:#ED2F23;
		display:block;
		float:right;
		font-size:11px;
		height:13px;
		letter-spacing:0.01em;
		margin-left:10px;
		margin-top:-7px;
		padding:9px 5px 7px;
		text-align:center;
		width:63px;
		}
		
		span#checkout a:hover {
			background-color: #333333;
			color: white;
		}
		
		.price input {
		-webkit-border-radius:5px 5px 5px 5px;
		-moz-border-radius:5px 5px 5px 5px;
		background:none repeat scroll 0 0 #888888;
		border:medium none;
		color:#FFFFFF;
		float:right;
		font-size:9px;
		margin-top:3px;
		padding:5px;
		width:73px;
	}
	
	.price input:hover {
		background-color: #333;
		cursor: pointer;
	}
	
    a.grid-product-link {
	font-weight: normal;
	color: #666666;
}

   a.click-to-buy {
	padding: 4px;
		-webkit-border-radius:5px 5px 5px 5px;
		-moz-border-radius:5px 5px 5px 5px;
		border-radius: 5px;
		background-color: #eaeaea;
		-moz-box-shadow: 2px 2px 4px #999999;
		-webkit-box-shadow: 2px 2px 4px #999999;
		box-shadow: 2px 2px 4px #999999;
		border: 1px solid #999;
		font-size: 10px;
}

a.click-to-buy:hover {
	background-color: #333;
	color: white;
	}
	
	p.click-to-buy {
		height:30px;
		margin-bottom:10px;
	}
	
	h2#gallery-intro {
		text-align: center;
	}
	
	
	p.wp-caption-text {
		width: 250px;
	}
	/* frontpage */
	
	.featured_at {
		position: absolute;
		left: 10px;
		height: 160px;
		z-index: 500;
	}
	
	.designing_promo {
		height:160px;
		left:700px;
		position:absolute;
		width:160px;
		z-index: 500;
		}
		
		.designing_promo a {
			height: 160px;
			width: 160px;
		}
		
		
		.promo-video {
			margin-left: auto; margin-right: auto;
			width: 640px;
			height: 440px;
		}
		
	.sizeoptions {
		float:right;
		width: 400px;
	}
	
	#fp_slideshow {
		width: 900px;
		margin: auto;
	}
	
	#fp_slideshow .one_slide {
		text-align: center;
		margin: auto;
		width: 900px;
	}
	
	#fp_slideshow .one_slide p {
		width: 900px;
		margin-bottom: 20px;
	}
	
	#fp_attributes {
		margin-top: 50px;
	}
	
	h2#fp_logo_caption {
	font-size: 155%;	
	font-weight: normal;
	margin-top: -20px;
	
	}
	
	#fp_news_container {
		margin-top: 25px;
		background-color: #F5F6F7;
		background-image: url("images/arrow_right.jpg");
		background-position: 85px 7px;
		background-repeat: no-repeat;
		border-radius: 5px 5px 5px 5px;
		margin-bottom: 30px;
		padding: 5px;
		width: 890px;
		height: 14px;
		}
		
	#fp_news_slideshow {
	
		width: 810px;
	}
	
	.one_news_headline {
	
	}
	
	h3.fp_news_title {
			width: 800px;
			margin-left: 103px;
			margin-bottom: 15px;
		
	}
	
	h3.fp_news_title a {
			color: #EA5A24;
			font-weight: normal;
	}
	
	h3.fp_news_title a:hover {
		color: #333;
	}
	
	h4#fp_news_header {
		display: inline;
		float: left;
		margin-right: 20px;
		width: 80px;
		font-weight: bold;
		color: #333333;
	}
	
	#fp_modules {
		margin-bottom: 30px;
		height: 150px;
	}
	
	.fp_module {
		float: left;
		margin-right: 32px;
		width: 200px;
		height: 150px;
		background-color: #f5f6f7;
		box-shadow: 5px 5px 5px #cccccc;
		}
		
		.fp_module p {
			padding-left: 10px;
			padding-top: 10px;
		}
		
	.fp_module_img {
		margin-top: 20px;
		width: 100%;
		
	}
	
	.fp_module_img img {
		text-align: center;
	}
	
	#fp_module_4 {
		margin-right: 0px;
	}
	
	/* HISTORY */
	
	#history_header {
		
	}
	
	#lh_logo_header {
		float: left;
		width: 150px;
		margin-left: 80px;
		margin-right: 30px;
		margin-top: 50px;
	}
	
	#history_center_wrap {
		width: 500px;
		float: left;
	}
	
	#history_title {
		margin-bottom: 10px;
	}
	
	.history_img {
		margin-right: 20px;
		height: 130px;
		
		float: left;
		}
		
		.history_img img {
			height: 130px;
			width: auto;
		}
		
		#lh1 {
			margin-left: 45px;
		}
		
		.history_img p {
			text-align: center;
			font-size: 11px;
		}
		
	#firefend_logo_header {
		margin-top: 50px;
		float: right;
		margin-right: 20px;
	}
	
	#history_sidebar {
		float: left;
		width: 300px;
		margin-right: 20px;
		margin-top: 65px;
		}
	
	#history_main {
		width: 635px;
		float: left;
	}
	
	#history_content {
		
		background-color: #F2F2F2;
		border-radius: 10px 10px 10px 10px;
		margin-bottom: 20px;
		padding: 20px;
		width: 560px;
	}
	
	#lh2_arrow {
		margin-top: 35px;
		margin-left: 230px;
	}