/*  
Theme Name: Oneskinnyj
Theme URI: http://.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author:  
Author URI: http://.com/
Tags: white, grid, whitespace, clean, widgets


*/

/* master reset
----------------------------------------------------------*/

/* Don't forget to set a foreground and background color 
on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

body {
margin:0;
padding:0;
font-size:62.5%;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
background:#fff;
border-top:3px solid #333;
}

/*

font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
 
*/


/* @GLOBAL ELEMENTS
----------------------------------------------------------------------- */


/* @LINKS
----------------------------------------------------------------------- */

a		{
		text-decoration:none;
		color:#333;
		-webkit-transition: color .2s linear;
		}			

/* @TYPOGRAPHY
----------------------------------------------------------------------- */

h2, h3, h4, h5, h6 {
		margin:0 0 10px 0;
		line-height:1.4;
		color:#333;
		}

h1		{
		font-size:2.4em;
		}
		
h2		{
		font-size:2.2em;
		}
		
h3		{
		font-size:1.6em;
		}
		
h4		{
		font-size:1.4em;
		}
		
h5		{
		font-size:1.2em;
		}
				
p		{
		margin:0 0 15px 0;
		font-size:1.4em;
		color:#444;
		line-height:1.4;
		}
		
ul, ol, dl {
		margin:0 0 15px 0;
		font-size:1.4em;
		color:#444;
		line-height:1.4;
		}
		
li, dt, dd	{
		line-height:1.4;
		}
		
i, em 	{
		font-style:italic;
		}
		
b, strong {
		font-weight:600;
		}
		
/* Brand the selection */

::-moz-selection { 
		color: #121212;  
		background: #ddd; 
		}
		
::selection      { 
		color: #121212;  
		background: #ddd; 
		}


/* @IMAGES
----------------------------------------------------------------------- */

img, a img {
		height:auto;
		display:block;
		opacity:1.0;
		background:transparent;
		}
		
object	{
		width:100%;
		}
		
body.page-template-projects-php .entry a img {
		border-bottom:3px solid #333;
		}


/* @FLOATS AND CLEARING
----------------------------------------------------------------------- */

.clear {
		clear:both;
		}


/* @MAIN STRUCTURE
----------------------------------------------------------------------- */

#wrapper {
		width:960px;
		margin:50px auto;
		}

#masthead {
		padding:0 0 20px 0;
		}

#mainColumn {
		width:650px;
		float:left;
		}

.secondaryColumn {
		width:220px;
		float:right;
		}
			

/* =----------------------------------- header elements */

#masthead h1 a {
		color:#444;
		}

#masthead h1 a span {
		color:#666;
		}
		
#masthead h1 a:hover {
		color:#8e3201;
		}
		
#masthead h1 a:hover span {
		color:#c74600;
		}

#navigation.widgetContainer {
		padding: 0;
		}

ul#nav {
		margin:0;
		padding:0;
		}
		
ul#nav li {
		padding:10px 0;
		border-top:1px solid #ddd;
		}
		
ul#nav li:first-child {
		border:none;
		}
		
ul#nav li a:hover {
		color:#333;
		}
		
body.page-template-archives-php ul#nav li a.current {
		color:#333;
		font-weight:600;
		}


/* @META LEAD FOR EACH POST
----------------------------------------------------------------------- */

.postMeta	{
		width:150px;
		float:left;
		}

.postMeta ul.container {
		margin:0 20px 0 0;
		padding:0 20px 0 0;
		border-right:1px solid #bbb;
		}

.postMeta ul.container li {
		margin:0 0 5px 0;
		font-size:.85em;
		text-align:right;
		}
		
.postMeta ul.container li.date {
		font-size:1em;
		font-weight:600;
		color:#666;
		}
		
.postMeta ul.container li a {}

.postMeta li.category a {
		color:#666;
		}

.postMeta li.retweet {}

.postMeta li.retweet a {
		color:#4994a4;
		}
		
.postMeta li.retweet a:hover {
		color:#076174;
		}

.post_tags {
		margin:20px 20px 0 0;
		padding:0 20px 0 0;
		border-right:1px solid #bbb;
		}

.post_tags h3 {
		font-size:1.2em;
		letter-spacing:1px;
		text-transform:uppercase;
		text-align:right;
		color:#666;
		}
		
.post_tags ul li {
		margin:0 0 5px 0;
		font-size:.85em;
		text-align:right;
		color:#999;
		}
		
.post_tags ul li a {
		color:#999;
		}
		
.post_navigation {
		width:500px;
		float:left;
		margin:0 0 40px 150px;
		}
		
.post_navigation p {
		margin:0;
		font-size:2em;
		}
		
.post_navigation p span.prev a {
		float:left;
		text-align:left;
		}
		
.post_navigation p span.next a {
		float:right;
		text-align:right;
		}
		
.post_navigation p span.prev a,
.post_navigation p span.next a {
		display:block;
		color:#c74600;
		}
		
.post_navigation p span.prev a:hover,
.post_navigation p span.next a:hover {
		display:block;
		color:#8e3201;
		}


/* =----------------------------------- general post */

