/*
Theme Name: Underground
Theme URI: http://www.dectown.com/
Description: Underground theme created with a touch of urban art and the feel of underground movement.
Version: 1.0
Author: Elie Herrera
Author URI: http://www.eliements.com/
Tags: black, custom header, fixed width, two columns, widgets
*/

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* -------------------------------------------------------------- 
   Typografia
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

/* -------------------------------------------------------------- 
   Search Form
-------------------------------------------------------------- */
#search { 
	background: transparent url(images/search-bg.png) no-repeat scroll left top;
	float: right;
	height: 24px;
	margin: -5px 35px 0 0;
	padding: 4px 0;
	position: relative;
	width: 207px;
}
#search input.text {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #666;
	font-size: 11px;
	margin: 0 4px 0 8px;
	width: 168px;
}
#search input.submit-button {
	position: absolute;
	right: 8px;
	top: 3px;
}

/* -------------------------------------------------------------- 
   Contenido
-------------------------------------------------------------- */
HTML, BODY {
	color:#666666;
	background-color:#000000;
	background-image:url(images/dirty-wall.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0;
	padding:0;
}


object { outline:none; }

* {
	font-family:Arial;
}

DFN {
	display:none;
}

IMG {
    border:0;
}

.clear {
	clear:both;
}

#raster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	background: url('images/raster.png');
}

#image_holder { 
	display: none;
	line-height: 0px;
	position: fixed;
	overflow: hidden;
	z-index: -2;
}

#main_image { 
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden; 
}

.quote, blockquote {font-style: normal; display: block; padding: 0 1em 0 10px; margin-top: 1em; margin-left: 3em; background: url("images/quotes.gif") no-repeat -17px -96px; border-left-color: 1px solid #adbe5f; text-indent: 20px; color: #EEE}

#mainOuterWrap {
	width:930px;
	position:absolute;
	left:50%;
	margin-left:-465px;
}


#header {
	width:930px;
	height:240px;
}

#social {
	float: right;
	height: 30px;
	margin: -5px 35px 0 0;
	padding: 4px 0;
	position: relative;
}

#social .twt {
	color: #ccc;
}

	#social .twt a {
		background:url('images/twitter.gif') no-repeat scroll right top transparent;
		padding-right:32px;
		text-decoration: none;
		color: #ccc;
	}

	#social .twt a:hover {
		text-decoration: none;
		color: #04acea;
	}

#contentTop {
	width:930px;
	height:8px;
	background-image:url(images/content_top.gif);
}
#contentBottom {
	width:930px;
	height:8px;
	background-image:url(images/content_bottom.gif);
}
#contentOuterWrap {
	background-color: #1B1B1B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contentWrap {
	width:930px;
}

#leftCol {
	width:135px;
	padding-left:15px;
	margin-right:30px;
	float:left;
}
#content {
	width:735px;
	float:left;
	padding-top:25px;
	margin-bottom:60px;
}
    
#footerTop {
	margin-top:15px;
	width:930px;
	height:8px;
	background-image:url(images/footer_top.gif);
}
#footerBottom {
	width:930px;
	height:8px;
	background-image:url(images/footer_bottom.gif);
	clear:both;
}

#footerWrap {
	width:930px;
	position:relative;
}
    #friendsPanel {
        position:absolute;
        left:0;
        top:-10px;
        background-image:url(images/friends_panel.gif);
        width:712px;
        height:336px;
        display:none;
    }
    #friendsPanelClose {
        position:absolute;
        width:22px;
        height:22px;
        top:0;
        left:0;
    }
    #friendsPanelContent {
        position:absolute;
        top:20px;
        left:20px;
        width:660px;
        height:286px;
        overflow:auto;
        padding:10px;
    }
    

