/*
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: sans-serif;
			font-size:12px;
			color: black;
			background: white;
		}

		#container {
			width: 960px;
			margin-left: auto; margin-right: auto;
			min-height: 600px;
		}

		
		/* HEADER CLASSES */

		#header {
			width:100%;
			height: 5%;
		}
		
		#header li {
			display: inline;
		}
		
		.subtitle {
			margin-left: 290px;}
		
		#searchbox {
		
		}
		
		.nav {
			margin-top: 30px;
			margin-left: -20px;
		}
		
		/* SIDEBAR */
		
		#sidebar {
			float: right;
			border-left: 2px dotted black;
			padding-left: 20px;
			margin-top: 30px;
		}
		
		.sinky {
			margin-top: 100px;
		}
		
		/* MAIN BODY ID */
		
		#main {
			width: 600px;
			min-height: 620px;
			background: white;
			margin-top: 10px;
			margin-bottom: 80px;
		}		
		
		#main h2 {
			font-size: 160%;
			letter-spacing: -0.04em;
		}
		
		.post {
			width: 500px;
			margin-top: 20px;
		}
		
		.post img {
			max-width: 500px;
			height: auto;
		}
		
		.post p {
			line-height: 18px;
		}
		
		.past  {
			
			float:left;
			margin-left: -150px;
			margin-top: 35%;
			width: 100px;
			}
			
		.future {
			float: right;
			margin-top: 35%;
			width: 100px;
			}
			
		.linkcat h2 {
			display: none;
		}
		
		.linkcat {
			margin-left: 15px;
		}

			
		/* FOOTER */
		
		#footer {
			clear:both;
			width:100%;
			height: 5%;
			text-align:center;
		}
		
		/* TYPOGRAPHY */
		
		a {
			text-decoration: none;
			color: black;
		}

		a:hover {
			color: red;
		}
		
		/* COMMENTS */
		
			.comments {
				display: block;
				height: 60px;
				width: 150px;
				margin-left: 350px; 

				margin-top: 30px;
				background-image: url(images/comments.jpg);
				margin-bottom: 40px;
			}
		
		
		#submit {
			margin-top: 15px;
		}
		
		#commentform textarea {
			width: 600px;
		}
		
		
		/* archives */
		
		#archive-index {}
		
		#archive-index p {
			line-height: 22px;
			font-size: 18px;
			margin-bottom: 15px;
	
		}
		
		#archive-index li {
			margin-bottom: 17px;
				font-size: 18px;
				font-weight: bold;
		
		}
		
		#archive-index li a {
				font-size: 18px;
				font-weight: bold;
		}
		.content-thumb img {
			width: 200px;
			height: auto;
			margin-bottom: 20px;
		}
		
		h3.expand-header {
			border-top:1px solid #EAEAEA;
			font-size:18px;
			margin-bottom:15px;
			padding-top:15px;
		}
		
		h3.expanded {
			color: red;
		}