/*
Theme Name: Write Something
Theme URI: http://christianmontoya.com/
Description: A simple theme by Christian Montoya
Version: 0.1
Author: Christian Montoya
Author URI: http://christianmontoya.net
Tags: minimal, black and white

	2012-11-06 

*/

body { 
	font-family:"Palatino Linotype", Palatino, Cambria, serif; 
	font-size:18px; 
	line-height:1.5; 
	background:#222; 
	color:#fff; 
}
a:focus, a:hover {color:#3bf;}
a {color:#fff;text-decoration:underline;}
#header { 
	background:#222;
	color:#fff;
	font-family:Asap, Candara, sans-serif;
	font-size:27px;
	overflow:hidden;
	padding-top:18px;
}
#header * { line-height:1.0 !important; margin-bottom:0 !important; }
#header h1 { color:#fff; font-size:45px; font-weight:700; }
#header h1 a { color:#fff !important; font-weight:700; color:#000; text-decoration:none; }
#header h1 a:focus, #header h1 a:hover { color:#3bf !important; }
#header p { font-size:27px; font-weight:400; text-align:right; padding-top:15px; }

#body { padding:36px 0 27px 0; background:#fff; color:#000; }
#body a:focus, #body a:hover {color:#3bf !important;}
#body a {color:#06c;text-decoration:underline;}
h2 { font-size:27px; font-weight:bold; font-style:italic; line-height:45px; margin-bottom:9px; }
h3 { font-size:18px; font-weight:bold; line-height:1.5; margin-bottom:9px; }
.post-title { border-top:1px solid #ccc; margin-top:27px !important;}
.post-title h2 { margin-top:-24px; }
.post-title h2 span { background:#fff; padding:0 9px; margin-left:36px; }
.post-title p { font-size:15px; text-align:right; margin-top:-11px; }
.post-title p span { background:#fff; padding:0 9px; margin-right:36px; }
.post-body { padding-top:12px; }
.post-body iframe { margin-bottom:1.5em; }
/* .post-body p+p { margin-top:-1.5em; text-indent:45px; } */
.post-footer { margin-top:-9px; border-top: 1px solid #ccc; padding-top:18px; font-style:italic; }

#profile-pic { position:absolute; top:-9999px; }

#footer { 
	background:#222; 
	color:#fff; 
	font-family:Asap, Candara, sans-serif; 
	padding-bottom:18px; 
	padding-top:27px; 
	font-weight:400; 
}
#footer p { text-align:right; }
#footer strong { 
	font-weight:700; 
}
#footer a { color:#fff; }
#footer a:focus, #footer a:hover { color:#fff; }

/* horizontal navigation bar */
#navigation {
  overflow:hidden; 
  padding-top:15px; 
}
html > body #navigation { 
	display:table;
}
#navigation ul { 
  display:table-row; 
  margin:0; 
  padding:0; 
}
#navigation > ul { 
	width:100%; 
}
#navigation ul li { 
  color:#fff;
  display:inline; 
  list-style-type:none; 
  margin:0; 
  padding:0; 
}
#navigation ul > li {
	border-right:none;   
	display:table-cell;
}
#navigation ul li a, #navigation ul li span { 
  color:#fff; 
  font-weight:normal; 
  line-height:1.5;  
  text-align:center; 
  text-decoration:none; 
  padding:0 0.5em;  
}
#navigation ul li > a, #navigation ul li > span { 
	display:block; 
	padding:0 0.75em;
	width:auto; 
}
#navigation ul li a:focus, #navigation ul li a:hover { 
  color:#3bf;
}

/* images inside of articles */
.photo { 
  margin:17px; 
  text-align:center; 
}
.photoright { 
  float:right; 
  margin-right:0;
}
.photoleft { 
  float:left; 
  margin-left:0; 
}
.photo img, .photoright img, .photoleft img, 
.photo a img, .photoright a img, .photoleft a img { 
  border:1px solid #fff; 
}
.photo a:hover img, .photoright a:hover img, .photoleft a:hover img { 
  border:1px solid #3bf; 
}