/*
Theme Name: DirectoryPress
Theme URI: http://wordpress.org.mx/
Description: A powerful directory theme by Mark Fail.
Version: 1.5
Author: Mark Fail
Author URI: http://wordpress.org.mx/
Tags: blue, custom header, fixed width, two columns, widgets

	DirectoryPress v1.5
	wordpress.org.mx

	This theme was designed and built by Mark Fail,
	whose blog you will find at markfail.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0; outline: 0; }

a { color: #af4667; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left !important; display: inline; }
.fr { float: right !important; display: inline; }
.ac { display: block; text-align: center; }
.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }
.clear { clear: both } 
.tip { font-size:11px; }
.tiptitle { font-size:14px; font-weight:bold; color:#666666;}
.inputbox { font-size:14px; height:25px; margin:10px; border:2px solid #cccccc; }
#LogoArea  { height:135px; }
#AddItemBtn { float:right; height:50px; margin-top:3px; margin-right:15px; }
/*
LISTS
*/

.name, .price, .location, .date, .image { float: left; display: block;}
.image { margin-right:20px; }
.image img { border: solid 5px #ffffff; background: #ffffff; }
.item { width: 320px; padding-left: 75px; padding-right: 10px; float: left; display: block; }
.description { padding-left: 25px; width: 300px; float: left; }

.image { width: 50px; text-align: center; }
.list, .list-spon { height:200px;}
.ItemTitle { height:30px;   font-size:18px; }
.list div a, .list-spon div a { text-decoration: none;  }
.list div.no, .list-spon div.no { height:60px; }
.list div.alt, .list-spon div.alt{   height:60px; }
.list div a:hover, .list-spon div a:hover { color: #000000; }
.list div.no, .list div.alt, .list-spon div.no,.list-spon div.alt { padding: 7px 0 7px 0; }
.main_page_img { display: block;float: left;width: 50px;height: 50px;border: 5px #FFF solid;margin-left: 8px; }
.main_page_no_img { width: 50px; margin-left: 8px; }

.itemRating, .itemRating_featured { float:left; width:400px; height:45px; margin-top:5px; }
.itemDesc { float:left; text-align:right; width:230px;}
.ratingblock { margin-left:10px;}
.ratingstars { float:left; width:130px;}
.ratingtext { float:left; font-size:16px; }

#gdsr_mur_block_1_4, .gdmultitable, .ratingmulti { border:0px; padding:0px;}
.urbangreymenu{width: 150px;}
.urbangreymenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; }
.urbangreymenu ul li{padding-bottom: 2px;}
.urbangreymenu ul li a{font: normal 12px Arial;color: black; display: block;padding: 5px 0;line-height: 17px;padding-left: 8px; text-decoration: none;}

 
/*
	General Button
*/

.g-button, .g-button span { float: left; display: inline; height: 32px; padding-left: 11px; background: url(images/g-button.gif) no-repeat 0 0; font: bold 12px/32px Verdana; color: #fff; }
.g-button span { background-position: right 0; padding-left: 0; padding-right: 11px; }

.g-button:hover, .g-button:hover span { background-position: 0 -32px; text-decoration: none; }
.g-button:hover span { background-position: right -32px;  }

.g-button:active, .g-button:active span { background-position: 0 -64px; text-decoration: none; }
.g-button:active span { background-position: right -64px; }

/***************************************/

#shadow-wrapper { width: 1028px; margin: 0 auto; height: 306px; }

/*
	Header
*/

#header { height: 58px; width: 100%;  position: relative; }
 
/*
	Navigation
*/

#navigation {   display: inline; min-width: 380px; max-width: 480px; }
#navigation ul { list-style: none outside; padding: 5px 13px 0 0;  }
#navigation li { float: left; display: inline; margin-left: 10px; height: 33px; margin-top:5px;  }
#navigation li a, 
#navigation li a span { float: left; display: inline; height: 34px;  padding-left: 10px; font: bold 16px/34px Arial; color: #c16a88; }
#navigation li a span { background-position: right 0; padding-left: 0; padding-right: 10px; }

#navigation li a:hover,
#navigation li a:hover span { text-decoration: none; }

#navigation li a.active,
#navigation li a:active,
#navigation li a.active span,
#navigation li a:active span { background-position: 0 -34px;  }
#navigation li a.active span,
#navigation li a:active span { background-position: right -34px; }
 
/*
	Content
*/

#content { height: 100%; padding: 10px; }

/*
	Sidebar
*/

#sidebar { float: left; display: inline; width: 231px; }

/*
	Search
*/

#search { height: 34px; width: 231px; margin-bottom: 10px; }
#search .field { float: left; display: inline; font-size: 12px; font-family: Verdana;  margin: 10px 0 0 11px; width: 175px; border: 0; background: none; }
#search .btn { float: right; display: inline; height: 32px; width: 32px; border: 0; cursor: pointer; margin: 1px 1px 0 0; }
#search .btn:hover { background-position: 0 -32px; }
#search .btn:active { background-position: 0 -64px; }

/*
	Sidebar Box
*/
#sidebar li {	list-style-type: none;}
#sidebar .box {  height: 100%; margin-bottom: 10px; width: 231px; }
#sidebar .box .top {  padding-bottom: 5px; height: 100%; }
#sidebar .box h2 { font: bold 16px/36px Arial; color: #fff; padding: 0 11px; }
#sidebar .box ul { list-style: none outside; }
#sidebar .box li { padding: 0 10px;  height: 100%; position: relative; }
#sidebar .box li.last { background: none; }
#sidebar .box li a { line-height: 31px; }
#sidebar .box li a:hover {  text-decoration: none; }
#sidebar .box li span { position: absolute; top: 8px; left: 10px; display: block; height: 16px; width: 16px;  margin: 3px 9px 3px 0; }
#sidebar .box .category a { display: block; width: 190px; line-height: 31px; padding-left: 20px; }
#sidebar .box .category a:hover { }
#sidebar .box .category .sub {  }

/*
	Advertisement
*/

.advertisement { padding: 10px; padding-bottom: 3px; }
.advertisement a img { display: block; background: #2e2e2d; padding: 4px; border: 1px solid #3a3939; margin-bottom: 10px; }
.advertisement a:hover img { display: block; background: #2e2e2d; padding: 4px; border: 1px solid #838383; margin-bottom: 10px; }
.advertisement small { font: 10px Verdana; color: #5e5f5f; display: block; margin-top: -4px; }
.advertisement small a { color: #949494; }
.advertisement small a:hover { color: #cfcfcf; }

/*
	Social
*/

.social { padding: 5px 0px 0px 13px; }
.social .fl { margin-right: 14px; }
.social a { display: block; float: left; margin: 7px 0px; padding-right: 13px;}
.social a.free { margin-bottom: 0 !important; }

/*
	Widecolumn
*/

#widecolumn { float: left; display: inline; width: 699px; height: 100%; margin-right:10px; }
#widecolumn .wrapper { padding: 20px; }

/*
	Page Header
*/

#widecolumn .page-header { height: 36px; padding: 0 11px; }
#widecolumn .page-header h2 { font: bold 16px/36px Arial; color: #cecdcd; }
#widecolumn .page-header h2 span { font: 14px/36px Arial; color: #777677; }

/*
	Content Slider
*/

#content-slider { width: 653px; height: 329px; background: #30302f; padding: 2px; border: 1px solid #3a3939; margin-bottom: 20px; }
#content-slider .navigation { margin-top: 3px; height: 36px; background: #1e1e1e; padding-left: 12px; }
#content-slider .navigation .pages {  float:right; display: inline; margin-top: 2px;  width: 633px;}
#content-slider .navigation .pages a { float: right; display: inline; height: 32px; width: 33px; background: url(images/slider-nav.gif) no-repeat 0 0; margin-right: 2px; }

#content-slider .navigation  h2 {  float:left;  margin-top:-38px; }

#sn-2 { background-position: -35px 0 !important; }
#sn-3 { background-position: -70px 0 !important; }
#sn-4 { background-position: -105px 0 !important; }
#sn-5 { background-position: -140px 0 !important; }

#sn-1:hover { background-position: 0 -32px !important; }
#sn-2:hover { background-position: -35px -32px !important; }
#sn-3:hover { background-position: -70px -32px !important;  }
#sn-4:hover { background-position: -105px -32px !important; }
#sn-5:hover { background-position: -140px -32px !important; }

#sn-1:active, #sn-1.active { background-position: 0 -64px !important; }
#sn-2:active, #sn-2.active { background-position: -35px -64px !important; }
#sn-3:active, #sn-3.active { background-position: -70px -64px !important; }
#sn-4:active, #sn-4.active { background-position: -105px -64px !important; }
#sn-5:active, #sn-5.active { background-position: -140px -64px !important; }

 
/*
	Column 
*/

.column { width: 319px; }
.column .box { margin-bottom: 20px; height: 231px; overflow: hidden; position: relative; }
.column .last-box { margin-bottom: 0; }
.column .box .head {  height: 34px; }
.column .box .head img { margin: 1px 1px 0 0; }
.column h2 { font: bold 16px/34px Arial; color: #839c36; padding-left: 12px; }
.column .cnt-blog { padding: 20px; padding-bottom: 5px; }
.column .post h3 a { font: bold 14px/14px Arial; color: #cecdcd; }
.column .post h3 a { font: bold 14px/14px Arial; color: #cecdcd; }
.column .post .more {font-weight: bold; color: #af4667; } 
.column .post small a { color: #af4768; } 
.column .post small strong { font-weight: normal; color: #cecdcd;} 
.column .post .entry { padding-top: 15px; } 
.column .post .entry p { padding-bottom: 15px; } 
.column .post .postmetadata { position: absolute; bottom: 0; left: 0; width: 301px; height: 28px; line-height: 28px; background: #161616; padding: 0 10px; color: #cecdcd; } 
.column .post .postmetadata a { color: #af4768; } 
.column .cnt-about { padding: 0 20px; }
.column .cnt-flickr { padding: 12px 3px 12px 13px; }
.column .cnt-flickr li {list-style-type: none; }
.column .cnt-flickr a { margin-bottom: 10px; margin-right: 10px; float: left; }
.column .cnt-flickr a.last { margin-bottom: 0; }
.column .cnt-flickr a.fl { margin-right: 10px; }
.column .cnt-flickr a img { display: block; background: #2e2e2d; padding: 4px; border: 1px solid #373737; width: 81px; height: 72px; }
.column .cnt-flickr a:hover img { border: 1px solid #7f7e7f;  }
.column .cnt-portfolio { padding: 20px; }
.column .cnt-portfolio ul { list-style: none outside; padding-bottom: 20px;  }
.column .cnt-portfolio ul li { padding-left: 21px; padding-bottom: 2px; height: 20px; }

/*
	About
*/

#about p { padding-bottom: 20px; }
#about .wrapper { padding-bottom: 0; }

 

/*
	Blog
*/

#blog .post { margin-bottom: 20px; }
#blog .postimage { float: left; display: inline; width: 190px; }
#blog .postimage a img { padding: 4px; border: 1px solid #373737; }
#blog .postimage a:hover img { border: 1px solid #7f7e7f; }
#blog .post-text { float: right; display: inline; width: 450px;   height:233px; overflow: hidden; position: relative; }

#blog .post-text .header,
#blog .post-text-wide .header { height: 34px; background: #161616; }

#blog .post-text .header h2,
#blog .post-text-wide .header h3 { font: bold 16px/34px Arial, sans-serif; color: #839c36; padding-left: 13px; }

#blog .header img { margin: 1px 1px 0 8px; }
#blog .header span { line-height: 34px; }
#blog .header span strong { font-weight: normal; color: #cecdcd; }
#blog .wide-post, #comments { height: 100%; }

#blog .post .entry { padding: 20px; }
#blog .post .entry h2 a { font: bold 14px Arial, sans-serif; color: #cecdcd; }
#blog .post .entry small { display: block; margin: 5px 0 15px 0; font: 11px Arial, sans-serif; color: #626363; }
#blog .post .entry small span { color: #cecdcd; }
#blog .post .entry small a { color: #af4668; }
#blog .post .entry p { padding-bottom: 15px; }
#blog .post .entry .more { color: #; }
#blog .postmetadata { position: absolute; bottom: 0; left: 0; height: 28px; width: 440px; background: #161616; line-height: 28px; padding: 0 10px 0 0  !important; }
#blog .postmetadata span { color: #cecdcd; }

#comments { position: relative;  }
#comments .wrapper { padding: 18px 0 0 10px }
#comments h2, #post-comment h2 { font: bold 16px/36px Arial, sans-serif; color: #839c36; padding: 0 11px; background: #161616; height: 36px; }

#post-comment .wrapper { padding: 20px  0 0 23px !important; }
#post-comment .column.fr { width: 300px;  }

.comment { margin-bottom: 20px; padding-top:10px; }
.comment .author, .comment .avatar { float: left; display: inline; width: 67px; height: 67px; overflow: hidden; border: 5px solid #2f3031; margin-right: 4px; } 

.comment-text { float: left; display: inline; width: 551px; background: url(images/comment-bg.gif) repeat-y 0 0; position: relative;  }
.comment-text .bottom { background: url(images/comment-bottom.gif) no-repeat 0 bottom; }
.comment-text .top { background: url(images/comment-top.gif) no-repeat 0 top; padding: 0 20px 0 26px; height: 100%; }
.comment-text h3 { font: bold 14px/31px Arial,sans-serif; color: #a7a7a7; margin-bottom: 20px; }
.comment-text h3 span { font: 11px/31px Arial, sans-serif; color: #5a5b5b; }
.comment-text p { padding: 0 0 20px 6px; }

 
#commentform textarea { width:640px; height:100px;  }

#post-comment label { display: block; font: bold 14px/19px Arial, sans-serif; color: #af4667; padding-left: 3px; }
#post-comment .field { display: block; width: 287px; border: 1px solid #373737; padding: 6px 5px; background: #30302f; margin-bottom: 13px; color: #626363; }
#post-comment textarea { display: block; width: 267px; height: 140px; border: 1px solid #373737; padding: 6px 5px; background: #30302f; margin-bottom: 13px; color: #626363; overflow: auto; }
#post-comment .fr label { padding-left: 19px; }
#post-comment .g-button { float: right; margin: 10px 20px 20px 0; }




/*
	Footer
*/

#footer  {   padding: 30px 0 20px; font-size: 11px; width: 968px;  }
#footer a { color: #a2a1a1; }
#footer a:hover { color: #cfcfcf; }
.slide-shell {
	width: 653px;
	height: 290px;
	overflow: hidden;
	position: relative;
}
.slide-platform {
	width: 40000px;
	height: 290px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.slide-platform a {
	float: left;
}
span.center {
	display: block;
	padding: 10px;
}
.comment-text em p:before {
	content: "\“";
}
.comment-text em p:after {
	content: "\”";
}


/*
	Featured Home
*/
 
.homeCategories ul li  {  }
ul.navigation {    list-style: none;    margin: 0; margin-top:20px;    padding:20px; padding-bottom:0px;  height:91px;}
#shade {    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;    height: 30px;}

.homeCategories{ width: 700px; margin-top:15px; margin-bottom:15px; }
.homeCategories ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; }
.homeCategories ul li { float:left; width:230px; height:40px;  }
.homeCategories ul li a{ font: normal 12px Arial;color: black;  display: block;padding: 5px 0;line-height: 17px;padding-left: 38px;text-decoration: none;}
 


#slider {    width: 660px;    margin: 0 auto;    position: relative;}
.scroll {    margin-top:-20px; height: 200px;    width: 660px;    overflow: auto;    overflow-x: hidden;    position: relative;    clear: left;    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;}
.scrollContainer div.panel {    padding: 20px;    height: 210px;    width: 600px;}

ul.navigation li {    display: inline;    margin-right: 10px; }
ul.navigation a {    padding: 10px;    color: #000;    text-decoration: none; }

ul.navigation a:focus {    outline: none;}
.scrollButtons {    position: absolute;    top: 150px;    cursor: pointer;}
.scrollButtons.left {    left: -20px;}
.scrollButtons.right {    right: -20px;}
.hide {    display: none;}





#featured-item {   width:100%;    height: 250px;    position: relative;    float:left;   margin:0;   display:block;   overflow: hidden; /* important */	padding:0px;margin-bottom:20px;background:#666;}

#featured-itemContent {
   width: 100%; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	border:0px; 
	width:100%px; 
	height:254px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 699px;
 
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ 
}


					
.featured-itemImage span strong {
	font-weight:normal;
	font-size:20px; letter-spacing:-1px;
	display:block;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
	font-weight:normal;
	display:block;

	margin:3px 0 12px 15px !important; padding:0;
	line-height:18px; font-size:14px;
	width:450px 
}


.featured-itemImage span em.price {
	font-style:normal;
	display:block;
	height:30px;
	padding:5px 0;
	font-size:25px; letter-spacing:normal;
	position:absolute; right:15px; top:10px; line-height:25px;}

.featured-itemImage span em.more-info {
	font-style:normal;
	font-size:12px;
	font-weight:bold;
	display:block;
	position:absolute; right:15px; top:52px }

.clear { clear: both } 

.featured-itemImage span strong {color:#333333; }
.featured-itemImage span { background-color: #eeeeee; }
.featured-itemImage span b {	color:#666666; }
.featured-itemImage span em.price { color:#333333; }