/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*

END: CSS Reset
START: Baseline Stylesheet

*/
body {
	font-size: 62.5%;
	line-height: 1.2;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

:focus {
	outline: 1px dotted black;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	margin-bottom: .5em;
	font-weight: normal;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.2em;
}

p, ol, ul, li, blockquote, form, table {
	margin-bottom: 1em;
}

ol, ul, blockquote {
	padding-left: 2em;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: circle;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup, sub {
	height: 0px;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: .8em;
	padding-left: .2em;
	padding-right: .2em;	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/*

END: Baseline Stylesheet

*/.none {display: none;}
body {
	background: #000 url(../images/bg_body.png);
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	/* 1em = 10px */
	font-size: 62.5%;
	min-width: 780px;
}

.frontload {
	position: absolute;
	margin-left: -9999px;
}

h1#logo {
	z-index: 99;
	width: 195px;
	height: 165px;
	background: transparent url(../images/sprites.png);
	position: relative;
	clip: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0px;
}
h1#logo {
	background-position: -32px 0px;
}

h1#logo a {
	display: block;
	padding-top: 214px;
}

div#infobar {
	margin-top: 72px;
}

ul#nav {
	position: absolute;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1.4em;
	right: 1.6em;
	top: 2em;
	color: #FFF;
}

ul#nav li {
	display: inline;
}

ul#nav li:before {
	content: ' / ';
}

ul#nav li:first-child:before {
	content: '';
}

ul#nav li a {
	color: white;
	text-decoration: none;
}

div#infobar {
	height: 108px;
	border-top: 1px solid #a96c6c;
	border-bottom: 1px solid #b26c6c;
	background: #840000 url(../images/bg_info_bar.png) repeat-x;
	position: relative;
}

#map {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 400px;
	height: 108px;
}

#weather {
	color: white;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 18px;
	padding-left: 30px;
	padding-top: 24px;
	font-weight: lighter;
	height: 108px;
	clip: auto;
	overflow: hidden;
	position: relative;
	z-index:100;
}

#content {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-color: #ececec;
	background-image: url(../images/bg_content_top.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(../images/bg_content_top.png), url(../images/bg_content_bottom.png);
	background-repeat: repeat-x, repeat-x;
	background-position: top left, bottom left;
	min-height: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding:2em;
	line-height: 1.3;
	font-size: 1.4em;
}

#content a {
	color: #a24242;
}

#content a:hover, a:visited {
	color: #530000;
}

#content blockquote {
	margin-left: 1em;
	padding: 1em;
	border-left: 3px solid #840000;
	background-color: #E3E3E3;
}

ol.dates, ol.posts {
	list-style-type: none;
	padding-left: 0px;
}

h1.dateset {
	font-size: 1.8em;
}

ol.posts {
	display: table;
	padding-left: 2em;
}

li.post {
	display: table-row;
	overflow: hidden;
	vertical-align: top;
}

li.post div {
	display: table-cell;
	vertical-align: top !important;
	padding: 0px;
	padding-bottom: 1em;
}

li.post div.from {
	width: 20px;
	text-align: center;
}

li.post div.time {
	width: 100px;
	text-align: center;
}

li.post div h2 {
	font-size: 1.2em;
	margin-bottom: .5em;
}

#content ul.paginate {
	padding-top: 2em;
	text-align: center;
	padding: 0px;
	list-style-type: none;
}

#content ul.paginate li {
	display: inline-block;
	width: 2em;
	height: 2em;
	border: 1px solid #b26c6c;
}

#content ul.paginate li a {
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	background-color: white;
	text-decoration: none;
}

li.active {
	opacity: .3;
}

#footer {
	height: 127px;
	background-image: url(../images/bg_footer.png);
	display: table;
	width: 100%;
}

#footer a {
	color: white;
}

#footer div {
	display: table-cell;
	padding: 1em;
	color: white;
	vertical-align: top;
}

#footer h1 {
	margin-bottom: 0px;
	font-size: 2em;
}

#footer .networks {
	padding: 0px;
	border-left: 1px solid #686868;
	width: 200px;
}

#footer .networks ul {
	margin:0px;
	list-style-type: none;
	padding: 0px;
}

