/*   
Theme Name: SOCIAL INK. (c) 2009
Author: yoni reinberg and matthew pinto, social ink, www.social-ink.net
Version: 2.0
.

.
*/

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


/* BODY AND SETUP CONTAINERS */


		body {
			font-family: "Adobe Garamond Pro", Garamond, Georgia, "courier new", courier, "sans serif";
			font-size: 14px;
			text-align:  justify; 
			color: black;
			background:#2F2C2C;
			
		}

		#wrapper {
			width:100%;min-height:590px;top:0;left:0; background: white;
			
		}
		
		#container {
			width: 960px; min-height: 610px;
			background:white url(images/b-cochin.jpg) no-repeat top left;
			margin-left:auto;margin-right:auto;
		}


/* HEADER DECLARATIONS */

		#top {
			width:100%;
			padding-top:70px;
			height:120px;
		}
		
		#top a:hover {
			border-bottom: 1px #C90000 dotted;
		}
		
		#menu {
			float:right;
			margin-right:3px;
			z-index:10;
		}

		#logo {
			clear:both;
			float:right;
		}

		#subtitle {
			font-size:21px;
			font-style:italic;
			float:right;
			margin-right:3px;
			color: #CF8300;

		}
		
		#top ul li{
			display:inline;
		}
		
		#top li.blog {
			margin-left:10px;
		}

		

/*MAIN PAGE DECLARATIONS */

		#main { 
			width: 100%;
			min-height:400px;
			padding-bottom:40px;
		}

		#footer-dark {
			width: 100%;
			color: white;
			min-height:100px;
			text-align:center;
			padding-top:3%;
			clear:both;
			text-transform:lowercase;
			line-height: 2;
		}

		#footer-dark a {
			color:white;
		}
		
		#footer-dark a:hover {
			color: #FFA200;
		}
		
		.footer-underline  {
			width: 590px; 
			margin-left: auto; 
			margin-right: auto;
			text-transform: none;
			margin-bottom: 10px;
			}
			
		.footer-underline p {
			border-bottom: 1px dotted white;
		}
		
		.footer-search  {
			width: 590px; 
			margin-left: auto; 
			margin-right: auto;
			}
			
		/*search box */
		
		input.search_box {
			background:#BFBFBF none repeat scroll 0 0;
			border:1px solid black;
			color:#1F1B1B;
			float:right;
			font-family:Georgia, Garamond,Arial,sans-serif;
			font-size:12px;
			font-style:italic;
			font-weight:normal;
			margin-top:3px;
			padding:2px;
			text-align:center;
			width:160px;
		}
		