#footer {
	padding: 15px;
}

    #footer .footerRightCol {
        width:182px;
        float:right;
        margin-right:15px;
    }
    #footer DIV.nlInput {
        width:147px;
        height:24px;
        background-image:url(images/nl_input.gif);
        background-repeat:no-repeat;
        padding-top:3px;
        padding-left:4px;
        float:left;
    }
    #footer INPUT.nlInput {
        width:142px;
        height:20px;
        font-size:12px;
        border:0;
        color:#000;
        background-color:#dcdcdc;
    }
    #footer DIV.nlSubmit {
        float:left;
        margin-left:2px;
    }
    #footer .footerRightCol P {
        font-size:11px;
        margin:0;
        padding:0;
        color:#e6e6e6;
        margin-top:3px;
        margin-left:2px;
    }
    #footer .rss {
        margin-top:5px;
    }
    #footer .rssText {
	float:left;
    }
    #footer .rssIcon {
        float:right;
    }
    
     #footer .friendsButton {
        margin-top:5px;
    }
    #footer .friendsButtonText {
	float:left;
    }
    #footer .friendsButtonIcon {
        padding-top:10px;
        float:right;
    }

#footerOuterWrap {
    margin:10px 0;
	background-color: #1B1B1B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#footer_container {
	margin-left: auto;
	margin-right: auto;
	padding: 15px 15px 0;
	width: 900px;
	background-color:#1b1b1b;
}
#footer .wide {
	margin-right: 10px;
	width: 200px;
}
#footer .last {
	float: right;
	margin-right: 0;
	width: 300px;
}

#footer .footer_column {
	float: left;
	margin-right: 10px;
	width: 180px;
}
#footer .footer_column h5 {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 10px;
}
#footer .footer_column p {
	color: #d7e7ec;
}
#footer .footer_column ul { list-style-type: none; }
#footer .footer_column li a {
	color: #d7e7ec;
	display: block;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
#footer .footer_column li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#abbinder {
    padding-left:15px;
    margin-bottom:30px;
}
.abbinderLogo {
    float:left;
    margin-right:30px;
}

.abbinderText, .abbinderText * {
    margin:0;
    padding:0;
    color:#666;
    font-size:11px;
    text-decoration:none;
}
.abbinderText {
	float:left;
	padding-top:15px;
}
.abbinderText h4, h4 a { 
	color: #939393;
	font-size: 12px;
	margin: 0 0 1px;
	text-decoration: none;
}
.abbinderText h4 a:hover { 
	text-decoration: underline;
}
.abbinderText p { 
	font-size: 11px;
	margin: 0;
}
.splinelab {
    float:right;
}

#mainMenu * {
	margin:0;
	padding:0;
	color:#009BDC;
	font-size:20px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}
#mainMenu *.active,
#mainMenu *.active * {
	color:#FFEB00;
}

#mainMenu .mainMenuSubItems .active,
#mainMenu .mainMenuSubItems *.active,
#mainMenu .mainMenuSubItems .active *,
#mainMenu .mainMenuSubItems *.active * {
	color:#FFFBD9;
}
#mainMenu .mainMenuSubItems,
#mainMenu .mainMenuSubItems * {
	color:#FFEB00;
	font-size:14px;
	padding: 3px 0px 3px 3px;
	line-height:14px;
}

#mainMenu .homelink {
	margin-top:25px;
	margin-bottom:3px;
	color: #F10090;
}

.footerMenuColumn {
    width:150px;
    float:left;
}
.footerMenuColumn, .footerMenuColumn * {
	margin:0 10px;
	padding:0;
}

.footerMenuColumnNext {
    width:210px;
    float:left;
}
.footerMenuColumnNext, .footerMenuColumnNext * {
	margin:0 10px 0 0;
	padding:0;
}

.footerMenuBox {
	width:150px;
	margin: 0 15px auto;
}

.footerMenuBox H5 {
    color:#999;
    font-size:14px;
    font-weight:normal;
}
.footerMenuBox P {
    /* margin-bottom:5px; */
}
.footerMenuBox A {
    text-decoration:none;
    font-size:11px;
    color:#e6e6e6;
}
.footerMenuBox ul li {
	list-style-type: none;
}
.footerMenuBox ul li p {
	color:#666;
	font-size: 10px;
}

.footerMenuBoxNext {
	width:210px;
	margin: 0 0 15px 0;
}

