/* clear all borders and buffers
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th {margin:0; padding:0; }

/* Remove borders */
table {border-collapse:collapse; border-spacing:0; }
fieldset, img {border:0; }
abbr, acronym {border:0; }
label {border: 0 !important;}

/* Remove border around linked images */
img {border: 0;}

/* Reset font-size and -weight */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; }

/* Remove styling from all list items */
ol, ul {list-style:none; }

/* twitter
----------------------------------------------- */

#twitter_div {
width:125px; font-family: sans-serif; font-size: 14px; padding-top: 10px; padding-bottom: 5px; overflow:hidden;}

#twitter_div li {
padding: 0px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-bottom: solid black 1px;
overflow: hidden;
o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

#twitter-link {padding: 5px; font-size: 8px;}



/* full screen shiz
----------------------------------------------- */

body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('/imgz/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}


/* base
----------------------------------------------- */

body {
margin: 0;
padding: 0;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: #333;
/* background: #fff url("http://www.petenice.com/imgz/swallow_BG.gif") no-repeat center top; */
}

blockquote, h3, li {
padding-right: 10px;
padding-left: 10px;
font-size: 0.9em;
line-height: 1.6em;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1, h2, h3 {
font-weight: normal;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 1em;
font-style: italic;
}

hr {
margin: 2em auto;
width: 370px;
height: 1px;
color: #7a7e7d;
background-color: #7a7e7d;
border: none;
}

small, .small {
font-size: 0.9em;
}

.bodywrap {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: #333;
padding: 0px 10px 0px 10px;
font-size: 0.8em;
line-height: 1.6em;
}



/* links
----------------------------------------------- */

a {
text-decoration: none;
color: #000;
border-bottom: 1px #000 solid;
}

.noline {
border: 0px;
}

h1 a, h2 a, h3 a {
border: none;
}

h3 a {
font-family: Helvetica, Arial, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
text-transform: normal;
line-height: 1.2em;
/*font: 1.5em Georgia, Times, serif;*/
}

h3 a:hover {color:pink;}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

div.divider {
margin: 2em 0;
text-align: center;
}

/* layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
z-index: 1; 
margin: 10px auto;
padding: 10px;
width: 810px;
background-color: white;
}

#city {
z-index: 5; 
position: fixed;  
right: 0px; 
bottom: 0px; 
width: 100%; 
background: url("http://www.petenice.com/imgz/city_BG.png") repeat-x center bottom;
}

#cityLeft {
z-index: 10; 
position: fixed;  
left: 0px; 
bottom: 0px; 
}

#cityRight {
z-index: 10; 
position: fixed;  
right: 0px; 
bottom: 0px; 
}

#head {
height: 100px;
text-align: center;
}

#sidebar-1, #sidebar-2 {
border: none;
}

#sidebar-1 {
width: 130px;
padding-top: 200px;
padding-left: 20px;
float: left;
text-align: left;
}

#sidebar-2 {
width: 150px;
padding-top: 200px;
float: right;
}

#content {
margin: 0 155px;
padding-top: 30px;
border: solid #ccc 1px;
}

#foot {
margin-top: 5px;
font-size: 0.6em;
clear: both;
text-align: center;
}



/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

/* delicious
----------------------------------------------- */

.delicious-posts { width:146px; font-family: sans-serif; overflow:hidden;}
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 12px }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 16px }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #333; display: block; }
.delicious-post a { color: #333; max-width:146px; white-space: nowrap; overflow: hidden; o-text-overflow: ellipsis; text-overflow:  ellipsis;}



/* stylin stuff
----------------------------------------------- */

#niceBlurb {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: #333;
background:#B9DDB3;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 5px;
margin-top: 2px;
margin-bottom: 30px;
font-size: 14px;
line-height: 1.6em;
text-decoration: none;
}

.whodat b {
font-family: Helvetica, Arial, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
text-transform: normal;
line-height: 1.2em;
}

.whodat i {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

/* 

.simplepie {
line-height: 10.6em;
text-decoration: none;
}

*/