#footer .networks ul li {
	margin: 0px;
	padding: 0px;

}

#footer .networks ul li a {
	display: block;
	text-decoration: none;
	border: 0px;
	color: white;
	line-height: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	position: relative;
	padding-left: 35px;
}

#footer .networks ul li a span {
	left: 8px;
	top: 3px;
	position: absolute;
}

#footer .networks ul li a:hover {
	background-color: rgba(255, 255, 255, .5);
}

ul.cloud {
	border: 1px solid gray;
	background-color: #EFEFEF;
	padding: 0em;
	text-align: center;
}

ul.cloud li {
	display: inline-block;
	margin: 1em;
}

ul.cloud li a {
	display: block;
	padding: .5em;
	border: 1px solid #a96c6c;
	background-color: #EFEFEF;;
	text-decoration: none;
}

ul.cloud li a:hover {
	display: block;
	padding: .5em;
	border: 1px solid #a96c6c;
	background-color: #FFF;
	text-decoration: none;
}

dt {
	font-size: 1.5em;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

dd {
	margin-bottom: 2em;
}

.icon img {
	display: none;
}

.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/sprites.png);
}

.x_twitter {
	background-position: 0px 0px;
}
.x_youtube {
	background-position: -16px -0px;
}
.x_loopt {
	background-position: 0px -16px;
}
.x_livejournal {
	background-position: -16px -16px;
}
.x_myspace {
	background-position: 0px -32px;
}
.x_aim {
	background-position: -16px -32px;
}
.x_gtalk {
	background-position: 0px -48px;
}
.x_msn {
	background-position: -16px -48px;
}
.x_facebook {
	background-position: 0px -64px;
}
.x_flickr {
	background-position: -16px -64px;
}
.x_skype {
	background-position: 0px -80px;
}
.x_shared {
	background-position: -16px -80px;
}
.x_gmail {
	background-position: 0px -96px;
}
.x_robertdot {
	background-position: -16px -96px;
}
.x_vodkabuzz {
	background-position: 0px -112px;
}

hr {
	height: 1px;
	border: 0px;
	color: gray;
	background-color: gray;
}
.commentbar {
	display: block;
	float: none;
	margin-top: 2em;
	margin-bottom: 2em;	
	text-align: center;
}

form div.inline input[type="text"] {
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDDDDD;
	background-color: #FFFFFF;
	color: #111111;
}
form div.inline {
	overflow: hidden;
	display: block;
	width: auto;
}
form div.inline input[type="search"], form div.inline input[type="text"], form div.inline input[type="submit"] {
	font-size: .6em;
	padding: .2em;
	-webkit-border-radius: .6em;
	width: 40%;
	margin-left: 1%;
	display: inline-block;
}

form div.inline input[type="submit"] {
	width: 15%;
}

blockquote.article div {
	display: block;
}
blockquote.article img {
	max-width: 50%;
	margin: auto;
	display: block;
	-webkit-box-shadow: #333 0px 0px 2em;
	border: 1px solid black;
}/*
 *
 * START DEFAULT FORM STYLES
 *
 */
/*

SAMPLE:

    <div class="required">
     Required fields are bold  <span class="required">and have the word required beside them</span>
    </div>
    <div class="error">
     Fields with errors are red  <span class="error">and have the word error in front of them</span>
    </div>
    <div>
     <label class="required error">
      <span class="required">Error:</span> <span>Enter your name</span> <span class="required">(required)</span>
      <input type="text" name="name">
     </label>
    </div>

    <fieldset class="checkbox">
     <legend>What do you plan on doing?</legend>
     <div>
      <label>
       <span>Getting Married</span>
       <input type="checkbox" name="cb1">
      </label>
     </div>
     <div>
      <label>
       <span>Having a honeymoon</span>
       <input type="checkbox" name="cb2">
      </label>
     </div>
    </fieldset>




*/
 
form {
	padding: 1em;
	line-height: 1.2em;
	font-size: 1.2em;
}

form div {
	margin-bottom: 1em;
	width: 100%;
	min-width: 100px;
	text-align: right;
}

form div label {
	display: block;
	width: 100%;
	min-width: 100px;
	text-align: left;
	font-size: 1em;
}

