/*
Theme Name: Elegance
Theme URI: http://arno.org/
Description: Clean and simple
Version: 1.0
Author: Arno Gourdol
Author URI: http://arno.org/
Tags: elegance, fixed width, two columns

	Elegance v1.0
	 http://arno.org/

Copyright (c) 2010 Arno Gourdol

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/

/* See http://www.cssoptimiser.com/optimize.php to compress file */




/*
@font-face {
	font-family: "Vegur";
	font-weight: normal;
	font-style: normal;
	src: local("MyriadWebProRegular"), local("Myriad Web Pro"), url('http://arno.org/fonts/Vegur-R%200.601.otf') format("opentype");
}

@font-face {
	font-family: "Vegur";
    font-weight: bold;
	font-style: normal;
	src: local("MyriadWebProRegularBold"), local("Myriad Web Pro Bold"), url('http://arno.org/fonts/Vegur-M%200601.otf')  format("opentype");
}

@font-face {
	font-family: "Vegur";
    font-weight: 700;
	font-style: normal;
	src: url('http://arno.org/fonts/Vegur-B%200.601.otf')  format("opentype");
}

@font-face {
	font-family: "Vegur";
    font-weight: lighter;
	font-style: normal;
	src: url('http://arno.org/fonts/Vegur-L%200601.otf')  format("opentype");
}
*/


/* HTML-5 RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:none; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:none;  border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

html { -webkit-font-smoothing: antialiased; }


/* TODO selection color */

