/* ------------ RESET ------------ */
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: '';content: none;}
:focus {outline: 0}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------ BODY ------------ */

html, body{font-size: 100%;height: 100%;}
html {overflow-y: scroll;}
body{font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;background: transparent url(../images/bgGray.png) repeat;color: #838383;line-height: 1.4;font-size: 0.75em;text-shadow:rgba(0,0,0,0.1) 0 0 0;}
h1,h2,h3,strong{color: white;}
h1, h2, h3 {font-weight:normal;margin:0 0 20px 15px;}
h1{font-size: 1.4em;}
h2 {font-size:18px;}
h3{font-size: 1em;}
small{font-size: 0.95em;}
a:link{color: #BABABA;text-decoration: none;}
a:hover{color: #BABABA;text-decoration: none;}
a:visited{color: #BABABA;text-decoration: none;}
div.clear {clear:both;font-size:0px;line-height:0;height:0px;}
p{margin: 1em 0;}
#about p {margin-left:-20px;}
#contact p {margin-left:-20px;}

/** get rid of dotted line **/
div:active,div:focus,div:hover{outline-style: none;}
a:active,a:focus,a:hover{outline-style: none;}
/** get rid of dotted line **/

/* ------------ NAVIGATION ------------ */
#nav {background:transparent url(../images/top_banner.png) no-repeat scroll 0 0;height:55px;margin:0 0 0 -19px;padding-left:75px;}
#nav a {color:white;display:block;float:left;font-size:14px;font-weight:normal;height:40px;line-height:35px;padding:0 10px 0 0;text-decoration:none;text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);}
#nav li{display: block;float: left;height: 40px;padding-left: 10px;margin:-2px 10px 0;}
#nav li.current{background: url(../images/nav_left_end.png) 0 0 no-repeat !important;}
#nav li.current a{background: url(../images/nav_right.png) right 0 no-repeat !important;}
#nav li a span{padding:2px 0 2px 5px;margin-left: 2px;float: left;display: block;}
#nav li a:active span{position: relative;top: 1px;}
#nav li:hover{background: url(../images/nav_left_end.png) 0 -40px no-repeat;}
#nav li:hover a{background: url(../images/nav_right.png) right -40px no-repeat;}

/* ------------ HEADERS ------------ */
.head_title a:link{color: #BABABA;text-decoration: none;}
.head_title a:hover{color: #BABABA;text-decoration: none;border-bottom:1px dotted #999999;}
.head_title a:visited{color: #BABABA;text-decoration: none;}

/* ------------ BODY ------------ */
#mycard{height: 100%;}
span.amp {font-family:Baskerville,"Goudy Old Style","Book Antiqua","Palatino Linotype","Times New Roman",serif;font-size:1.2em;font-style:italic;font-weight:normal;position: relative;bottom: -.1em;}
.text_area{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:#454545 url(../images/box-gradient.jpg) repeat-x scroll center top;border-bottom:1px solid #666666;color:#BABABA;margin-bottom:10px;padding:10px;text-shadow:0 1px 0 #000000;}
.text_area p:first-child{margin-top: 0;}
.text_area p:last-child{margin-bottom: 0;}
.sect{font-style: italic;}
#card{width: 580px;margin: 0 auto;padding:1em 0 0;position: relative;z-index: 2;}
#head{background: url(../images/top_header.png) 0 0 repeat;padding-top: 18px;}
#head .content {background:#141414 none repeat scroll 0 0;min-height:120px;padding:10px 0 20px 20px;position:relative;}
#head h1{text-shadow:0 -1px 1px rgba(0,0,0,0.5);margin: 0;}
#head .my_picture {
background-color:#2B2B2B;
border:1px solid #000000;
height:140px;
margin:5px 35px 5px 0;
position:absolute;
right:0;
text-align:center;
top:-10px;
width:140px;
}
#head .my_picture div{position: relative;
}
#head .my_picture img{width: 120px;height: 120px;z-index: 1;position: absolute;top: 10px;left: 10px;	}
#head .my_picture em{position: absolute;z-index: 0;width: 120px;height: 120px;top: 10px;left: 10px;opacity: 0;	-moz-opacity:0;display: block;background: url(../images/me_color.png) center center no-repeat;
}
#head .head_title {
    font-size: 14px;
    line-height: 22px;
    margin-top: 0.25em;
    padding: 10px 0 0 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    width: 360px;
}
#content{background-color:#141414;border-top: 0;}
#main_content {padding:0 0 0 10px;}

/* ------------ ABOUT ------------ */
#about .text_area {height:150px;padding-left:40px;width:510px;}

/* ------------ NETWORKS ------------ */
#networks .text_area {height:220px;padding-left:40px;width:510px;}
.networks ul {}
.networks ul li {border-bottom:1px solid #000000;border-top:1px solid #999999;float:left;margin-right:30px;width:220px;}
.networks ul li a {display:block;padding:11px 0;}
.networks ul li a span.link-icon {display:block;float:left;width:35px;}
.networks ul li a span.link-icon img {display:block;margin:0;padding:0;}
.networks ul li a span.link span.link_name {-x-system-font:none;display:block;font-family:helvetica,arial,sans-serif;font-size:1.09em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:15px;text-transform:uppercase;}
.networks ul li a span.link span.link_link {color:#858585;display:block;font-size:0.91em;line-height:15px;}
.networks ul li a:hover span.link span.link_name {color:#a39471;}
.networks ul li a:hover span.link span.link_link {color:#F5F5F5;}
.networks ul li.first {border-top:medium none;}
.networks ul li.last {border-bottom:medium none;}
.networks ul li a img { -webkit-transition-duration: .33s; -webkit-transition-property: color, opacity, scale; }
.networks ul li a:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

/* ------------ CONTACT ------------ */
#contact .text_area {height:200px;padding-left:40px;width:510px;}
#contact .text_area{text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
#contact h3{padding: 10px 10px;margin: 0;font-size: 0.9em;font-family: Helvetica Neue, Arial;text-transform: uppercase;border-bottom: 1px solid #1a1a1a;background: #222;}
#contact li div{padding: 3px 10px;	border-bottom: 1px solid #1a1a1a;position: relative;}
#contact li div div{padding: 0;border: 0;}
#contact li div a{display: block;}
#contact li div strong{display: block;width: 20px;text-indent: -9000px;float: left;margin-right: 7px;height: 20px;opacity: 0.3;-moz-opacity:0.3;overflow: hidden;}

/* ------------ FOOTER ------------ */
#thanks_to {color:#999999;font-size:12px;font-style:italic;padding:15px 0;text-align:center;text-shadow:0 1px 0 #FFFFFF;}
#thanks_to:hover a{color: #333;}
#thanks_to a{color: #777777;}
#bottom_banner {background-image:url(../images/bottom_banner.png);height:55px;margin:0 0 0 19px;padding-right:0;width:579px;}
.footerText {color:#ffffff;float:left;margin:29px 0 0 210px;padding-right:0;font-size:11px;}
.footerTextother {color:#454545;}
#footer{background-image:url(../images/bottom_footer.png);height: 28px;	padding: 0 10px;color: #666;text-shadow:0 -1px 1px rgba(0,0,0,0.5);text-decoration: none;	font-size: 0.85em;line-height: 26px;text-align: center;}

.post-info {
background-image:url(../images/goldBG.png);
background-repeat:repeat-x;
float:left;
min-width:100px;
padding:5px 20px 0;
position:relative;
z-index:2;
color:white;
display:block;
font-size:14px;
font-weight:normal;
height:40px;
line-height:26px;
text-decoration:none;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}

.post-info-wrap {
clear:both;
float:left;
margin-bottom:15px;
margin-left:-27px;
position:relative;
z-index:2;
}

.feed_area {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#454545 url(../images/box-gradient.jpg) repeat-x scroll center top;
border-bottom:1px solid #666666;
color:#BABABA;
float:right;
margin:-60px 20px 0 140px;
min-height:35px;
padding:35px 10px 10px;
text-shadow:0 1px 0 #000000;
width:400px;
position:relative;
z-index:1;
}

.feed_area a{
color:#BABABA;
display:block;
text-decoration:none
}

.feed_area a:hover{
color:#a39471;
}

.time {
color:#FFFFFF;
float:left;
font-size:16px;
margin:-27px 0 0 35px;
}

div.icon_area {
float:right;
margin:-45px 450px 0 0;
position:relative;
z-index:3;
}

div.lifestream {
padding:10px 0
}

div.container {
margin:0 auto;
padding:1em 0 0;
position:relative;
width:580px;
background-color:#141414;
z-index:2;
height:900px;
}

.source a {
color:#FFFFFF;
float:right;
padding:10px 30px;
text-decoration:none;
text-shadow:0 1px 0 #000000;
}

.source a:hover{
color:#666666;
}

.home-title-image {
float:left;
}

/* ------------ SITE PARTS ------------ */
.vcard .country-name{display: block;}
.vcard .org{font-weight: bold;color: white;}
.vcard a.url:visited:after{font-size: 12px;color:#555;}
body{-webkit-perspective: 600;}
#card .backface{display: none;}
#mycard_wrapper{-webkit-transition:-webkit-transform 1.2s;-webkit-transform:rotateY(0deg);-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#card{position: relative;}
#card .backface{display: none;}}
#card{position: relative;}
#mycard_wrapper.flipped{-webkit-transition: -webkit-transform 1.2s;-webkit-transform: rotateY(180deg);	
}
#mycard_wrapper #head{-webkit-backface-visibility: hidden;}
#card{position: relative;}
#card .backface{position: absolute;top: 2em;width: 100%;-webkit-transform: rotateY(180deg);-webkit-backface-visibility: hidden;-webkit-border-radius:6px;border: 1px solid rgba(0,0,0,0.25);-webkit-background-size: 100% 100%;background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#202020)) no-repeat;-webkit-box-shadow: 0 -10px 120px rgba(0,0,0,0.2);}
#card .backface>.content{border-top: 1px solid rgba(255,255,255,0.15);border-left: 1px solid rgba(255,255,255,0.05);border-right: 1px solid rgba(255,255,255,0.05);-webkit-border-radius:5px;height: 400px;}