/*
Theme Name: Damian Voltes
Theme URI: http://damianvoltes.com/
Author: Guido Kritz para SocialSnack
Author URI: http://socialsnack.com/
*/

body {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#fff url('images/pageBg.jpg') repeat-x;
	color: #687b84;
	margin:0;
}

a { text-decoration:none; color:#0a5dc0; }
a:hover { text-decoration:underline; }

img { border:0; }

ul,li,img,h1,h2,h3,h4,h5 { margin:0; padding:0; }

#page {
	margin:0 auto;
	position:relative;
	width:960px;
}

#header {
	background:url(images/headBg.png) 0px 0px;
	height:259px;
}

#navBar {
	color:#274755;
	float:left;
	font-size:11px;
	line-height:11px;
	list-style:none;
	margin:0;
	padding:0;
}
#navBar li a { color:#fff; }
#navBar li a { text-decoration:none; }
#navBar li { float:left; margin:2px 0 0 0; padding:6px 12px;}
#navBar li.selected {
	background:#2b79d8 url(images/navBarHighlight.jpg) repeat-x;
	margin:2px 6px 0;
	padding:6px 17px;
}

#hand {
	background:url(images/headHand.png) -41px 0;
	height:64px;
	left:447px;
	position:absolute;
	top:185px;
	width:30px;
}

#langBar {
	color:#fff;
	float:right;
	font-size:11px;
	line-height:13px;
	list-style:none;
	margin:0;
	padding:0;
}
#langBar a { color:#fff; }
#langBar a:hover { text-decoration:none; }
#langBar .over .en {
	background-position:-22px top;
}
#langBar .name { float:left; margin:7px 6px 0 0; }
#langBar .enEN { background:url(images/langEn.jpg) right top no-repeat; }
#langBar .esES { background:url(images/langEs.jpg) right top no-repeat; }
#langBar .enEN,
#langBar .esES {
	float:right;
	height:16px;
	margin:6px 0 0 0;
	padding:0 30px 0 0;
}

.leftSide { float:left; width:576px; }
.rightSide { float:right; width:360px; }

#header h1 { margin:26px 0 0 5px; }
#header h3 { font-size:18px; font-weight:normal; }

#twitterBox {
	margin:20px 0 0 0px;
	padding:30px 16px 16px 64px;
	position:relative;
	width:360px;
	height:49px;
}
#twitterBox .text {
	color:#556f7b;
	font-size:13px;
	font-style:italic;
	line-height:19px;
}
#twitterBox .followMe {
	color:#003b83;
	font-style:normal;
}
#twitterBox .followMe a { color:#003b83; }
#twitterBox .right { width:120px; margin:0 2px 0 0; }
#twitterText img { vertical-align:middle; }

.emailPost  { padding:20px 0 !important; display:none; }
.emailPost.messages { text-align:center; }
.emailPost.messages img { vertical-align:middle; }
.contactForm { margin-top:20px; }
.contactForm .error,
.emailPost .error { display:none; color:#f00; }
.contactForm .error td { padding-bottom:10px; }
.emailPost .textInput,
#suscribeBox .textInput {
	background:#fff url(images/emailIcon.jpg) 162px 4px no-repeat;
	border:1px solid #ccdbe2;
	color:#687b84;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:11px;
	line-height:13px;
	margin:0 0 0 7px!important;
	padding:4px 26px 4px 5px;
	width:154px;
}
.emailPost .textInput { background:#fff; }
.emailPost .btInput {
	background:#eee;
	border:1px solid #ccdbe2;
	color:#687b84;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:12px;
	line-height:13px;
	margin:0 0 0 7px;
	padding:4px 0;
	width:187px;
}
#suscribeBox {
	margin:51px 0 0 0;
	padding:9px 17px 9px 9px;
	height:103px;
	position:relative;
	width:334px;
}
#suscribeBox .icon {
left:9px;
position:absolute;
top:9px;
}
#suscribeBox .form {
	margin:11px 0 11px 76px;
}
#suscribeBox .form * {margin:0}
#suscribeBox .clear {
border-top:1px solid #B7C6D9;
margin:0 0 0 7px;
overflow:hidden;
padding:6px 0 0 10px;
}
#suscribeBox .clear ul { list-style:none;overflow:hidden; }
#suscribeBox .clear li {
display:block;
float:left;
margin:0;
}
#suscribeBox .clear li.first {background:url(images/suscribeBoxSplitter.jpg) right 3px no-repeat; padding:0 13px 0 0; }
#suscribeBox .clear li.middle { background:url(images/suscribeBoxSplitter.jpg) right 3px no-repeat; padding:0 13px 0 6px; }
#suscribeBox .clear li.last { padding:0 0 0 6px; }
#suscribeBox .clear li img { vertical-align:middle; padding:0 3px; }
#suscribeBox .clear a {
display:block;
line-height:18px;
padding:2px 28px 2px 0;
}
#suscribeBox .rss { background:url(images/suscribeBoxRss.jpg) right top no-repeat; }
#suscribeBox .facebook { background:url(images/suscribeBoxFacebook.jpg) right top no-repeat; }
#suscribeBox .twitter { background:url(images/suscribeBoxTwitter.jpg) right top no-repeat; }