.footerMenuBoxNext H5 {
    color:#999;
    font-size:14px;
    font-weight:normal;
}
.footerMenuBoxNext P {
    /* margin-bottom:5px; */
}
.footerMenuBoxNext A {
    text-decoration:none;
    font-size:11px;
    color:#e6e6e6;
}
.footerMenuBoxNext ul {
	list-style-position: outside;
}
.footerMenuBoxNext ul li {
	list-style-type: none;
}
.footerMenuBoxNext ul li p {
	color:#666;
	font-size: 10px;
}
.footerMenuBoxNext li a { 
	background: transparent url(images/footer_can.gif) no-repeat scroll 0 9px;
	display: block;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
.footerMenuBoxNext li a:hover { 
	text-decoration: underline;
}

.blog { }
	.blog h1 a {
	  color: #fff;
	}
	.blog a img {
	  border: none;
	}
    .blog ol {
      margin-left: 0;
    }
    .blog li {
      list-style: none;
      padding-bottom: 10px;
      line-height: 1.25em;
    }
    .blog .posted-at {
      display: block;
      color: #927c66;
      font-size: 9px;
    }
    .contact img {
      padding-right: 20px;
    }
  .contact-method li {
    list-style: none;
    padding: 0 0 5px 24px;
  }
  
#mainMenu .newmenuitem {
    width:20px;
    height:15px;
    background-image:url(images/new.gif);
    position:relative;
    top:-28px;
    left:120px;
}

/* -------------------------------------------------------------- 
   Comments
-------------------------------------------------------------- */

