/*
Theme Name: Oldthingsnewplaces by social ink
Theme URI: http://social-ink.net
Description: Basic social ink theme to mod
Version: 1
Author: yonatan reinberg,
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: Georgia, serif;
			font-size:11px;
			color: black;
			background: white;
		}

		#outerdiv {
		top: 0; left: 0; width: 100%; height: 100%;
			position: fixed;
		    display: table;
		vertical-align: middle; 
		}
		
		#container {

			height: 600px;
		    display: table-cell;
			vertical-align: middle; 			
		}
		
		#subcontainer {
			width: 960px;
			margin-left: auto; margin-right: auto;		
		}

		p {
			
			margin-bottom:20px;
		}
		
		a {
			text-decoration:none;
		}
		
		/* HEADER CLASSES */

		#header {
			width:90px;
			min-height: 600px;
			float:left;
			font-size:12px;
			text-align:right;
			line-height:16px;
			margin-right:15px;
		}
		
		#searchbox {
		
		}
		
		#header p {
			line-height:20px;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		#header p a {
			font-weight:bold;
			color:black;
		}
		
		#header p a:hover {
			color:#52BDEC;
		}
		
		/* HEADER NAVIGATION */
		
		#header_navigation {
			height:20px;
			margin-left:20px;
			margin-top:-556px;
			margin-top:-560px; /* added after upgrade to new carousel */
			
			z-index:100;
		}
		
		#header_navigation ul {
			height:20px;
		}
		
		#header_navigation ul li {
			display:inline;
			margin-right:3px;
			height:20px;
		}
		
		#header_navigation a {
			padding:4px !important;
			padding-top:3px !important; padding-bottom:3px !important;
		}
		
		#header_navigation a.highlighted {
			background:#52BDEC none repeat scroll 0 0;
color:white;
		}
		
		#mycarousel_422-prev {
			display:none !important;
		}
		
		.page_display {
			margin-top:23px !important;
		}
		
		
		/*SIDEBAR */
		
		#sidebar {
			/*width:100px;*/
			z-index:5;
			margin-left:20px;
			margin-top:56px;
		}
		
		#sidebar a.current_post {
			background: #52bdec !important;
		}
		
		#sidebar ul li {
		margin-bottom:15px;
		}
		
		#sidebar a {
			padding:3px 4px !important;
		}
		
		#sidebar li.current_post {
			background:#52bdec;
			padding:5px;
			color:white;
		}
		
		#sidebar a.current_link {
		background:#52bdec;
		color:white;
		}
		

		
		/* MAIN BODY ID */
		
		#main {
			background:#DFDFDF none repeat scroll 0 0;
			float:left;
			height:600px;
			
			width:800px;
		}		
		
		#main a {
			
			background:white;
			color:black;
		}
		
		#main a:hover {
			background:#52bdec;
			color:white;
		}
		
		#innercontrols a {
			padding:2px 4px;
			/*font-family:"courier new";*/
		}
		
		.cgj_image a:hover {
			background:none;
		}
		
		.post {
			
		}
		
		.post-info {
			background:white none repeat scroll 0 0;
			font-size:10px;
			height:65px;
			margin-left:20px;
			margin-top:-12px;
			padding:10px;
			width:313px;
			z-index:4;
			line-height:16px;
			margin-top:-10px;
		}
		
		.post-info h2 {
			margin-bottom:5px;
		}
		
		.page {
		}
		
		.page-info {
			background:white none repeat scroll 0 0;
			font-size:10px;
			margin-left:20px;
			margin-top:53px;
			padding:10px;
			z-index:4;	
			line-height:16px;
			height:464px;
			width:313px;
			
		}
		
		/* FOOTER */
		
		#footer {
			clear:both;
			width:100%;
			height: 5%;
			text-align:right;
			font-size:10px;
		}

		/* JCAROUSEL UPDATES */
		
		/* ADDED AFTER UPGRADE
		
		.carousel-controls {
			display:none !important;
		} */
		
		.carousel-controls-inner img {
			display:none !important;
		}
				
				
		.carousel-controls-inner  {
			z-index:10;
		}
		
		.jcarousel-scroll {
			margin-left:20px !important;
			margin-top:-145px !important;
			z-index:40;
		}
		
		.jcarousel-skin-neat a:hover {
			background:none !important;
		}
		
		.jcarousel-scroll a {
			/*padding:3px 4px !important;
			padding: 2px !important;*/
		}
		
		.carousel-controls span {
			display:inline !important;
			}
			
		.carousel-controls-inner a {
			padding:1px 5px 5px !important;
			margin:0 .4em .02em 0 !important;
		}		
		
		.carousel-controls-inner a.active {
			background:#52BDEC !important;
			color:white !important;
		}
		
		.cgj_next {
			float:left;
			margin-bottom:1em;
			margin-left:0;
			margin-right:1em;
			padding:2px 5px 4px 6px !important;
		}
		
		#mycarousel_198-prev {
			display:none !important;
		}
		
		.cgj_prev {
		display:none !important;
		}