#content {
	float:left;
	width:576px;
	margin-top:-30px;
}
#content.home,#content.page {}

#sidebar {
	float:right;
	margin-top:-30px;
	width:360px;
}

#sidebar ul { list-style:none; padding:0; margin:0; }
#sidebar li {
	border:1px solid #d4d2d2;
	margin:0 0 10px 0;
	padding:0;
}
#sidebar li ul {
	overflow:hidden;
	padding:14px;
	margin:0;
}
#sidebar li li {
	background:url(images/sidebarBullet.jpg) 5px 6px no-repeat;
	border:0;
	font-size:13px;
	padding:0 0 0 22px;
	margin:0 0 5px 0;
}
#sidebar li li a {
	color:#687b84;
}
#sidebar h4 {
	background:#003a81 url(images/boxHeadBg.jpg) repeat-x;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	padding:7px 12px 9px 12px;
	margin:0;
}
#sidebar h5 {
	margin:0;
	padding:0;
}
#sidebar p {
	line-height:16px;
	margin:0 0 6px 0;
	padding:0;
}
#sidebar .about {
	background:#fafafa url(images/boxHighlightsBg.jpg) left bottom repeat-x !important;
}
#sidebar .about a { color:#0a5dc0 !important; }

#sidebar .aboutOptions {
	border-top:1px solid #8c9da4;
	padding-top:10px;
	margin:10px 0 0 0 !important;
}
#sidebar .aboutOptions a.bio { background:url(images/bioIcon.jpg) left 2px no-repeat; padding-left:20px; }
#sidebar .aboutOptions a.contact { background:url(images/emailIcon.jpg) left 3px no-repeat; padding-left:25px; }
#sidebar .aboutOptions a { }
#sidebar .more {
	border-top:1px solid #e4e8ea;
	padding-top:10px;
	margin:-4px 14px 13px 34px !important;
}
#sidebar .more a { color:#274755; font-weight:bold; }
#sidebar .sideContent {
	padding:14px;
	background:#fafafa;
}
#sidebar .sideContent.social { background:#fffff4; }
#sidebar .sideContent.social.dopplr h5 { margin-bottom:9px; }
#sidebar .sideContent.social.vimeo .right img {width:160px;}
#sidebar .search {
	border-left:0;
	border-right:0;
	color:#274755;
	font-size:12px;
	margin:10px 0;
	padding:10px 0 7px;
}
#sidebar .search img { vertical-align:middle; }
#sidebar .searchInput {
	border:1px solid #e4e8ea;
	background:#fafafa;
	color:#274755;
	font-family:Helveitca,Arial,sans-serif;
	font-size:13px;
	height:16px;
	margin:0 0 0 10px;
	width:233px;
	padding:4px;
}
#sidebar .about ul { margin:0; padding:0; }
#sidebar .about ul li { background:url(images/sideBarAboutMeBullet.jpg) 1px 3px no-repeat; font-size:13px; } 
#sidebar .blogroll { padding-bottom:14px; }
#sidebar .blogroll li { width:142px; float:left; }

