/*  
Theme Name: Fontypo
Theme URI: http://aleksandar.vacic.rs/
Description: Playing with fonts and typography
Version: 1.1
Author: Aleksandar Vacic
Author URI: http://aplus.rs/

	Theme is (c) Aleksandar Vacic, 2008-present day.
	All rights reserved
*/

/* --- Yahoo UI reset --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}
small, big {
	font-size: 1em;
}

/* --- basic styles, mostly typography --- */


body {
	font-family: "Myriad Pro", Frutiger, Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;		/* default is 16px = 1em. this 75% makes 1em = 12px */
	color: #333;
	background: #f5f5f5;
}

input, select, textarea {
	font-family: inherit;
	font-size: 1em;
}

tt, code, pre {
	font-size: .9em;
	font-family: Consolas, "Panic Sans", "Andale Mono", monospace;
	color: #000;
}

acronym, abbr, span.caps {
	font-size: 0.88em;
}

acronym, abbr {
	border-bottom: 1px dashed #ccc;
}

h1 span.amp, h2 span.amp, h3 span.amp, h4 span.amp, h5 span.amp, h6 span.amp {	/* use the best possible ampersands fonts can offer */
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
	font-style: italic; 
	font-size: 110%;
}

ul, ol {
	list-style-position: outside;	/* place the bullet in the left padding */
}

p, ul, ol, dl {
	line-height: 1.5;	/* 18px leading */
	margin: 0 0 1.5em;	/* = 18px = one line in between (1em * 1.5 = 1.5em) */
}

h1 {
	font-size: 2.4em;		/* = 28.8px */
	line-height: 1.25;		/* 28.8px * 1.25 = 36px == 2x default leading (thus keeping the vertical rythm) */
	margin-bottom: .625em;	/* 28.8px * 0.625 = 18px (same as p) */
}

h2 {
	font-size: 2em;			/* = 24px */
	line-height: 1.5;		/* 24px * 1.5 = 36px */
	margin-top: .75em;		/* 24px * 0.75 = 18px */
	margin-bottom: .75em;	/* 18px	*/
}

h3 {
	font-size: 1.75em;		/* = 21px */
	line-height: 1.714;		/* 21px * 1.714 = 36px */
	margin-top: .857em;		/* 21px * 0.857 = 18px */
	margin-bottom: .875em;
}

h4, .cellar h3, .searchform legend {
	font-size: 1.5em;		/* = 18px */
	line-height: 1;			/* = 18px */
	margin-top: 1em;		/* = 18px */
	margin-bottom: 1em;		/* = 18px */
}

.cellar h3 {
	margin-top: 0;
}

.searchform legend {
	margin-bottom: 0;
}

h5 {
	font-size: 1.25em;		/* = 15px */
	line-height: 1.2;		/* 15px * 1.2 = 18px */
	margin-top: 1.2em;	/* = 18px */
	margin-bottom: 1.2em;	/* = 18px */
}

h6, .hottopics h4 {
	font-size: 1.1667em;	/* = 14px */
	line-height: 1.286;		/* 14px * 1.286 = 18px */
	margin-top: 1.286em;	/* = 18px */
	margin-bottom: 1.286em;	/* = 18px */
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #3961b5;
}

a:hover {
	color: #789 !important;
	border-bottom: 1px dotted #789;
}

small {
	color: #666;
}

big {
	color: #000;
}

sup {
	font-weight: bold;
	line-height: 0;
}

i, em, cite {
	font-weight: inherit;
	font-style: italic;
}

b, strong {
	font-weight: bold;
	font-style: inherit;
}

blockquote {
	font-style: italic;
}

blockquote p:before, blockquote:after, blockquote[cite] p:last-child:after {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
	font-style: italic; 
	font-size: 3em;
	display: block;
	margin: 0;
}

blockquote p:before {
	content: "“ ";
	margin-left: -.6em;
	margin-bottom: -1em;
	line-height: 1;
}

blockquote p + p:before {
	color: #aaa;
}

blockquote:after, blockquote[cite] p:last-child:after {
	content: " ”";
	text-align: right;
	margin-right: -.4em;
	margin-top: -1.05em;
	line-height: 1.1;
}

blockquote[cite] p:last-child:after {
	margin-top: -.5em;
	margin-bottom: -.6em;
}

