* {margin:0;padding:0;border:0;list-style:none;outline:none;font-size:1em;text-decoration:none;}
a{color:#666;text-decoration:underline;}
a:hover,a:focus{color:#333;}
a:active{color:#000;}
h2{height:40px;font:20px/40px Helvetica Neue, Helvetica, Arial, sans-serif;color:#000;padding:0 25px;background:url(../i/navigation.png) no-repeat 50% 0;clear:both;}
del{text-decoration:line-through;text-shadow:none;color:#ccc;}
ins{color:#333;}

body { 
background: url(../i/bg/patt_4b82a28eace52.jpg);
padding-top: 0px;
font: 11px/16px "Lucida Grande", Verdana, sans-serif;
color:#2e2e2e;
text-shadow: #fff 0 1px 0;
-webkit-text-size-adjust: none;
}

#xpr{width:490px;margin: 0 auto;position:relative;}
#xh{background:url(../i/header.png) no-repeat 50% bottom;height:85px;padding:35px 35px 0;position:relative;}
#xhl{position:absolute;top:1px;left:20px;font-size:9px;text-shadow:none;color:#ccc;}
#xhl a{color:#ccc;}
#xhs{position:absolute;top:1px;right:20px;font-size:9px;width:100px;height:16px;text-align:right;z-index:100;}
.xtw,.xyt,.xff{background:url(../i/social.png) no-repeat;height:16px;width:16px;position:absolute;}
.xyt{background-position:-39px -74px;right:20px;cursor:hand;}
.xff{background-position:-39px -37px;right:40px;cursor:hand;}
.xtw{background-position:-39px 0px;right:0px;cursor:hand;}
#xht{margin-left:80px;margin-top:-20px;}
#xhtl{position:absolute;width:100px;height:100px;margin-top:-63px;margin-left:-105px;cursor:hand;}
#xhtm{position:relative;margin-left:90px;padding-top:8px;}
#xhtm input {}
#xhtm input.submit {font-size: 9pt;}

.xfb{position:relative;float:right;margin-right:0px;margin-top:-60px;}
#xfblike{position:absolute;right:10px;margin-top:-60px;text-align:right;width:100px;}


#xright{
position:absolute;
right:-180px;
top:20px;
width:180px;
background: #111;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
}

.xhtm-b {
background-color: #c0c0c0;
border: #ccc 1px solid;
font-size: 9px;
height:20px;
color: #000
} 

.xhtm-i {
background-color: #fbfbfb;
border: #ccc 1px solid;
font-size: 14px;
height:18px;
font-weight:bold;
color: #ccc;
} 

h1{font:24px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;padding-top:18px;padding-left:10px;}
#xttl{color:#888;padding-left:10px;line-height:20px;text-shadow:#eee 0 1px 0;}

#xnav{height:30px;padding:5px 35px;background:url(../i/navigation.png) no-repeat 50% 0;line-height:28px;font-weight:bold;}
#xnav li{float:left;}
#xnav li a{text-decoration:none;float:left;padding-right:10px;margin-right:5px;background:url(../i/navigation-li-a.png) no-repeat right 30px;cursor: pointer;}
#xnav li a span{float:left;padding:1px 0 1px 10px;background:url(../i/navigation-li.png) no-repeat 0 30px;}
#xnav li a:hover,
#xnav li a:focus{background-position:right 0;text-shadow:#ddd 0 1px 0;}
#xnav li a:hover span,
#xnav li a:focus span{background-position:0 0;}
#xnav li a:active{background-position:right -30px;text-shadow:#eee 0 1px 0;}
#xnav li a:active span{background-position:0 -30px;padding:2px 0 0 10px;}

.about #navigation li#nav-about a,
.networks #navigation li#nav-networks a,
.contact #navigation li#nav-contact a {
	background-position: right -60px;
	color: #fff;
	text-shadow: #666 0 1px 2px;
	cursor: default;
}

.about #navigation li#nav-about a span,
.networks #navigation li#nav-networks a span,
.contact #navigation li#nav-contact a span {
	background-position: 0 -60px;
}





#cnt{padding:0 20px;background:url(../i/content.png) repeat-y 50% 0;overflow:hidden;}


#xft{padding:0 20px 20px;text-align:center;line-height:30px;background:url(../i/xft.png) no-repeat 50% 0;color: #888;text-shadow:#ddd 0 1px 0;text-transform:uppercase;font-size:9px;font-weight:bold;}


#contact {
	width: 450px;
	float: left;
	background: url(../i/about-li.png) repeat-x 0 bottom;
	position: relative;
}

#contact h3 {
	height: 51px;
	padding: 10px 0 0 25px;
	font-weight: normal; 
	background: url(../i/about-h3.png) repeat-x 0 0;
	color: #666;
}

#contact h3 strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

#contact-personal,
#contact-work {
	width: 224px;
	float: left;
	padding-bottom: 10px;
}