::-moz-selection{ background: #ffcb00; color:#0066ce; text-shadow: none; }
::selection { background:#ffcb00; color:#0066ce; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #ffcb00;} 



body {
	background: 		#fff url(images/header-background.png) repeat-x scroll top left;
	color: 				#444;
	font-family: 		'Ubuntu', MyriadWebPro, "Myriad Web Pro", "Myriad", Helvetica, sans-serif;
	font-size: 			62.5%;	/* Will make 1em = 10px */
	text-align: 		left;
	line-height: 		1.1em;
}

/* ================================================================================= */
/* Links */
a { 
	color: 				#0066ce; 
	text-decoration: 	none; 	
}

a:visited { 
	color: 				#716E6C; 
	text-decoration: 	none;
}


a:active { 
	color: 				#0066ce; 
	text-decoration: 	none; 	
}

a:hover {
	text-decoration: 	underline; 	
}


/* Linked image: shadow box */
a > img  {
	float: 				right;
	border:				1px solid #ddd;
	padding:			8px;
	margin-left: 		16px;
	margin-bottom: 		16px;
	background: 		#fff;
	-webkit-box-shadow: 0 4px 8px #ccc; /* Webkit-Safari */
	-moz-box-shadow: 	0 4px 8px #ccc; /* Gecko-Firefox */
	box-shadow: 		0 4px 8px #ccc;	/* CSS3 */
  	-webkit-transition: all .5s ease-in;
}

a:hover > img  {
	border:				1px solid #aaa !important;
	-webkit-box-shadow: 0 8px 16px #999; /* Webkit-Safari */
	-moz-box-shadow: 	0 8px 16px #999; /* Gecko-Firefox */
	box-shadow: 		0 8px 16px #999;	/* CSS3 */
}

/* ================================================================================= */
/* Headings */

h1 {
	clear: 				both;
	margin:				0;
	background: 		url(images/title.png) no-repeat;
	padding-bottom: 	50px;
	height: 			186px;
}

h1 span {display: none; }



h2 {
	color: 				#0066ce;
	font-size:			2em;
	text-align:			left;
	line-height: 		1em;
	padding-top:		0;
	padding-bottom:		0;
	margin-top:			0;
	margin-bottom:		.9em;
}

h2 a { color: #0066ce !important; }

h2 i {
	color: 				#666;
	text-align: 		right;
}

h3 {
	color: 				#cd0030;
	font-size:			1.2em;
	font-weight: 		bold;
	text-align:			left;
	padding-top:		0;
	padding-bottom:		0;
	margin-top:			1.6em;
	margin-bottom:		.8em;
}

h4 {
	color: 				#cd0030;
	font-size:			1em;
	font-weight: 		bold;
	text-align:			left;
	padding:			0;
	margin-top:			1em;
	margin-bottom:		.5em;
}

/* ================================================================================= */
/* Flickr badge */


.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img { border:1px solid #ddd; padding:0; margin:0; }
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Helvetica, sans-serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#0066ce;}
#flickr_badge_uber_wrapper {margin: 0 auto; width: 175px; text-align: center; padding-bottom: 20px;}
#flickr_badge_wrapper { padding-bottom: 20px; overflow: hidden;}

#flickr_badge_image1, #flickr_badge_image3, #flickr_badge_image5, #flickr_badge_image7, #flickr_badge_image9 
	{ margin-left: 8px; margin-top:8px; float:left; width: 75px; height: 75px;}
#flickr_badge_image2, #flickr_badge_image4, #flickr_badge_image6, #flickr_badge_image8, #flickr_badge_image10 
	{ margin-right: 8px; margin-top:8px; float: right; width:75px; height: 75px;}

/* ================================================================================= */
/* Icons */

.icon {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-position-y: top;
    height: 16px;
}

/* a.icon, span.icon, li.icon { 
    _zoom: 100%; /*---Icons tend to disappear when negative margin is involved. This fix has the unfortunate consequence of creating a 'pullout' appearance in some elements---*/
}
*/

/*\*//*/pcie/**/*\5 .icon {
    height: 1em;
}

a.icon:not([className~=icon]),
span.icon:not([className~=icon]) {
    display: inline-block;
    vertical-align: bottom;
}

.pdf-file { background-image: url(http://arno.org/images-global/pdf.gif) }


/* ================================================================================= */
/* Other HTML tags */

p {
	text-align: 		left;
	font-size: 			1em;
	line-height: 		1.5em;
	margin-bottom:		1.5em;
	margin-top:			1.5em;
}

blockquote {
	margin: 			15px 30px 0 5px;
	padding-left: 		5px;
	border-left: 		4px solid #ddd;
	font-style:			italic;
}

kbd {
	font:				monospace;
}

code, .html4strict {
	border:				1px solid #d0d0d0;
	background:			#f0f0f0;
	color:				#666;
	font:				monospace;
	margin:				5px;
	padding:			5px;
	white-space:		normal;
}



dl dt {
	margin-top:			1.5em;
	margin-bottom:		.5em;
	font-size:			1.1667em;
	line-height:		1.2em;
	color:				#006532;
	text-align:			right;
}


dl dd {
	margin-left:		0;
}


dt strong {
	font-weight: 		bold;
	color:				#000;
	text-align:			left;
	float:				left;
	display:			block;
}


/* img { border:none; } */

ul {
	list-style:			square outside;
	margin:				0;
	padding:			0;
	line-height:		1.4em;
}

i {
	margin-left:		0;
	padding:			2px;
}

input[type="submit"], input[type="button"]{
	border:				1px solid #ccc;
	border-bottom:		1px solid #bbb;
	border-right:		1px solid #bbb;
	font-weight: 		bold;
	font-size: 			.8em;
	padding-left: 		10px;
	padding-right: 		10px;
	background: 		#ddd;
	color: 				#444;
	height: 			20px;
	-webkit-border-radius: 10px;
	text-shadow: 		0px 1px 0px rgba(255,255,255,.8);
}

input[type="submit"]:hover, input[type="button"]:hover {
	border:				1px solid #bbb;
	border-bottom:		1px solid #999;
	border-right:		1px solid #999;
	background: 		#eee;
	color: 				#000;
}

input[type="submit"]:active, input[type="button"]:active {
	border:				1px solid #999;
	border-bottom:		1px solid #bbb;
	border-right:		1px solid #bbb;
	background: 		#888;
	color: 				#eee;
}




/* ================================================================================= */
/* Classes */

/* Used for archives page, etc... */
.left-margin {
	margin:				0 20px 0 0;
	padding:			0;
	overflow: 			hidden;
	width:				60px;
	float:				left;
	clear:				both;
}

/* Used for archives page, etc... */
.center-column {
	float: 				right;
	width:				620px;
	overflow: 			hidden;
	clear:				both;
}

.center-multi-columns {
	float: 				right;
	width:				620px;
	overflow: 			hidden;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}


.post-date {
	margin:				0 20px 0 0;
	padding:			0;
	overflow: 			hidden;
	width:				60px;
	float:				left;
}

.post-month {
	color:				#999;
    font-size: 			12px; 
    font-weight: 		bolder;
	height: 			12px;
	text-align: 		center;
    text-transform: 	uppercase; 
}

.post-day { 
    color: 				#cd0030; 
    padding-top: 		6px;
    padding-bottom		-6px;
    font-size: 			24px; 
	font-weight: 		bold;
	height: 			18px;
	text-align: 		center;
}
.post-year { 
	color:				#999;
    font-size: 			12px; 
    font-weight: 		bolder;
	height: 			12px;
	text-align: 		center;
}

.post-metadata {
	margin-bottom:		.4em;
	height:				21px;
	font-size: 			10px;
}

.post-content {
	float: 				right;
	margin:				0;
	width:				620px;
	overflow: 			hidden;
}

.tag {
	background-color: 	#f0f0f0;
	border: 			1px solid #ddd;
	text-transform: 	uppercase;
	font-size: 			10px;
	padding-left: 		.6em;
	padding-right: 		.6em;
	padding-top:		4px;
	padding-bottom:		2px;
	-moz-border-radius: 1em;
	border-radius:		1em;
	-webkit-border-radius: 1em;
	margin-right: 		5px;
}

/* ================================================================================= */
/* IDs */

/* Structure

	#header
		#navbar
	#page
		#content
			#main
			#sidebar
				h2
				#sidebar-quote
		#footer
*/

#page {
	margin: 			2em auto;		/* 2em top/bottom, centered */
	padding: 			0;
	overflow: 			hidden;
	font-size:			1.3em;
	width: 				940px;
}


#header {
	margin: 			0 auto;
	width:				940px;
	height: 			283px;
	background: 		url(images/header.png) no-repeat scroll top center;
	font-size:			1.3em;
}

#navbar {
	overflow: 			hidden;
	width:				100%;
}

#navmenu {
	margin-top: 		10px;
	padding-left:		4px;
	width:				700px;
	height:				74px;
	float: 				left;
}

#navmenu ul {
	margin: 			0;
	padding: 			0; 
	list-style:		 	none; 
}