blockquote[cite]:after {
	content: attr(cite);
	font-size: 1em;
	line-height: 1.5;
	font-family: inherit;
	font-style: normal;
	margin-top: -1px;
	margin-bottom: 1.5em;
	border-top: 1px dotted #ccc;
	display: block;
	color: #999;
}

.dquo {
	margin-left: -.38em;
}

hr {
	text-align: center;
	margin: 1.5em 0;
	border: 0 dotted #666;
	height: 1px;
}

hr.footnote-sep {
	border-style: solid;
	border-width: 1px 0 0;
	margin-top: 3em;
	width: 8em;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* layout */

body {
	padding: 3em 3em 0;
}

.ground, .cellar, .activity {
	min-height: 0; /* IE7 f/c */
}

.ground:after, .cellar:after, .activity:after {
	content: ".";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}

.top {
	margin: 0;
	width: 15em;
	position: fixed;
	left: 3em;
	bottom: 7.5em;
	z-index: 2;
}

.content {
	width: 54em;
	margin: 0 0 3em 18em;
}

.entry {
	min-height: 9em;
}

.bhome .entry, .search .entry {
	min-height: 18em;
}

.single .entry {
	min-height: 27em;
}

.post, .comments {
	width: 36em;
	padding: 0 3em 0 0;
	margin: 0 3em 0 0;
	position: relative;
}

.postdate {
	margin-left: -1px;
	border-left: 1px dotted #ccc;
	padding-left: 3em;
	width: 12em;
	position: absolute;
	right: -15em;
}

.metadata {
	margin-left: -1px;
	border-left: 1px dotted #ccc;
	padding-left: 3em;
	width: 12em;
	position: absolute;
	right: -15em;
	bottom: 0;
}

.metadata p:last-child {
	margin-bottom: 0;
}

.comments {
	margin-top: 6em;
}

.nocomments {
	font-style: italic;
	font-variant: small-caps;
	color: #666;
}

h3#comments {
	margin-bottom: 1.714em;		/* 36px */
}

.commentlist {
	list-style-type: decimal;
}

.commentlist li {
	position: relative;
	margin-bottom: 3em;
	min-height: 9em;
}

.commentlist li .metadata {
	right: -18em;
}

.commentlist li .metadata p {
	margin: 0;
}

.commentlist .gravatar {
	display: block;
}

#commentform {
	margin-bottom: 1em;
	width: 54em;
}

.logged {
	min-height: 23em;
}

.notlogged {
	min-height: 29em;
}

#author, #email, #url {
	width: 18em;
}

#comment {
	width: 53.8em;
}

.navigation {
	margin: 3em 0 0;
	width: 36em;
}

.arch .desc {
	margin-top: -1.5em;
}

.arch .post, .search .post {
	margin-bottom: 6em;
}

.arch .postdate {
	margin-top: -3em;
}

/* activity area on home page */

.activity {
	clear: both;
	background: #eee;
	margin: -1px -3em 0;
	padding: 3em 3em 3em 21em;
	border-top: 1px solid #ccc;
}

.activity h3 {
	line-height: 1;
	margin-top: 0;
}

.hottopics {
	width: 24em;
	padding: 0 3em 0 0;
	margin: 0;
	border-right: 1px dotted #ccc;
	float: left;
}

.hottopics dt {
	color: #888;
	margin-right: -3em;
}

.hottopics dt a:link, .hottopics dt a:visited {
	color: #666;
}

.hottopics dd {
	margin-bottom: 1.5em;
}

.hottopics p {
	margin: 0;
}

.twitter {
	width: 24em;
	margin: 0 0 0 -1px;
	padding-left: 3em;
	border-left: 1px dotted #ccc;
	float: left;
}



/* cellar - bottom area */

.cellar {
	background: #e5e5e5;
	margin: -1px -3em 0;
	padding: 3em 3em 3em 21em;
	border-top: 1px solid #ccc;
}

.categ, .feeds, .searchform {
	width: 15em;
	margin: 0 3em 0 -1px;
	float: left;
}

.categ, .feeds {
	padding-left: 3em;
	border-left: 1px dotted #ccc;
}

.searchform {
	margin-left: 0;
}

.searchform div {
	min-height: 3em;
}

.searchform label {
	position: absolute;
	visibility: hidden;
}