#contact-work {
	padding-left: 2px; 
	background: url(../i/contact.png) repeat-y 0 0;
}

#contact li ul {
	padding-top: 5px;
}

#contact li li {
	padding: 5px 0 0 15px;
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}

#contact li.disclaimer {
	clear: both;
	padding: 12px 0 11px;
	text-align: center;
	font: italic 11px/18px "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	background: url(../i/about-h3.png) repeat-x 0 -59px;
}

#contact li li a {
	display: block;
	padding-left: 23px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}

#contact li li.fn,
#contact li li.photo,
#contact li li span.type {
	display: none;
}


/* @end */

/* @group about */

#about {
	width: 450px;
}

#about li#about-personal { 
	background: url(../i/about-li.png) repeat-x 0 bottom;
	padding-bottom: 10px;
}

#about li p,
#about li li {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}

#about li li {
	padding: 5px 20px 0 65px;
}

#about li p#i {
	width: 40px;
	float: left;
	padding: 5px 10px 0 15px;
	text-align: right;
}

#about h3 {
	height: 60px;
	font-weight: normal; 
	background: url(../i/about-h3.png) repeat-x 0 0;
}

#about li#about-personal h3 {
	height: 61px;
	margin-bottom: 5px;
}

#about h3 a {
	display: block;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}

#about h3 a:hover,
#about h3 a:focus {
	background: rgba(164, 173, 183, .15);
}

#about h3 a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#about h3 a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}

#about h3 a:hover img {
	margin-left: 10px;
}

#about h3 a strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

#about h3 a small {
	margin-top: 10px;
	float: right;
	line-height: 20px;
	padding: 0 25px 1px 30px;
	background: url(../i/about-h3-small.png) no-repeat 0 0;
	color: #fff; 
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #bbb 0 1px 0;
}



#networks {
	background: url(../i/networks.png) repeat 0 0;
	width: 450px;
	float: left;
}

#networks li {
	width: 225px;
	height: 60px;
	float: left;
}

#networks li a {
	display: block;
	width: 225px;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}

#networks li a:hover,
#networks li a:focus {
	background: rgba(164, 173, 183, .15);
}

#networks li a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#networks li a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}

#networks li a:hover img {
	margin-left: 10px;
}

#networks li a strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

















#xev{width:450px;float:left;}

#xev li {
width:225px;
height:160px;
float:left;
background:url(../i/networks.png) no-repeat;
background-position:bottom left;
}



#xev li div a {
	display: block;
	width: 225px;
	height: 45px;
	padding: 8px 8px 5px;
	text-decoration: none;
font-size:9px;
	-webkit-transition: background-color 0.25s linear;

}

#xev li div a:hover,
#xev li div a:focus {
	background: rgba(164, 173, 183, .15);
}

#xev li div a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#xev li div a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}

#xev li div a:hover img {
	margin-left: 10px;
}

#xev li div a strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}







/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(i/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://xpromo.lv/i/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://xpromo.lv/i/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(http://xpromo.lv/i/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}






.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px;
	background: #fff;
	border: 0px solid #ddd;
}

.imgteaser a .desc {

	display: block;
	font-size: 1.2em;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: -28px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 450px;
	border-top: 1px solid #999;
	text-shadow: #000 0 1px 0;

 }