#comments { padding:0; overflow:hidden; clear:both; font-size:1.1em; color:#888; }
#comment-breaker { color:#999; display:block;margin:0;padding:12px 0; }
#comment-breaker h2 { font:1.2em arial,helvetica; }
#comment-breaker span { font-size: 20px; font-weight: bold;color:#ccc; }
ol.commentslist {
	float: left;
	line-height: 1.4em;
	width: 670px;
	margin:10px 0 10px 10px;
}
.commentslist li { margin-bottom: 30px; list-style-type: none; }
.commentslist li p { margin: 0 0 1em 0; }
.commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
.commentslist li ul, .commentslist li ol { margin: .5em 0; }
.commentslist .meta { padding: 4px 0; float: left; font-size: 10px; }
.commentslist .meta a { color: #333; font-weight:bold;text-decoration: none !important; }
.commentslist .meta a:hover { color: #666;text-decoration: none !important; }
.commentslist li.author .comment_text { color: #d2e3fe; } /* Author stands out from others */
li.author .comment_text p { margin:5px; line-height:1.4em; }
.commentslist .comment_text { float: left; width: 620px; margin-left: 10px;overflow: auto; }
.comment_text  { margin-bottom:10px; border-bottom:1px solid #151515;  }
.comment_text small { font-family: arial;color:#333;padding:0;}
li.author .comment_text .comment-author { margin:0 4px; padding: 0; }
.commentslist .comment_text a { font-weight: bold;color:#bbb; border-bottom:1px solid #222; }
.commentslist .comment_text a:hover { color: #eee; }	
.cnts { float: right;font:1em arial; color: #222;margin-right: 10px; }
.avatar { width:25px;height:25px; margin: 0;padding: 0; }

.date-comments {
	border-bottom: 1px solid #cacaca;
	color: #999;
	height: 30px;
	line-height: 25px;
	margin-bottom: 10px;
	margin: 0 0 10px;
}
.date-comments a {
	color: #999;
}
.date-comments p {
	line-height: 25px;
	padding: 0 0 10px;
}
.fl { float: left; }
.fr { float: right; }
.lasts { border-bottom: 1px dashed #333; }

/* -------------------------------------------------------------- 
   Comments Form
-------------------------------------------------------------- */
#commentform { font-size:10px; }
#commentform p { margin: 1em 0; }
#commentform input#author,#commentform input#email,#commentform input#url { color:#ddd;font:normal 12px arial;background:#111; border:1px solid #222; padding:6px; width:200px; }

#commentform #comment { width:490px;font:1.2em arial;background:#111; border:1px solid #222;color:#eee; padding:6px;}
#commentform #submit { background: #09F; color: #e4f6ba; padding: 4px 0; width: 6em; border: none;font:bold 12px arial; }
.comment-warning strong { color: #fb8627; font-weight: bold; }
.subscribe-to-comments { font-size: 10px; color: #333; }
.form-float { float:left;width:500px;margin:5px 0; }

/* -------------------------------------------------------------- 
   Gallery
-------------------------------------------------------------- */
#pageContent {
	padding: 11px 0 11px 11px;
	width: 690px;
	margin-bottom: 30px;
}
	#pageContent .entry {
		width: 219px;
		height: 193px;
		float: left;
		margin: 0 11px 11px 0;
		/* margin: 11px -1px 0px 12px; */
	}
	#pageContent .entry {
		position: relative;
	}
	#pageContent .entry .new {
		position: absolute;
	  	display: block;
		top: -6px;
		right: 10px;
		width: 42px;
		height: 22px;
		background: url("images/ico-new-trans.png") no-repeat top left;
		z-index: 2
	}
	#pageContent .entry a img {
		display: block;
		overflow: hidden;
		position: relative;
		width: 219px;
	}

	#pageContent .item-description {
		display:block;
		margin:0px;
		padding:0;
		width:219px;
		overflow:hidden;
	}

	#pageContent .item-title {
		height:28px;
		overflow:hidden;
		position:relative;
		margin:0px 0 0 0;
		padding:0;
		float:right;
		text-align: right;
	}
	
	#pageContent .item-title h2 {
		font: bold 12px verdana, Arial, sans-serif;
		text-shadow:none;
		border:0;
		margin:5px 0 0 0px;
		padding:0;
	}

	#pageContent .item-rating { display:block; float:right; margin:0px 7px 0px 0; }
	#pageContent .rattext {
		padding-right:5px;
		text-align:right;
		float:left;
		color:#5e5e5e;
		letter-spacing:-1px;
		font: 8px Verdana,Arial,sans-serif;
	}
	#pageContent .ratstar { float:left; margin:2px 0px 0px 0px; }

	#pageContent .entryInfo {
		background: url(images/entry_info_bg.png);
		width: 270px;
		height: 30px;
		margin-top: -30px;
		position: absolute;
		visibility: hidden;
	}
	#pageContent .entryInfo span {
		display: block;
		float: left;
		margin: 6px 0 0 10px;
	}
	#pageContent .entryInfo span a {
		color: #aaa;
		font-weight: bold;
	}
	#pageContent .entryInfo span a:hover {
		color: #fff;
	}
	#pageContent .entryInfo .post-ratings {
		float: right;
		margin: 5px 10px 0 0;
	}
	
	#pageContent .thumb-title { background:#f4f4f4; bottom:0; right:0; width:219px; display:block; position:absolute; padding:4px 5px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
	#pageContent .thumb-title:hover { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; }
	#pageContent .thumb-title h2, .thumb-title h2 a { font-size:12px; color:#333; display:block; text-decoration: none; line-height: 1.2em; }
	#pageContent .thumb small a { color:#666;font-weight: normal;  }

#pageContent .controls {
	background: url(images/menu_bg.png) 0 100% no-repeat !ie;
	width: 271px;
	height: 158px;
	position: absolute;
	color: #666;
	text-indent: -9999px;
	text-indent: 0 !ie;
	display: block;
	z-index: 1;
}
#pageContent .controls:hover {
	background: url(images/menu_bg.png) 0 100% no-repeat;
	text-indent: 0;
}
#pageContent .controls div {
	width: 93%;
	margin: 130px auto 0 auto;
	font-size: 10px;
	text-transform: uppercase;
}
#pageContent .controls span {
display: block;
width: 120px;
height: 12px;
margin: 0;
padding: 0;
float: left;
}
#pageContent .controls a {
	background: transparent;
	background: url(..images/icon_website.gif) 0 50% no-repeat !ie;
	display: block;
	float: right;
	color: #666;
	padding-left: 15px;
	margin-left: 10px;
}
#pageContent .controls a:hover,
.controls:hover a {
	background: url(..images/icon_website.gif) 0 50% no-repeat;
}
#pageContent .controls a.zoomLink {
	background: transparent;
	background: url(..images/icon_zoom.gif) 0 50% no-repeat !ie;
}
#pageContent .controls a.zoomLink:hover,
#pageContent .controls:hover a.zoomLink {
	background: url(..images/icon_zoom.gif) 0 50% no-repeat;
}
#pageContent .controls:hover a {
	color: #aaa;
}
#pageContent .controls a:hover {
	color: #fff;
}
/* Page Navigation ====================================== */

