/* ================================ */
/* Robert Banh's Standard CSS File  
/* ================================ */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* 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;
}

/* --------------------------------------------------- MAIN */


/* ================================ */
/* TAGS
/* ================================ */
html {background:url(images/bckgrd.jpg);}
body {font-family:verdana, arial narrow, arial, sans-serif; color:#351b14; }

h2 {margin:20px 0 10px;}
h3 {font-size:14px; margin:15px 0; padding:10px 5px; border-bottom:1px dashed #351b14; }
a { cursor:pointer; text-decoration:none; color:#351b14;}
p {font-family:verdana; font-size:11px; line-height:16px;}

table { border:1px solid #ccc; border-collapse:collapse; padding:5px; }
th { background:#eff5fc; padding:5px; text-align:center; }
td { padding:5px; }

/* ================================ */
/* CLASS 
/* ================================ */
.clear { clear:both; }
.small { font-size: 10px; }
.odd { background:#F0F0F0; }
.red { color: #fdd; }
.green { color: #dfd; }

.highlight {padding:5px;background-color:#ffc;border:1px solid #fc6;color:#ad7800;}
.bhighlight {padding:5px;background-color:#DDEEFF;border:1px solid #0167FF;color:#336699;}
.rhighlight {padding:5px;background-color:#F9D9CA;border:1px solid #B3885E;color:#9C2512;}
.ghighlight {padding:5px;background-color:#EEFCE4;border:1px solid #B9F1AE;color:#148700;}

.dots {margin:20px 0; width:98%; border-top:1px dashed #351b14;}

/* ================================ */
/* index page 
/* ================================ */
#container {width:960px; margin:0 auto;}
#header {width:960px; margin-top:30px;}
#breadcrumb {margin:10px 5px; color:#351b14;}
#breadcrumb a {color:#351b14;}
#main {width:720px; float:left;}
#nav { width:701px; background:#351b14; padding:12px 0; font-family:"dutismo-1","dutismo-2", verdana, arial narrow;
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px;}
#nav ul { list-style-type:none; display:block; height:15px; font-family:"dutismo-1","dutismo-2", verdana, arial narrow; }
#nav ul li { display:block; float:left; margin-left:10px; }
#nav ul li a { font-size:11px; color:#6e6445; text-transform:uppercase; padding:10px; font-family:"dutismo-1","dutismo-2", verdana, arial narrow; }
#nav ul li a:hover { text-decoration:underline; color:#bab489;}
#nav ul li a.curr { color:#bab489;}
#sidebar {width:230px; float:left; margin-left:10px;}
#pagination {margin:10px 0; padding:20px; width:664px; background:#351b14; color:#6e6445; font-weight:bold;
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px;}
#pagination a {color:#6e6445; padding:5px;}
#pagination a:hover {background:#e9f0c2; color:#351b14;}
#pagination a.curr {color:#ccc;}
#footer {margin:10px;}
#footer p {color:#351b14; font-size:10px;}


.profileName {margin:10px 0; font-size:11px; line-height:16px; font-family:verdana, arial;}
.profileName span {font-size:14px; font-weight:bold; text-transform:uppercase; font-family:verdana, arial black;}

#search {float:left; margin-top:15px; padding:5px 2px; background:#6e6445;
	border-radius-topleft:7px; -moz-border-radius-topleft:7px; -webkit-border-radius-topleft:7px; -khtml-border-radius-topleft:7px;
	border-radius-bottomleft:7px; -moz-border-radius-bottomleft:7px; -webkit-border-radius-bottomleft:7px; -khtml-border-radius-bottomleft:7px;}
#search input {width:100px; height:16px; margin:0 10px 0 3px; border-style:none; border-width:0;
	 padding:5px 7px; vertical-align:top; background:#6e6445; color:#bab489;}
#searchbtn {float:right; width:74px; height:36px; margin-top:15px; padding-left:20px; background:#351b14; vertical-align:middle;
	border-radius-topright:7px; -moz-border-radius-topright:7px; -webkit-border-radius-topright:7px; -khtml-border-radius-topright:7px;
	border-radius-bottomright:7px; -moz-border-radius-bottomright:7px; -webkit-border-radius-bottomright:7px; -khtml-border-radius-bottomright:7px;}
#searchbtn input {display:block; padding:10px 0 7px; background:#351b14; color:#bab489; border:none; cursor:pointer;}

.box {float:left; width:224px; height:270px; margin-right:14px; position:relative;}
.ls {margin-top:10px; margin-right:10px; width:224px; height:230px; background:#e9f0c2; overflow:hidden;
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px;}
.twitter {background:#e9f0c2 url(images/twitter_pic.jpg) no-repeat 15px 15px; position:relative;}
.twitter div {position:absolute; bottom:7px; width:100%; height:14px; background:#351b14 url(images/twitter_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.twitter div a {color:#e9f0c2;}
.tweet {position:absolute; top:40%; padding:0 15px; color:#351b14; line-height:14px;}
.datecomment {color:#351b14; font-size:9px; margin:10px 3px;}
.brightkite img {position:relative; z-index:1;}
.brightkite div {position:absolute; z-index:2; bottom:37px; width:160px; height:14px; background:#351b14 url(images/brightkite_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.brightkite div a {color:#e9f0c2;}
.ffffound img {position:relative; z-index:1;}
.ffffound div {position:absolute; z-index:2; bottom:37px; width:160px; height:14px; background:#351b14 url(images/fff_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.ffffound div a {color:#e9f0c2;}
.delicious {background:#e9f0c2 url(images/delicious_bckgrd.png) no-repeat 165px 0; position:relative;}
.delicious div {position:absolute; z-index:2; bottom:8px; width:160px; height:14px; background:#351b14 url(images/delicious_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.delicious div a {color:#e9f0c2;}
.delicious p a {width:150px; position:absolute; top:40%; padding:0 15px; color:#351b14; line-height:14px; text-decoration:underline;}
.linkedin {position:relative;}
.linkedin div {position:absolute; z-index:2; bottom:8px; width:160px; height:14px; background:#351b14 url(images/linkedin_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.linkedin div a {color:#e9f0c2;}
.linkedin p a {position:absolute; top:5%; padding:0 15px; color:#351b14; line-height:14px; text-decoration:underline;}
.ffffound {background:#e9f0c2; position:relative;}
.ffffound div {position:absolute; z-index:2; bottom:8px; width:160px; height:14px; background:#351b14 url(images/ffffound_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.ffffound div a {color:#e9f0c2;}
.lastfm {background:#e9f0c2; position:relative;}
.lastfm div {position:absolute; z-index:2; bottom:8px; width:160px; height:14px; background:#351b14 url(images/lastfm_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.lastfm div a {color:#e9f0c2;}
.lastfm p a {width:150px; position:absolute; top:40%; padding:0 15px; color:#351b14; line-height:14px; text-decoration:underline;}
.flickr {background:#e9f0c2; position:relative;}
.flickr div {position:absolute; z-index:2; bottom:8px; width:160px; height:14px; background:#351b14 url(images/flickr_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.flickr div a {color:#e9f0c2;}
.tumblr {background:#e9f0c2; position:relative;}
.tumblr div {position:absolute; z-index:2; bottom:8px; width:160px; height:14px; background:#351b14 url(images/tumblr_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.tumblr div a {color:#e9f0c2;}
.tumblr p a {position:absolute; top:5%; padding:0 15px; color:#351b14; line-height:14px; text-decoration:underline;}
.vimeo {background:#2B1510 no-repeat 15px 15px; position:relative;}
.vimeo div {position:absolute; bottom:7px; width:100%; height:14px; background:#351b14 url(images/vimeo_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.vimeo div a {color:#e9f0c2;}
.video {padding:10px 6px;}
.sc {background:#e9f0c2 url(images/sc_pic.png) no-repeat 15px 15px; position:relative;}
.sc div {position:absolute; bottom:7px; width:100%; height:14px; background:#351b14 url(images/sc_icon.png) no-repeat 8px 4px; color:#e9f0c2; font-size:11px; font-weight:bold; padding:5px 32px;}
.sc div a {color:#e9f0c2;}

#contactForm {float:left; width:380px; margin-top:10px;}
#contactForm label {display:block; margin:10px 0 5px;}
#contactForm label span{color:#f00;}
#contactForm input[type=text], #contactForm textarea {width:300px; padding:5px; border:2px solid #ada674;}
#contactForm input[type=submit] {margin-top:10px; padding:5px 10px; cursor:pointer; background:#6e6445; color:#fff; border:1px solid #6e6445; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px;}
#contactInfo {float:left; margin-top:20px;}
#contactInfo p{padding:5px;}
#contactInfo p.name {padding:5px 5px 0; font-weight:bold;}
#contactInfo div.dots {margin:10px;}

#original_permalink a {text-decoration:underline;}
p.tags a {text-decoration:underline;}
ags a {text-decoration:underline;}
ags a {text-decoration:underline;}
nderline;}