.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 450px;
	border-top: 1px solid #999;
}
.imgteaser a .desc strong, .imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 0px;
	font-size:1.5em;
	text-shadow: #000 0 1px 0;
}



.xttl {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top:10px;
	padding-left:10px;
}

.xttld {
	color: #000;
	display: block;
	padding-top:1px;
	padding-left:10px;
}

#xnfo1{font-size:9px;}
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(i/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; text-shadow:none;}
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.xnfo{font-size:9px;}
.xsl{height:101px;margin:5px;margin-left:7px;}
.t {background-color:#fff;border:1px solid #ddd;padding:2px !important; margin-right:2px;}
.tfb {background-color:#fff;border:1px solid #ddd;padding-right:2px;padding-top:2px;padding-left:2px;margin-right:2px;width:35px;height:37px;}
.xgallery {margin:2px;padding:1px;}
.xcomment, .xvideo, .xphoto {height:30px;width:25px;background:url(http://xpromo.lv/i/social.png) no-repeat;margin-top:-30px;}
.xcomment{background-position:0px -259px;float:right;margin-right:15px;}
.xvideo{background-position:0px -294px;float:right;margin-right:55px;margin-right:10px!;}
.xphoto{background-position:0px -222px;float:right;margin-right:20px;}
.xphoto-c, .xvideo-c{width:25px;padding-top:20px;font-size:9px;text-align:center;}


#xflogo{width:435px;height:50px;background:url(http://xpromo.lv/i/friends.png) no-repeat;}
#sd{float:left;width:90px;height:50px;cursor:hand;}
#rl{float:left;margin-left:8px;width:100px;height:50px;cursor:hand;}
#nano{float:left;margin-left:12px;width:105px;height:50px;cursor:hand;}
#bc{float:right;width:105px;height:50px;cursor:hand;}

#nthumb{width:40px;height:40px;float:left;margin:10px;border:1px solid #fff;}

#fbshare{float:right;padding-top:10px;padding-right:20px;width:400px;}
#fbsh{position:relative;float:right;margin-top:-54px;margin-right:4px;height:20px;}
#twsh{position:absolute;right:5px;float:right;margin-top:-25px;height:20px;}
#top-comment-nav, #comment-nav {list-style:none;width:100%;margin: 0 0 1em 0;padding:0;text-align:center;}
#top-comment-nav li, #comment-nav li {display:inline;padding:0;}
.comment-header {margin-left:10px;margin-right:10px;}
.comment-content {display: block;background:#e9e9e9;border:1px solid #fff;padding:10px;margin-left:10px;margin-right:10px;margin-bottom:15px;}
.comment-content  p{font-size: 130%;}
.comment-icon{width:40px;height:40px;float:left;}
.comment-info{margin-left:50px;top:2px;height:45px;line-height: 1.8em;}
.comments-open-content{margin:10px;}
#comments-open-data{font-size: 160%;}
#comment-form-remember-me,#comment-greeting{font-size:9px;}
#comments-open-footer{font-size: 160%;}
.vcard, .vcard a {font-size:130%;font-weight: bold;text-decoration: none;}
.published {font-size:9px;}






/* comments */

#disqus_thread{margin:5px;}
.dsq-widget-item{background:#eee;padding:3px;}
.dsq-widget-avatar{background-color:#fff;border:1px solid #ddd;padding:2px !important; margin-right:2px;}
.dsq-widget-comment{}
.dsq-widget-user{padding-left:2px;}
.dsq-subscribe-email{font-size:9px;}







#facebox .b {
  background:url(../i/facebox/b.png);
}

#facebox .tl {
  background:url(../i/facebox/tl.png);
}

#facebox .tr {
  background:url(../i/facebox/tr.png);
}

#facebox .bl {
  background:url(../i/facebox/bl.png);
}

#facebox .br {
  background:url(../i/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 9998;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



.mbox{margin:4px;height:66px;width:442px;font-size:12px;background:#e2e2e2;}
.mbox-t{margin-left:75px;font-size:15px;padding-top:3px;}
.mbox-mp{padding-top:5px;font-size:3px;}