.colophon {
	margin: 0 -3em;
	padding: 3em 3em 1.5em 21em;
	border-top: 1px solid #ccc;
	clear: both;
	position: relative;
	top: -1px;
}

.colophon h3 {
	line-height: 1;
	margin-top: 0;
}

.colophon p {
	width: 36em;
}

.dreamhost {
	width: 12em;
	position: absolute;
	top: 3em;
	left: 63em;
}

.dreamhost p {
	width: auto;
}

/* footer - even lower area */

.footer {
	background: #999;
	margin: -1px -3em 0;
	padding: 1.5em 3em;
	border-top: 1px solid #888;
}







/* design */

p.blogname { /* same as h2 */
	font-weight: 300;
	font-size: 2em;			/* = 24px */
	line-height: 1.5;		/* 24px * 1.5 = 36px */
	margin-top: 0;
	margin-bottom: 0;
}

.top, .top a:link, .top a:visited, .about p, .postdate, .metadata {
	color: #888;
}

.top:hover, .top:hover .blogname a:link, .top:hover .blogname a:visited {
	color: #555;
}

.top .blogname a:hover {
	color: #000 !important;
}

.about p, .postdate, .metadata {
	font-weight: 300;
}

.about p strong, .postdate strong, .metadata strong {
	font-weight: 500;
}

.about a:link, .about a:visited,
.metadata a:link, .metadata a:visited,
.postdate a:link, .postdate a:visited {
	color: #567;
}

.post h1 {
	font-weight: normal;
	margin-right: -7.5em;	/* left edge to align with post meta data */
}

.post h1, .post h1 a:link, .post h1 a:visited,
.activity h3, .cellar h3, .searchform legend {
	color: #004386;
}

.post h2 {
	color: #456;
}

.post h3 {
	color: #667;
}

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

.entry ol {
	list-style-type: decimal;
}

.entry li {
	margin-bottom: 1.5em;
}

.entry sup {
	margin-right: -.3em;
	margin-left: -.3em;
}

.entry sup a {
	padding: .1em .3em;
}

.entry sup a:hover {
	color: #000;
	background: #ddd;
	border-bottom: 1px solid #999;
}

.entry .photo {
	text-align: right;
}

.entry .photo p {
	font-size: .9em;
	line-height: 1.667;
	font-weight: 300;
	color: #888;
}

.entry table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	border: 1px solid #e5e5e5;
}

.entry td {
	padding: .75em 1.5em;
	border: 1px solid #e5e5e5;
}

.entry td.num {
	text-align: right;
}

a.more-link {
	text-transform: lowercase;
	font-variant: small-caps;
}

ol.footnotes, p.footnote {
	color: #666;
}

p.note {
	color: #999;
}

.postedit, .cmntedit {
	display: block;
	margin-left: -1em;
}

.navigation {
	text-align: center;
	font-variant: small-caps;
	color: #999;
}

.navigation a:link, .navigation a:visited {
	color: #999;
}

.categ ul, .feeds ul, .twitter ul {
	color: #ccc;
	list-style-type: disc;
}

.twitter li {
	margin-bottom: 1.5em;
}

.twitter li span {
	color: #333;
}

.twitter li a:link, .twitter li a:visited {
	color: #999;
}

.twitter p {
	text-align: right;
}

.twitter p, .twitter p a:link, .twitter p a:visited {
	color: #bbb;
}

#s {
	width: 12em;
}

.dreamhost {
	color: #888;
}

.dreamhost strong, .dreamhost big {
	color: #666;
}

.colophon {
	background: #f5f5f5;
}

/* footer */

.footer p {
	color: #ccc;
	margin: 0;
}

.footer a:link, .footer a:visited {
	color: #eee;
}

.copyright {
	font-size: .9em;
	line-height: 1.667;
	font-style: italic;
}

/* kuler: 28X Dusty Petrol
	292929	5B7876	8F9E8B	F2E6B6	412A22
 */

/* kuler: pistachio ice cream
	A5CC99	526935	A5B56D	F5DCA2	614734
 */


/* Captions */

.wp-caption {
	text-align: left;
	padding-top: 4px;
	margin: 0 0 .5em;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	line-height: 1;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	padding: 0 4px 4px;
	margin: 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.alignright {
	margin-left: 1.5em;
}

div.alignleft {
	margin-right: 1.5em;
}

/* End captions */