#navmenu ul li {
	padding-top:			15px;
	padding-bottom:			0;
}

#navmenu ul li a:hover {
	color: 				#0066ce;
	text-decoration: 	underline;
}

#navmenu ul li a {
	text-decoration:	none;
	color: 				#888;
	font-weight: 		bolder;
}


#navmenu li {
	text-transform: 	uppercase;
	display: 			inline;
	padding-left: 		10px;
	padding-right: 		10px;
}


#current-nav a {
	color: 				#0066ce !important;
}



#content {
	margin:				0;
	padding: 			0;
	width:				940px;
	overflow: 			hidden;		/* Hack to get the box to be full height */
	text-align: 		left;
}

#footer {
	clear: 				both;
	margin: 			2em auto 0 auto;
	padding: 			0 10px 0 10px;
	overflow: 			hidden;		/* Hack to get the box to be full height */
	text-align: 		left;
	color: 				#999;
}

#sidebar {
	float:				right;
	margin:				0;
	padding:			0;
	width: 				220px;
}


#main {	
	float:				left;
	margin: 			0 20px 0 0;
	padding: 			0; 
	text-align: 		left;
	width:				700px;
}



#sidebar h2 {
/*	border-top:			solid 4px #006532; */
	color: 				#666;
	font-size:			1.5em;
	margin-top: 		25px;
	margin-bottom: 		5px;
	text-align: 		left;
	word-break: 		keep-all;
	word-spacing: 		0px;
}


#sidebar img {
	margin-top:			-8px;
	margin-bottom:		-8px;
}

#sidebar ul li a img {
	-webkit-box-shadow: none; /* Webkit-Safari */
	-moz-box-shadow: 	none; /* Gecko-Firefox */
	box-shadow: 		none;	/* CSS3 */
	border: 			none;
}


#sidebar ul {
	margin:				0; 
	padding:			0;
	list-style:			none;
}

#sidebar ul li {
	border-top:			solid 1px #efefef;
	font-size:			1em;
	line-height: 		1.5em;
	color:				#999;
	margin:				0;
	overflow: 			hidden;
	padding:			0; 
	text-align: 		left;
}

#sidebar ul li a {
	color: 				#0066ce;
	text-decoration:	none;
}

#sidebar ul li a:hover {
	text-decoration:	underline;
}

#sidebar > ul > li:before 	{
	content: "\00BB \0020";
}

#sidebar .aktt_tweets > ul > li{
	margin-bottom: 	5px;
	margin-top: 	5px;
}

#sidebar .aktt_tweets > ul > li:before {
	content: "\00BB \0020";
}



#sidebar .aktt_more_updates {
	text-align: center;
}

#sidebar p {
	font-size:			.9em;
	line-height: 		1.4em;
	color: 				#999;
	margin:				0 0 .6em 0;
}


#sidebar-quote p {
	margin-bottom:		20px;
}	


.quote-content {
	font-style:			italic;
	line-height: 		1.1em;
	overflow: 			hidden;
}