/* CONTENT LOCATORS */


		/* text for the static pages, such as about social ink, etc */
		

		
		#the-content{
			min-height: 260px;
			width: 100%;
			font-size: 12px;
			text-align: justify;
			background: url(images/white-background.png);
			border:1px solid #2F2C2C;
			font-family:Georgia,Garamond, Serif;
			padding-bottom:20px;
		}

		#the-content p {
			padding-top:5px;padding-bottom:5px;
			padding-left:20px;padding-right:20px;
			font-size:14px;
		}
		
		#the-content ul{
			padding-left:20px;padding-right:20px;padding-bottom:5px;padding-top:5px;
			font-size:14px;
		}
		
		#the-content li{
			padding-left:20px;padding-right:20px;
			list-style-position:inside;
			list-style-type:circle;
		}
		
		
		#the-content h2{
			padding-top:20px;padding-bottom:10px;
			padding-left:20px;padding-right:20px;
			font-size:18px;
			font-family: Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing:-.05em;
		}
		
		#the-content h3{
			padding-top:5px;padding-bottom:5px;
			padding-left:20px;padding-right:20px;
			font-size:16px;
		}
		
		#the-content img {
	
			

		}
		
		#the-content p a:hover {
			border-bottom: 1px dotted #C90000;
		}
		
		#content-description {
			clear:both;
			padding-left:85px;
		}
		
		.port_images_nav img{
			float:left;
		}

		#port_nav {
			text-align:center;
			
		}
		
		#port_nav img {
			margin-left: 0px;
		
		}
		#port_nav a:hover {
			border-bottom: 1px #C90000 dotted;
		}
			
		#port_nav a:visited:hover {
			border-bottom: 1px #C90000 dotted;
		}
		
		
			
		.nav_button_left {
			float:left;
			font-family:"Arial Black",Arial,Helvetica;
			font-size:80px;
			height:200px;
			margin-top:-10px;
			padding-left:43px;
			text-shadow:1px 1px 3px gray;
			width:42px;
		}
		
		.nav_button_left a {
			color: black;
		}
		
		.nav_button_left a:visited {
			color: black;
		}
		
		.nav_button_left a:hover {
			color: #FFA200;
		}
		
		.nav_button_right {
			font-size: 80px;
			font-family: "Arial Black", Arial, Helvetica;
			padding-left: 10px;
			text-shadow: 1px 1px 3px gray;
		}
		
		.nav_button_right a {
			color: black;
		}
		
		.nav_button_right a:visited {
			color: black;
		}
		
		.nav_button_right a:hover {
			color: #FFA200;
		}
		
		
		img.portfolio_image {
			border:1px solid #2F2C2C;
			width:480px;
			height:210px;
			margin-top:20px;
			margin-left:20px;
		}
		
		.navbuttons_p {
			float:right;
			font-size: 80px;
			font-family: "Arial Black", Arial, Helvetica;
		}
		
		.navbuttons_p a {
			color: black;
		}
		
		.navbuttons_p a:visited {
			color: black;
		}
		
		.navbuttons_p a:hover {
			color: #FFA200;
		}
		
		.navbuttons_m {
			float:left;
			font-size: 80px;
			font-family: "Arial Black", Arial, Helvetica;
			margin-top: -10px;
		}
		
		.navbuttons_m a {
			color: black;
		}
		
		.navbuttons_m a:visited {
			color: black;
		}
		
		.navbuttons_m a:hover {
			color: #FFA200;
		}
		
		.blog_post {
			margin-bottom:25px;
			padding:20px;
			width:920px;
			clear:both;
		}
		
		.blog_post img {
			max-height:100px;
		}
		
		.blog_post:hover {
			background-color:#dfdfdf;
		}
		
		.blog_post h3 {
		
		padding:0 !important;
		margin-bottom:5px;
		
		}
		
		.blog_post h3 a {
			font-size:20px;
			font-family:Helvetica, Arial, Sans-Serif;
			color:#444;
			font-weight:normal;}
		
		.blog_post p {
			padding-left:0 !important;
		}
		
		.blog_post_full {
			margin-bottom:25px;
			padding:20px;
			width:920px;
		}
		
		
			.blog_post_full h3 {
				font-family: Helvetica, Arial, Sans-Serif;
				text-transform:uppercase;
				letter-spacing:-.05em;
			padding:0 !important;
			margin-bottom:5px;
			font-size:20px;
			padding-bottom:20px;

			}

			.blog_post_full h3 a {
				font-size:20px;
				font-family:Helvetica, Arial, Sans-Serif;
				color:#444;
				}

			.blog_post_full p {
				padding-left:0 !important;
			}
			
		.post_content {
			margin-top:10px;
		}
		
		.comments_an h3 {
			border-top:1px solid #dfdfdf !important;
			font-size:14px !important;
			margin-top:10px;
			padding:5px 20px 3px !important;
		}
		
		.comments_an #comment {
			width:100%;
		}
		
		#blog_nav {
			float:right;
			font-family:"Arial Black",Arial,Helvetica;
			margin-bottom:10px;
			margin-left:15px;
			text-align:center;
			text-shadow:1px 1px 3px gray;
			width:160px;
			z-index:10;

		}
		
		#blog_nav ul li {
			display:inline;
			font-size:80px !important;
			padding:0px !important;
		}
		
		#blog_nav ul li a {
			color:black;
		}		
		
		#blog_nav ul li a:hover {
			color:#FFA200;
		}
		
		.comments_an {
			clear:both;
		}
		