#pagenavi { 
	width: 600px;
	height: 35px;
	padding: 10px 40px 0 40px;
}

#pageNav {
width: 690px;
height: 35px;
clear: both;
position: relative;
stop: 582px;
top: 3px;
margin: 0;
}
#pageNav #prevLink,
#pageNav span {
display: block;
float: left;
}
#pageNav #prevLink a {
background: url(images/prev-post.gif) no-repeat;
width: 89px;
height: 35px;
display: block;
}
#pageNav span {
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	margin-left: 220px;
	margin-top: 3px;
}
#pageNav #nextLink a {
	background: url(images/next-post.gif) no-repeat;
	width: 60px;
	height: 35px;
	display: block;
	float: right;
	margin-right: 10px;
}
.disabled {
opacity: 0.5;
-moz-opacity: 0.5;
cursor: default;
}
.enabled {
opacity: 1.0;
-moz-opacity: 1.0;
cursor: pointer;
}

/* -------------------------------------------------------------- 
   Notifications
-------------------------------------------------------------- */
.notification {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width: 99.8%;
}
                

.attention {
	background: #fffbcc url('images/exclamation.png') 10px 11px no-repeat;
	border-color: #e6db55;
	color: #666452;
}

.information {
	background: #dbe3ff url('images/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}

.success {
	background: #d5ffce url('images/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}

.question {
	background: #d5ffce url('images/question.png');
	border-color: #9adf8f;
	color: #556652;
}

.error {
	background: #ffcece url('images/cross_circle.png');
	border-color: #df8f8f;
	color: #D00000;
}

.notification div {
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
}

.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
}

/* -------------------------------------------------------------- 
   Cover Thumbnails Gallery
-------------------------------------------------------------- */
.thumb { font:1em helvetica,arial; background:#222; display:block; width:250px; height:170px; margin:20px 0 10px 13px; position:relative; -webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; }
.thumb p { margin:2px 0; color:#666; line-height:1.2; }
.thumb p a {color:#555; font-weight: normal; }

.thumb-comment { position: absolute; top:-2px; right:0;  background:#0e0e0e url(images/opa2.png); opacity:.8; }
.thumb-comment a { font:bold 10px helvetica,arial; color: #aaa !important; display: block; line-height: 1.8em; width: 2.6em; text-decoration: none; text-align: center;  }
.thumb SPAN { background: url(images/tape.png) no-repeat; width: 60px; height: 20px;display: block; position: absolute; z-index: 1; left: 60px; top: -10px;}

/* -------------------------------------------------------------- 
   Twitter
-------------------------------------------------------------- */

#twitter_update_list li {
	background: url(images/twitt.png) no-repeat top left;
	padding:0px 5px 5px 35px;
	margin-bottom: 10px;
	display: block;
	border-bottom:1px dashed #333;
}

#twitter_update_list ul {
	padding:0;
	margin:0;
	list-style: none; !important
}

#twitter_update_list a {
	margin:0;
	padding:0;
	background:none;
	border:0;
	white-space:nowrap;
}

#twitter_update_list a.view-twitter {
	font-size:.8em;
	margin-left:5px;
}

#twitter_update_list a:hover {
	text-decoration:underline;
	color:#282828;
	text-shadow:none;
}

#twitter_update_list li {list-style:none}

/* -------------------------------------------------------------- 
   Slider
-------------------------------------------------------------- */

#slideshow {
	-moz-border-radius:10px 10px 10px 10px;
	background:url("images/loading.gif") no-repeat scroll 50% 50% #000;
	min-height:196px;
	width: 720px;
	position:relative;
}
#slideshow img {
	display:none;
	left:0;
	position:absolute;
	top:0;
}
#slideshow {
	border:0 none;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-15px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}