/*
Theme Name: bigwebdirectory
Theme URI: http://bigwebdirectory.info/
Description: A powerful directory theme by <a href="http://pramudita.com">Pramudita</a>.
Version: 1.4
Author: Pramudita
Author URI: http://pramudita.com/
Tags: blue, custom header, fixed width, two columns, widgets

	bigwebdirectory v1.4
	 http://bigwebdirectory.info

	This theme was designed and built by Pramudita,
	whose blog you will find at http://pramudita.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:145px; }
/*#AddItemBtn { float:right; height:50px; margin-top:3px; margin-right:15px; }*/
#AddItemBtn { float:right; height:35px; 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: 970px; margin: 0 auto; height: 100%; /*background-color:#273578;*/ }

/*
	Header


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

#navigation {   display: inline; min-width: 380px; max-width: 480px; }
#navigation ul { list-style: none outside; padding: 0px 13px 0 0;  }
#navigation li { float: left; display: inline; margin-left: 10px; height: 33px; margin-top:2px;  }
#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: #fff; padding: 0 11px; }
#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: 10px 0 10px 0px; font-size: 11px; width: 100%; background-color:#DFDFDF;  }
#footer a { color: #000099; }
#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; }