#side-tabs div { clear:both; }
#side-tabs .last { border-right:0 !important; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0 !important; margin:0 !important;overflow:hidden; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; padding:0 !important; margin:0 !important; background:none !important; border-right:1px solid #e5e6e7 !important; }
.ui-tabs .ui-tabs-nav li h4 { font-size:14px !important; color:#003a81 !important; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;  }
.ui-tabs .ui-tabs-nav li h4 { background:none !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom:1px solid #97bbd5 !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected h4 { background:#003a81 url(images/boxHeadBg.jpg) repeat-x !important; color:#fff !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
#side-highlight,
#side-most-read,
#side-most-comments { border-top:1px solid #e5e6e7 !important; }
.left { float:left !important; }
.right { float:right !important;position:relative; }
.clear { clear:both !important; }

.archive {
	border-top:1px solid #e4e8ea;
	font-size:13px;
	margin:30px 0 0 0;
	padding:16px 0;
}
.archiveHolder {overflow:hidden;}
.archiveHolder ul li { list-style:none; margin-top:5px; padding-bottom:5px; border-bottom:1px solid #e4e8ea;overflow:hidden; }
.archiveHolder li ul { float:left; width:516px; margin:-18px 0 0 60px;overflow:hidden!important; }
.archiveHolder li ul li { float:left; width:25%; margin-top:0; padding-bottom:0; border-bottom:0; }
/*
div.archiveHolder {
  position: relative;
  overflow: auto;
}
.archiveHolder ul {
  display: block;
  width: 1500px;
  margin:6px 0;
  list-style: none;
}
.archiveHolder li {
  display: block;
  float: left;
  padding: 0 10px 0 0;
}
.archiveHolder a {
  display: block;
  text-decoration: none;
}
.archiveHolder span {
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
*/


.highlights .posts {
	list-style:none;
	margin:0;
	padding:14px;
}
.highlights .posts li {
	font-size:12px !important;
	margin:0 0 6px 0;
	padding:0;
}

.navigation { font-size:13px; text-align:center; margin-top:30px; }
.navigation .alignleft { float:left; width:160px; }
.navigation .alignright { float:right; width:416px; text-align:right; }

#respond .head,
#comments {
	font-size:20px;
	margin:10px 0 20px 0 !important;
	border-top:1px solid #e4e8ea;
	padding:16px 0 0 0;
}
.commentlist { list-style:none; margin:0 0 26px 0; padding:0; }
.commentlist li { background:url(images/commentsListBg.jpg) 98px top repeat-y; margin-bottom:10px; }
.commentlist .gravatar { float:left; width:69px; height:69px; background:url(images/commentsListArrow.jpg) right 26px no-repeat; padding:0 30px 0 0; }
.commentlist .gravatar img { border:1px solid #ccdbe2; }
.commentlist .text {
	border-bottom:1px solid #ccdbe2;
	border-right:1px solid #ccdbe2;
	font-size:13px;
	float:right;
	padding:0 20px 14px;
	width:436px;
}
.commentlist .data {
	background:#fafafa;
	border-right:1px solid #ccdbe2;
	border-top:1px solid #ccdbe2;
	float:right;
	font-size:13px;
	padding:16px 20px 0;
	width:436px;
}
.commentlist .data a { color:#274755; }
.commentlist .text { font-size:13px; background:#fafafa; }
.commentlist .data .date { font-size:12px; }
.commentlist .data .author { font-size:13px; font-style:normal; }
.commentlist .data .author a { color:#003b83; font-weight:bold; font-size:16px; }
.commentlist ul { list-style:none;}
.commentlist .nestedComment { background:#fefefe; border:1px solid #ccdbe2; padding:10px 20px 0 10px; }
.commentlist .nestedComment .gravatar { float:left; width:48px; padding:0 10px 10px 0; background:none;}
.commentlist .nestedComment .text { float:right;  background:none; padding:0 0 14px 0; margin:0; border:0; }
.commentlist .nestedComment cite { float:right; font-size:12px; line-height:14px; }
.commentlist .nestedComment.level2 { margin-left:114px !important; }
.commentlist .nestedComment.level2 .text, .commentlist .nestedComment.level2 cite { width:370px;  }
.commentlist .nestedComment.level3 { margin-left:134px !important; }
.commentlist .nestedComment.level3 .text, .commentlist .nestedComment.level3 cite { width:350px;  }
.commentlist .nestedComment.level4 { margin-left:154px !important; }
.commentlist .nestedComment.level4 .text, .commentlist .nestedComment.level4 cite { width:330px;  }
.commentlist .nestedComment.level5 { margin-left:174px !important; }
.commentlist .nestedComment.level5 .text, .commentlist .nestedComment.level5 cite { width:310px;  }
.commentlist ul .data,
.commentlist ul .text { width:415px; }
#respond .left { width:359px; }
#respond .right { width:207px; }
#respond .right p { margin:0 0 10px 0!important; }
#respond .right p.FBConnectMsg { }
#respond .right #fbc_login { padding-bottom:10px !important; border-bottom:1px dotted #e4e8ea; margin:0 0 10px 0 !important; }
#respond .body, #respond .left, #respond .right {
	font-size:13px;
}
#respond  .left td.label {	width:80px; }
#respond  .left td.field {	width:235px; }
}
.contactForm { padding:20px 0 40px 0; }
.contactForm td,
#sendPostEmail td,
#respond td { vertical-align:top; padding:2px 5px; }
.contactForm .textInput,
#sendPostEmail .textInput,
#respond .textInput {
	border:1px solid #e4e8ea;
	background:#fafafa;
	color:#274755;
	font-family:Helveitca,Arial,sans-serif;
	font-size:13px;
	height:16px;
	width:243px;
	padding:4px;
}
.contactForm .areaInput,
#sendPostEmail .areaInput,
#respond .areaInput {
	border:1px solid #e4e8ea;
	background:#fafafa;
	color:#274755;
	font-family:Helveitca,Arial,sans-serif;
	font-size:13px;
	width:243px;
	padding:4px;
}
.contactForm .btInput,
#respond .btInput {
	background:#eee;
	border:1px solid #ccdbe2;
	color:#687b84;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:12px;
	line-height:13px;
	margin:-4px 0 0;
	padding:4px 0;
	width:253px;
}


#footer-container { 
	border-top:1px solid #b7c7ca;
	clear: both;
	padding: 30px 0;
	margin:70px 0 0 0;
	text-align:center;
}
	
#footer { 
	width: 500px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
}
#footer a { color:#687b84; }
#footer .iconos { text-align:left; }
#footer .iconos img { margin:0 10px 0 0; }
#footer .creditos { margin:8px 0 0 0; }