.quote-author {
	padding-top: 		.5em;
	font-variant: 		small-caps;
	clear:				left;
	color:				#999 !important;
	font-style: 		normal;
	line-height: 		1.2em;
	text-align: 		right;
}	

.quoteleft {
     float: left;
     height: 1.1em;
     line-height: 1em;
     margin-right: 5px;
     padding-top: 0;
     margin-bottom: 0;
     font-size: 500%;
     color: #0066ce;
	font-style:			normal !important;
 }




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* Begin Typography & Colors */

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}

.depth-1 {
	border: 1px solid #ddd;
}

.even, .alt {
	border-left: 1px solid #ddd;
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 1em;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}

small, .nocomments, blockquote, strike {
	color: #777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: 				#0066ce;
	text-decoration:	underline;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

/* End Typography & Colors */



/* Begin Structure */

.post {
	margin: 0 0 80px;
	text-align: left;
	overflow: hidden;
	}

.post hr {
	display: block;
	}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 940px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */


h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 5px;
	padding-left: 15px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
.entry {
}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
/*	margin: 10px auto; */
	float: 			right;
	padding: 		5px 0px;
	text-align: 	center;
	width: 			220px;
	}

#navbar #searchform #s {
	width: 220px;
	padding: 2px;
	}


#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 150px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */

#sidebar form {
	margin: 0;
	}
/* End Sidebar */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	visibility: hidden;
	}

hr {
	display: none;
	visibility: hidden;
	}

/* a img {
	border: none;
	}
*/

.navigation {
	clear: both;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}


.arrowleft {
	font-size: 			24px;
	font-weight: 		bold;
	width: 				auto;
	padding-left: 		36px;
	padding-right: 		0;
	line-height: 		61px;
	height:				61px;
	width: 				102px;
	background: 		url(images/left-arrow.png) no-repeat scroll top left; 
	overflow: 			hidden;
	display: 			inline-block;
}

.arrowright {
	font-size: 			24px;
	font-weight: 		bold;
	width: 				auto;
	padding-left: 		12px;
	padding-right: 		0;
	line-height: 		61px;
	height:				61px;
	width: 				102px;
	background: 		url(images/right-arrow.png) no-repeat scroll top left; 
	display: 			inline-block;
}
	
	
.pagetitle {
	font-size:			3em;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.wp-caption img {
	margin: 5px;
	padding: 5px;
}

.wp-caption p {
	text-align: center;
	font-size: 11px;
	line-height: 17px;
}
/* End captions */


.iphone {
	display:none; visibility: hidden;
}

/* ================================================================================= */
/* iPhone Stylesheet */
/* @media only handheld, only screen and (max-device-width: 480px) { */

@media only screen and (max-width: 700px) {


body {
	width:				480px;
/*	font: 				Helvetica, sans-serif; */
	font-family: 		'Ubuntu', MyriadWebPro, "Myriad Web Pro", "Myriad", Helvetica, sans-serif;
	margin:		 		0;
 }

a:link {
  font-weight: 			bold;
}

#page {
	text-align: 		left;
	margin: 			0;
	padding: 			0;
	width: 				480px;
}

#header {
	margin: 			0;
	padding: 			0;
	width: 				480px;	
	border:				none;
  	float:				none;
}


#navmenu {
	padding-top: 		10px;
	padding-bottom: 	10px;
	width:				auto;
	height: 			auto;
	display: none;
	visibility: hidden;
}



#content {
	width:				470px;	/* $pagewidth - 10 (margin)*/
}


#main {
  width:				470px;		/* $pagewidth - 10 (margin)*/
  margin-left: 			5px;
  margin-right: 		5px;
  float:				none;
}

#sidebar {
  margin: 				120px 20px auto 20px;
  width:				440px;		/* $pagewidth - 20px (margin left) - 20px (margin right) */
  float:				none;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 480px;					/* $pagewidth */
	clear: both;
}


#sidebar-quote {
	display: none;
	visibility: hidden;
}	

.post-content {
	width:				470px;
}

.post-date {
	margin:				0;
	padding:			0;
	overflow: 			hidden;
	width:				36px;
	float:				left;
}

.post-month {
    font-size: 			12px; 
	height: 			12px;
}

.post-day { 
	margin-top: 		8px;
    padding-top: 		0;
    padding-bottom:		0;
    font-size: 			24px; 
	height: 			24px;
}
.post-year { 
    font-size: 			12px; 
	height: 			12px;
}

.iphone { 
	display: inherit;
	visibility: inherit;
}

.not-iPhone {display:none; visibility: hidden;}

}

/* ================================================================================= */
/* Print Stylesheet */