/*-----------------------------------------------------------------------------

Template: ubiquitous

Design by: www.LetsEat.at -- Free Websites for Restaurants and Cafés!

This template is made available to the public under Creative Commmons Attribution 3.0 Unported:

http://creativecommons.org/licenses/by/3.0/

Please leave the link back to our site intact at the bottom of your site.

Feel free to redistribute the template as long as you leave the link intact.

Thanks!


-----------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background:#DDD url(../images/bg.png) repeat-x;
}

body {
  background:#FFF;
  width:720px;
  margin:20px auto;
  padding:20px;
  font:62.5% Arial, Helvetica, sans-serif;
}

p {
  font:1.2em Georgia, Times, serif;
  line-height:2;
  color:#333;
}

h1, h2, h3, h4, h5 {
  font:3em "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

h1 {
  display:inline;
  margin-right:15px;
}

h1 a {
  color:#333;
  text-decoration:none;
}

div#masthead {
  margin-bottom:20px;
}

div#masthead ul {
  display:inline;
}

div#masthead li {
  display:inline;
  margin-right:15px;
  font-size:1.2em;
}

div#masthead li a {
  color:#F00;
  text-decoration:none;
}

div#masthead li a:hover {
  text-decoration:underline;
}

div#main {
  width:520px;
  padding-bottom:10px;
  float:right;
}

div.article {
  margin-bottom:30px;
}

div#main a {
  color:#333;
}

div#main h2 {
  margin:15px 0 5px;
}

div#main h2 a {
  color:#333;
  text-decoration:none;
}

div#main p {
  margin-bottom:10px;
  text-align:justify;
}

div#main blockquote p {
  font-style:italic;
  background:#EEE;
  padding:10px 15px;
}

div#main span.date {
  color:#666;
  font:0.35em Arial, Helvetica, sans-serif;
  font-weight:bold;
}

div#main p.subheader {
  color:#ff7200;
  font:1.4em Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:5px 0 10px;
}

div#main ul {
  margin:10px 0;
}

div#main li {
  font:1.2em Georgia, Times, serif;
  color:#333;
  list-style:disc;
  margin:5px 0 5px 20px;
}

div#secondary {
  margin-right:20px;
  padding:15px 0 30px;
  width:180px;
  background:url(../images/dots.png) repeat-x;
  float:left;
}

div#secondary blockquote {
  background:url(../images/secondary.png);
  padding:10px;
  margin-bottom:20px;
}

div#secondary blockquote p {
  background:#FFF;
  padding:10px;
}

div#secondary h2 {
  font-size:1.4em;
  font-weight:bold;
  color:#333;
}

ul#posts h3 {
  font:1.2em Georgia, Times, serif;
  margin:15px 0 5px;
}

ul#posts li p {

}

ul#posts li p a {
  color:#333;
  text-decoration:none;
}

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

ul#footer {
  clear:both;
  background:#666;
  padding:5px 10px;
  font-weight:bold;
  position:relative;
}

ul#footer li {
  float:right;
  color:#FFF;
  margin-left:10px;
}

ul#footer li a {
  color:#FFF;
  text-decoration:none;
}

ul#footer li span {
  text-indent:-9999em;
  position:absolute;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */

.pager,
.pager li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pager li {
	display: inline-block;   
	text-align: center;
	line-height: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
}
* html .pager li {
	display: inline;
	zoom: 1;
}
.pager li a,
.pager li span {
	display: block;
	background: #eeeeee;
	border: solid 1px #dcdcdc;
	padding: 0 5px;
	min-width: 30px;
	width: auto !important;
	width: 30px;
	height: 30px;
	font-size: 13px;
}
.pager li span {
	background: #739dda;
	border: solid 1px #4d6992;
	color: #ffffff;
}
.pager li a:link,
.pager li a:visited,
.pager li a:active,
.pager li a:hover {
	text-decoration: none;
	color: #000000;
}
.pager li a:hover {
	background: #dcdcdc;
}