/* SIDEBAR DECS */

		#sidebar-portfolio {
			background: url(images/header_ourlatest.gif) top left no-repeat;
			width:100%;
			height:60px;
			margin-top:50px;
			padding-left:13px;
			clear:both;
			padding-bottom:40px;
			
		}

		.onerow {
			clear:both;
		}

		.thumbnail_small {
			float: left;
			margin: 4px 0px 4px 6px;
			border:1px solid gray;
			width:110px;
			height:48px;
			font-size:0;
			z-index:10;
		}

		.thumbnail_small:hover {
			background:green;
		}

		.thumbnail_small img {
				width:110px;
				height:48px;
		}

		.thumbnail_small a {
			font-weight:normal;
			color: white;
			text-decoration:none;
			display:block;
			height:48px;width:110px;
		}


		.thumbnail_small a:hover {
			background:#2F2C2C;
			border: #2F2C2C solid 2px;
			color: #FFA200;
			font-size: 11px;
			font-family:garamond, helvetica, arial, verdana, sans-serif;
			font-weight:bold;
			display:block;
			text-align:left;
			text-decoration: none;
			height: 46px;
			width: 108px;
		}

		.thumbnail_small a:visited {
			color:#FFA200;
		}
		
		.onerow img {
			float:left;
		}


		/* The archive */

		.thumbnail_mid {
			float: left;
			margin:4px 9px 4px 9px;
			width:170px;
			height:74px;
			font-size:0;
			border:1px solid gray;
			z-index:10;
		}

		.thumbnail_mid:hover {
			background:green;
		}

		.thumbnail_mid img {
				width:170px;
				height:74px;
		}

		.thumbnail_mid a {
			font-weight:normal;
			color: white;
			text-decoration:none;
			display:block;
			width:170px;
			height:74px;
		}


		.thumbnail_mid a:hover {
			background:#2F2C2C;
			border: 10px #2F2C2C solid;
			color: #FFA200;
			font-size: 13px;
			font-family:garamond, helvetica, arial, verdana, sans-serif;
			font-weight:bold;
			display:block;
			line-height: 1.3;
			text-align:left;
			text-decoration: none;
			width: 150px;
			height: 55px;
			
		}

		.thumbnail_mid a:visited {
			color: #FFA200;
		}

		.port_navigation {
			float: right;
			margin-right:12%;
			width: 100px;
			}
			
		#arc_next_right {
			width: 48px; height: 72px;

		}

		#arc_next_left {
			width: 48px; height: 72px;

		}

		
/* INDIVIDUAL PAGES */

		.portfolio_image {
			width:514px;
			color: black;
			font-size: 140%;
			
		}

		.portfolio_foot {
			margin-top:330px;
			padding-left:23px;
			background-color: gray;
			height: 100px;
		}
		
		.portfolio_navigation_indiv {
			float:right;
			height: 100px;
			width: 32px;
		}
		

		img.bio_indiv  {
			padding-right: 14px;
			padding-bottom: 35px;
			float:left; 
		}


		
/* CLIENTS list structure */

		#client_list {
		width: 600px; height: 200px;
		left: 10px; top: 30px;
		position: absolute;
		overflow: AUTO;
		}





		/* CSS FOR THE CATEGORIES GENERATED */

		.cat_wpress_gens {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			display: inline;
		}

		.cat_wpress_gens ul {
			color:#2F2F2F;

			list-style:none !important;
			padding-left:21px;
		}
		.cat_wpress_gens li {display:inline !important; }

		.cat_wpress_gens a {
			padding-left: 4px; padding-left:4px;
		}



/* HEADINGS 
-----------------------------------*/
h1, h2, h3, h4  {
	color: black;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align:left;
	letter-spacing:.5px;
}

h1 a, h2 a, h3 a, h4 a {
	color: black;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	font-family: Georgia;
	text-align:left;
}

#main-archive h2 {
	padding: 9px 0 0 0; margin:0px;

}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {

	text-decoration: none;
	color: #c90000;
}





/* LINKS
-----------------------------------*/
a {
	text-decoration: none;
	color: #c90000;
}

a img {
	border: 0px;

}


	
a:hover {
   text-decoration:none;
   color: black;
   
   }




/* SEARCH RESULTS ENTRY
------------------------------------*/

	.search_result {
		padding-bottom: 20px;
		margin-left:30px;
		margin-right:30px;
		text-align: justify;
	}

	.search_result h3 {
		background: #FFDC9F;
	}

	.search_nav {
		margin-left:50px;
		font-size:120%;
	}

	.search_result strong {
		background: #FFDC9F;
	}

/* ENTRY FOR THE ARCHIVE PAGE */

.entry_archive h3 a, h4 a {
	text-transform:uppercase;
}

#thumbnail-caption p {
	font-family: "courier new", courier,  arial, sans-serif;
    font-weight: bold;
    color: #313131;
    font-size: 12px;
}

.tag_archive {
	padding: 15px;
}

.tag_archive a {

	
}



.tag_archive li {
	line-height: 1.5;
	padding-right: 10px;
}

.tag_archive li a:hover {
	border-bottom: 1px dotted #C90000;
}

/* WP CLASSES THAT WE ALWAYS FORGET TO INCLUDE */

code {
	border:1px solid #DFDFDF;
	display:block;
	margin-top:10px;
	padding:10px;
}

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

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