.post	{
		float:left;
		clear:both;
		margin:0 0 40px 0;
		}
		
.post h2 {
		margin:0 0 20px 0;
		color:#333;
		}

.post h2 a {
		color:#c74600;
		}
		
.post h2 a:hover {
		color:#8e3201;
		}

/* =----------------------------------- entry body */

.entry 	{
		width:500px;
		float:left;
		}

.entry a {
		color:#c74600;
		}
		
.entry a:hover {
		color:#8e3201;
		}

.entry li {
		padding-top:5px;
		color:#444;
		}
		
.entry li:first-child {
		padding-top:0;
		}

.entry ul {
		list-style-type:disc;
		}
		
.entry ul ul {
		list-style-type:square;
		}
		
.entry ul ul ul {
		list-style-type:circle;
		}

.entry ol {
		list-style-type:decimal;
		}
		
.entry ol li {
		display:list-item;
		counter-increment:counter;
		}

.entry dl dt {
		font-weight:600;
		}
		
.entry dl dd {
		margin:5px 0 10px 10px;
		}

.entry img,
.entry a img {
		width:100%;
		height:auto;
		}

div.slideshow {
		width:500px;
		position:relative;
		margin:0 0 10px 0;
		}
	
div.controls {
		z-index: 1000;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		background-color: #232323;
		margin: 0;
		width: 500px;
		}
		
.controls span a {
		font-size:1.2em;
		color:#ddd;
		}
    
.controls span a.prev {
		display:block;
		width:230px;
		float:left;
		padding:10px;
		text-align:left;
		}
		
.controls span a.next {
		display:block;
		width:230px;
		float:right;
		padding:10px;
		text-align:right;
		}
	
div.slides {
	width:500px;
	overflow:hidden;
		}

/* =----------------------------------- widget enabled sidebar */

.secondaryColumn h3 {
		color:#444;
		}

.widgetContainer {
		border-top:1px solid #ccc;
		padding:20px 0;
		}

.widgetContainer ul li,
.widgetContainer p {
		color:#666;
		}
		
.widgetContainer ul li a,
.widgetContainer p a {
		color:#666;
		}

.widgetContainer ul li.cat-item {
		margin:0 0 10px 0;
		}
		
.widgetContainer ul li.cat-item a {
		color:#c74600;
		}
		
.widgetContainer ul li.cat-item a:hover {
		color:#8e3201;
		}
				
ul.mytwitter {
		margin:0;
		}
		
ul.mytwitter li {
		margin:0 0 20px 0;
		}
		
ul.mytwitter li a {
		color:#4994a4;
		}
		
ul.mytwitter li a:hover {
		color:#076174;
		}
		
ul.mytwitter span.mytwitter_tweet_time a {
		font-size:.85em;
		color:#999;
		}
		
ul.mytwitter span.mytwitter_tweet_time a:hover {
		color:#666;
		}
		
ul.mytwitter li i {
		font-style:normal;
		}

.widgetContainer.meta p {
		font-style:italic;
		}
		
#bio p img#mug {
		display:block;
		width:70px;
		height:70px;
		float:left;
		margin:3px 10px 0 0;
		background:#666;
		}

/* =----------------------------------- style some comments */

#commentsContainer {
		width:500px;
		float:left;
		margin:0 0 40px 150px;
		}
		
p.nocomments {
		margin:0;
		color:red;
		}


/* @SPECIFIC PAGES
----------------------------------------------------------------------- */

#archives_page .post {
		width:500px;
		float:right;
		}
		
#archives_page .post h2 {
		font-size:2.4em;
		}
		
#search {
		width:500px;
		float:left;
		margin:0 0 20px 0;
		padding:20px 0;
		border-top:1px solid #bbb;
		border-bottom:1px solid #bbb;
		}
		
input#s1 {
		width:485px;
		padding:5px;
		font-size:1.4em;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
		color:#444;
		}
		
ul#smart-archives-block li strong a {
		width:100px;
		margin:0 10px 0 0;
		padding:0 10px 0 0;
		font-weight:600;
		border-right:1px solid #bbb;
		}
		
ul#smart-archives-block li a,
ul#smart-archives-block li span.empty-month {
		margin:0 5px 0 0;
		}
		
ul#smart-archives-block li a {
		color:#c74600;
		font-weight:600;
		}
		
ul#smart-archives-block li a:hover {
		color:#8e3201;
		}
		
ul#smart-archives-block li span.empty-month {
		color:#666;
		}
		
#smart-archives-list h3 {
		margin:40px 0 20px 0;
		}
		
#smart-archives-list ul {
		margin:0 0 20px 0;
		}
		
#smart-archives-list ul li {
		margin:0 0 10px 0;
		}
		
#smart-archives-list ul li a {
		color:#c74600;
		}
		
#smart-archives-list ul li a:hover {
		color:#8e3201;
		}
		


/* @FOOTER
----------------------------------------------------------------------- */

#footer	{
		width:500px;
		margin:0 0 0 150px;
		clear:both;
		}

#footer p.disclaimer {
		padding:20px 0;
		font-style:italic;
		border-top:1px solid #bbb;
		border-bottom:1px solid #bbb;
		}