#footer .copyright { margin:7px 0 0 10px; }
#footer .logos img { margin-right:6px; }
#footer {
	font-size:13px;
	line-height:16px;
}
#footer p {
	text-align: center;
	padding-top: 40px;
}
#footerform {
	width: 350px;
	float: left;
	padding:0px;
}

#footerform h2 { 
	font-size: 18px;
	font-weight:normal;
	margin: 6px 0px 20px;
	padding: 0px;
}

/*.cform label { display:block !important; width:100% !important; text-align:left !important; }*/
#navycreditos { 
	width: 577px;
	float: right;
	text-align: right;
}

#navycreditos .footernav {
	text-align: right;
	border-bottom: 1px dotted #fafafa;
	font-size:14px;
	margin-bottom: 12px;
	padding-bottom:11px;
	border-bottom: 1px dotted #e4e8ea;
}

#navycreditos .footernav ul { 
	padding: 10px 0px;
}

#navycreditos .footernav ul li { 
	list-style-type: none;
	display: inline;
	padding: 0px 5px;
}


#navycreditos .direccion {
	font-size:13px;
	text-align: left;
	margin:0 0 12px 0;
	padding:0 0 13px 0;
	border-bottom: 1px dotted #e4e8ea;
}

#navycreditos .direccion ul { 
	list-style:none;
	padding: 0px;
}
.contactWays {
	border-bottom:1px solid #e4e8ea;
	border-top:1px solid #e4e8ea;
	margin:20px 0 0px;
	padding:10px 0;
}
.contactWays ul { list-style:none; }
.contactWays li { 
	float: left; 
	line-height:16px;
	margin:0;
	padding:10px 15px 3px 31px;
}
#navycreditos .direccion ul li { 
	float: right; 
	line-height:16px;
	margin:0;
	padding:10px 30px 3px 40px; 
}
.contactWays .address,
#navycreditos .direccion ul li.address { 
	padding-top:3px; 
	background: url(images/footerHouse.png) no-repeat 7px center;
}
.contactWays .phone,
#navycreditos .direccion ul li.telefono { 
	border-right: 1px dotted #e4e8ea; 
	border-left: 1px dotted #e4e8ea; 
	background: url(images/footerPhone.png) no-repeat 12px 12px;
}
.contactWays .email,
#navycreditos .direccion ul li.email { 
	padding-right:0;
	background: url(images/footerEmail.png) no-repeat 15px 12px; 
}