form div label.required span, form div.required,  form div label.required {
	font-weight: bold;
}

form div label.error span, form div.error {
	color: #DD0000;
}

div.error {
	text-align: left;
	border: 1px solid #DD0000;
	background-color: #FFDDDD;
	padding: 1em;
	width:auto;
}

form div label.required span.required, form div.required span.required, form div label.error span.error, form div.error span.error {
	position: absolute;
	overflow: hidden;
	clip: auto;
	width: 0px;
	height: 0px;	
}

form div label.error input, form div label.error select {
	background-color: #FFEFEF;
}

form div label.error input:focus, form div label.error select:focus {
	background-color: #FFDFDF;
}

form div input {
	border: 1px solid #C3C3C3;
	border-bottom-color: #7C7C7C;
	border-top-color: #DDDDDD;
	background-color: #D0D0D0;
	color: #000000;
	-moz-border-radius: .2em;
}

form div label input, form div label select, form div label textarea {
	display: block;
	width: 100%;
	font-size: 1em;
	margin-top: .2em;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDDDDD;
	padding: .3em;
	background-color: #FFFFFF;
	color: #111111;
	-moz-border-radius: 0em;
}

form div input:focus {
	border: 1px solid #A3A3A3;
	border-bottom-color: #5C5C5c;
	border-top-color: #BDBDBD;
	background-color: #B0B0B0;
}

form div label input:focus, form div label select:focus, form div label textarea:focus {
	border: 1px solid #A3A3A3;
	border-top-color: #5C5C5C;
	border-bottom-color: #BDBDBD;	
	background-color: #EFEFEF;
}

form div label select {
	padding: 0em;
}

form div label textarea {
	height: 10em;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

form fieldset {
	border: 1px solid gray;
	padding: 1.5em;
	margin-bottom: 1.5em;
}
form fieldset legend {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 1em;
}

form fieldset.checkbox {
	border: 0px;
	padding: 0px;
	padding-top: 1em;
}
form fieldset.checkbox legend {
	border: 0px;
	padding: 0px;
}

form fieldset.checkbox div {
	text-align: left;
	margin: 0px;
	margin-left: 3em;
	width: auto;
	margin-bottom: .5em;
}
form fieldset.checkbox div label {
	position: relative;
}
form fieldset.checkbox div label input {
	position: absolute;
	width: auto;
	left: -2em;
	top: -.2em;
	height: 1em;
	width: 1em;
	z-index: 999;
	border: 0em;
	margin: 0px;
}

form div.inline {
	text-align: left;
}

form div.inline label,  form div.inline label input, form div.inline label select {
	display: inline;
	width: auto;
}

form div.inline label input, form div.inline label select {
	margin-left: 1em;
}

/*
 *
 * START MULTIPLE FIELDS
 *
 */
 
form div.related_two, form div.related_three, form div.related_four {
	overflow: hidden;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

form div.related_two label, form div.related_three label, form div.related_four label {
	margin-left: 1%;
	float: left;
}

/*
 *
 * START COUPLET FIELDS
 *
 */

form div.related_two label {
	width: 49%;
}

/*
 *
 * END COUPLET FIELDS
 *
 */


/*
 *
 * START TRIPLET FIELDS
 *
 */

form div.related_three label {
	width: 32%;
}

/*
 *
 * END TRIPLET FIELDS
 *
 */

/*
 *
 * START QUADRUPLET FIELDS
 *
 */

form div.related_four label {
	width: 24%;
}

/*
 *
 * END QUADRUPLET FIELDS
 *
 */

/*
 *
 * START SIDE BY SIDE FORMS
 *
 */

form div.sidebyside label {
	overflow: hidden;
}

form div.sidebyside label {
	text-align: right;
	overflow: hidden;
}

form div.sidebyside label span {
	text-align: right;
	margin-right: 1%;
	padding-top: .5em;
}

form div.sidebyside label span, form div.sidebyside label input, form div.sidebyside label select {
	float: left;
	width: 49%;
}

/*
 *
 * END SIDE BY SIDE FORMS
 *
 */

/*
 *
 * END DEFAULT FORM STYLES
 *
 */