#navycreditos .iconos {
margin: 6px 0 5px 25px;	
width: 120px;
float: right;
}

#navycreditos .iconos img {
	padding: 0 7px 0 0; 
}

#navycreditos .iconos img a:link {
		border: 0; 
}


#navycreditos .creditos {
float: right;
padding: 15px 0px;
}
	
/*
#footer {
	border-top:1px solid #93a3aa;
	padding:10px 0;
	margin:60px 0 0 0;
	font-size:13px;
}
#footerContent { width:960px; margin:0 auto; }
#footerContent a { color:#56b; }
*/

.subscribe-to-comments { padding:0 !important; margin:0 !important; }

#error404 { width:600px; margin:30px auto; }
#error404 .title {
	border-bottom:1px solid #e1e6e7;
	border-top:1px solid #e1e6e7;
	color:#0a5dc0;
	font-family:"Times New Roman",Times,serif;
	font-size:30px;
	font-weight:bold;
	line-height:30px;
	margin:0 0 30px 0;
	padding:50px 0;
}
#error404 ul { list-style:none; margin:30px 0; padding:0; }
#error404 li { display:inline; padding:0 20px 0 0; margin:0; }
#error404 li.last { padding:0; }

ul.searchResults { list-style:none; }
.searchResults li { padding:0 0 20px 0; }

.bioPic { float:left; width:181px; }
.bio.entry { float:right; width:350px; padding-bottom:10px; }

#sendPostEmail {
	display:none;
}

#fotobook-album.video p { margin:4px 10px; }

.grey { color:#ccc; }

.videoMain { font-size:14px; float:left; }

#ie {margin:-30px 0 60px;}
#ie .title {color:#c00;font-size:15px;font-weight:700;letter-spacing:-1px;margin:0;}
#ie .title span {display:block;padding:10px 0 10px 17px!important;position:relative;}
#ie .title span span {background:url(images/boxHeadHighlightsRight.jpg);height:38px;padding:0!important;position:absolute;right:0;top:0;width:11px;}
#ie .content {background:#FAFAFA url(images/boxHighlightsBg.jpg) repeat-x bottom;
border:1px solid #D2D2D2;margin:1px 0 0;padding:10px;}
.featured-box {
background:#f9f9f9;
border:1px solid #eee;
float:left;
margin-bottom:10px!important;
margin-right:10px;
min-height:321px;
padding:6px!important;
width:159px;
}
.featured-box.last {
margin-right:0;
}
.featured-box img {
border:1px solid #ccdbe2;
height:auto;
width:100%;
}
