/* CSS Document */

/* CSS Document */
/*
LONDON
torquise 7E9E9D
yellow #FFFF99
*/

body{
margin:0px;
padding:0px;
font-family:"Lucida Grande", Lucida Grande, Arial, Helvetica, sans-serif;
}
.wrap{
width:900px;
background-color:#FFFFFF;
font-family:"Lucida Grande", Lucida Grande, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
position:relative;
margin:0 auto;

}
.wrapII{
width:900px;
background-color:#FFFFFF;
font-family:"Lucida Grande", Lucida Grande, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
position:relative;
margin:0 auto;
overflow:hidden;
}
.wraplisting{
width:1036px;
background-color:#FFFFFF;
font-size:11px;
padding:0px;
position:relative;
margin:0px;
overflow:hidden;

}
.wrapstretch{
width:1036px;
background-color:#FFFFFF;
font-size:11px;
padding:0px;
position:relative;
margin:0 auto;
overflow:hidden;
border-right:1px solid #DEDEDE;
border-left:1px solid #DEDEDE;
}


/* HEADER */


#tagline{
padding:18px 0px 18px 0px;
margin:0px;
font-size:14px;
font-weight:100;
text-align:center;
font-family:"Skia", Skia, Lucida Grande, Arial, Helvetica, sans-serif;
}
#header{
width:100%;
height:150px;
padding:0px;
margin:0px;
z-index:50;
}
.tm {
	font-size: 18px;
	line-height: 10%;
}

/*HEADER*/







/* SIDE BAR END */
#sidebar{
padding:36px 0px 0px 9px;
float:left;
margin:2px 0px 0px 0px;
width:158px;
overflow:hidden;
/*background-image:url(../images/dotted.gif);
background-repeat: repeat-y;background-position: left top;*/
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#sidebar ul li {
	margin:0;
	padding:2px;
	list-style-type: none;
	list-style-image: none;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 9px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 14px;
	font-size:8.5px;
	}

#sidebar ul ul a:link.active, #sidebar ul ul a:visited.active{
color: #003333; 
font-weight:bold;
padding-left:15px;
background-image: url(http://www.sendmeyourlist.com/images/arrowgrey.gif);background-repeat: no-repeat;background-position: left center;

}


/* SIDE BAR END */










/* FOOTER TABS */
.mainmenu{
min-width:900px;
height:30px;
font-variant:small-caps;
display:block;
position:relative;
}

#tabnav{
height:23px;
margin:0px;
padding:0px 0px 0px 36px;
}
	
#tabnav li{
margin:0px; 
padding:0px;
display:inline;
list-style-type:none;
}

#tabnav a:link, #tabnav a:visited{
float:left;
font-size:14px;
font-weight:bold;
padding:6px 18px 0px 0px;
margin:0px;
text-decoration: none;
bottom:0px;
z-index:100;
}


#tabnav a:link.active, #tabnav a:visited.active{
color:#003333;
}
/* FOOTER TABS */








/* CONTENT */
#content{
width:auto;
padding:0px 0px 0px 0px;
}
#location{
height:32px;
padding:0px 0px 0px 36px;
margin:0px;
line-height:36px;
}




#imgcol{
margin:0px 0px 0px 36px;
width:220px;
float:left;
padding:0px;
overflow:hidden;
}
#imgcol .head{
background-color:#EFEFEF;
border:1px solid #DEDEDE;
color:#FFF;
font-size:18px;
}
#imgcol img{
padding:0px;
margin:0px;
border:1px solid #DEDEDE;
}
.navblock{
width:158px;
display:block;
padding:0px 0px 18px 18px;
margin:0px 0px 9px 0px;
/*background-image: url(../images/dotted_hor.gif);background-repeat: repeat-x;background-position: left bottom;*/
}
.navblock h2{
padding:0px 0px 0px 5px;
margin:0px;
font-size:17px;
font-weight:bold;
/*font-family:High Tower Text, Arial, Helvetica, sans-serif;*/
}
.navblock h4{
padding:5px 0px 2px 5px;
margin:0px;
font-size:10px;
font-weight:normal;
}
.navblock h3{
color:#FFFF99;
padding:8px;
font-size:11px;
font-weight:normal;
}
.navblock .head{
width:150px;
display:block;
background-color:#FFF;
}
.navblock input{
padding:1px;
margin:2px 0px 6px 0px;
}
.navblock select{
padding:1px;
font-size:10px;
margin:2px 0px 2px 0px;
}
.navblock a:link, .navblock a:visited{
line-height: 14px;
font:10px;
padding:2px 2px 2px 12px;
margin-right: 1px;
text-decoration: none;
color: #003333; 
display:block;
width:100%;
}

.navblock a:link.active, .navblock a:visited.active{
color: #003333; 
font:10px;
background-image: url(../images/arrowwhite.gif);background-repeat: no-repeat;background-position: left center;
width:130px;
}
.navblock a:hover.active{
width:130px;
padding:2px 2px 2px 12px;
margin-right: 1px;
background-color:#EBEBEB;
}

.navblock a:hover{
padding:2px 2px 2px 12px;
margin-right: 1px;
}

.navblock ul{
padding:0px 0px 0px 9px;
font-size:8.5px;
margin:0px;
list-style-type:none;
}
/*
.navblock .subon ul{visibility:visible;}
*/

.blockborder{
width:146px;
display:block;
padding:0px;
margin:0px;
border:2px solid #7E9E9D;
}
.blockborder p{
padding:9px 4px 9px 9px;
margin:0px;
color:#7E9E9D;
}


#maincontent{
	width:550px;
	float:left;
	padding:36px 36px 0px 36px;
	margin:0px;
}
#rightcol{
width:115px;
float:left;
padding:0px 0px 0px 18px;
margin:0px;
}
#rightcol img{
padding:0px 0px 2px 0px;
}
#rightcol h1{
padding:0px 0px 6px 0px;
margin:0px;
font-size:9px;
color:#ccc;
text-align:right;
}
#relatedcol{
width:200px;
float:left;
padding:0px 0px 0px 18px;
margin:0px;
background-image: url(../images/fadercol.jpg);background-repeat: repeat-y;background-position: left top;
}
/* END CONTENT */

/*LISTING*/

.shortlist{
font-size:90%;
padding-bottom:18px;
}
.shortlist h1{
font-size:11px;
padding:9px 0px 0px 0px;
}
.col{
float:left;
width:140px;
display:block;
overflow:hidden;
}
td { vertical-align: top; }

.shortlist ul{
list-style-image:url(http://www.sendmeyourlist.com/images/dodadsm.gif);
padding-left:20px;
margin:0px;
}


.listhead{
padding:0px 0px 18px 0px;
margin:0px;
line-height:17px;
height:18px;
/*background-image: url(http://sendmeyourlist.com/images/dotted_hor.gif);background-repeat: repeat-x;background-position: left bottom;*/
}

.listhead li{
margin:0px; 
padding:0px;
display:inline;
list-style-type:none;
}
.listhead .header{
float:left;
}
.listhead a:link, .listhead a:visited{
float:right;
line-height:17px;
font: normal 10px Arial;
padding: 0px 0px 0px 30px;
margin-right: 1px;
text-decoration: none;
}
.listhead a:link.active, .listhead a:visited.active{
color:#fff;
font:normal 10px Arial;
}
.listhead a:hover{
background:#fff;
color:#003333;
}

.thecontent{
padding:0px;
margin:0px;
}
.thecontent img{
visibility:hidden;
position:absolute;
height:0px;
z-index:300;
}
.wp-caption-text{
visibility:hidden;
position:absolute;
height:0px;
z-index:300
}

.post{
/*width:328px;*/
padding:8px 18px 10px 0px;
position:relative;
margin:0px;
display:block;
}
.indent_dodad{
padding-left:15px;
}
.indent{
padding-left:27px;
}

.post ul{
list-style-type:none;
display:block;
text-indent:0px;
padding:0px;
margin:0px;
width:280px;
}
.post li{
margin:0px; 
padding-left:27px;
}
.tip{
border-left:1px dotted #003333;
width:320px;
font-size:86%;
margin:0px 0px 0px 27px;
padding:6px;
}
.post .col{
padding-right:18px;
float:left;
display:inline;
height:80px;
overflow:hidden;
}
.post .colnopad{
padding-right:18px;
float:left;
display:inline;
height:80px;
}
.post .blurb{
width:400px;
}
.post .sorts{
width:60px;
}
.postspacer{
height:18px;
width:677px;
}

.post p{
padding:0px;
margin:0px;
}

/*LISTING*/








/* LANDING PAGE */


.doublecol{
	width:319px;
	padding:36px 59px 0px 36px;
	float:left;
	margin:0px;
	display:inline;
}

.threecol{
	width:300px;
	padding:0px;
	float:left;
	margin:0px;
	display:inline;
	overflow:hidden;
}
.threecol .content{
padding:5px 36px 50px 36px;
font-size:12px;
line-height:20px;
min-height:400px;
}
.threecol .border{
background-image:url(../images/dotted.gif);
background-repeat: repeat-y;background-position: right top;
}
.threecol h1{
font-weight:bold;
font-size:15px;
margin:0px;
}

.threeimg{
width:297px;
overflow:hidden;
height:265px;
border-bottom:10px solid #FFF;
border-top:2px solid #FFF;
}

.threeimg h1{
font-weight:normal;
font-size:17px;
margin:0px;
padding:0px;
color:#FFF;
opacity:1;
}
.threeimg .shade{
opacity:.4;
height:30px;
margin:235px 0px 0px 0px;
}
.threeimg .title{
font-weight:normal;
font-size:23px;
margin:0px;
padding:0px;
color:#FFF;
float:left;
position:absolute;
width:200px;
z-index:70;
padding:242px 2px 5px 36px;
}

.thirdimg{
width:300px;
overflow:hidden;
height:265px;
border-bottom:10px solid #FFF;
border-top:2px solid #FFF;
}
.thirdimg h1{
font-weight:normal;
font-size:17px;
margin:0px;
padding:0px;
color:#FFF;
opacity:1;
}
.thirdimg .shade{
opacity:.4;
height:30px;
margin:235px 0px 0px 0px;
}
.thirdimg .title{
font-weight:normal;
font-size:23px;
margin:0px;
padding:0px;
color:#FFF;
float:left;
position:absolute;
width:200px;
z-index:70;
padding:242px 2px 5px 36px;
}


/* END LANDING PAGE */


#footer{
display:block;
width:100%;
padding:9px 0px 9px 0px;
background-image: url(http://sendmeyourlist.com/images/dotted_hor.gif);background-repeat: repeat-x;background-position: left bottom;
}
#copyright{
color:#A2BBBA;
padding:6px 0px 18px 36px;
margin:0px;
}
.ourlist{
display:block;
width:100%;
padding:6px 0px 6px 36px;
}
.ourlist p{
color:#FFF;
line-height:20px;
}
#intro{
width:100%;
padding:18px 9px 18px 36px;
margin:0px;
line-height:16px;
font-family:"Skia", Skia, Lucida Grande, Arial, Helvetica, sans-serif;
}

#intro p{
width:700px;
padding:0px;
margin:0px;
font-size:12px;
color:#FFF;
}
#intro h1{
font-size:16px;
color:#FFFF99;
padding:0px 0px 8px 0px;
margin:0px;
font-weight:normal;
}
.floatright{
float:right;
padding:18px 36px 18px 36px;
font-family:"Skia", Skia, Lucida Grande, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFF;
}




/* PRINT MENU */
.menu {width:120px; height:18px; position:relative; right:0px; top:0px; z-index:200;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:140px; w\idth:139px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;text-align:left;}
.menu ul ul {width:192px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:60px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#FFF; letter-spacing:.2px;width:60px; height:18px;padding: 4px 0px 0px 4px; border-left: 3px solid clear; line-height:11px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:83px; w\idth:72px;}
/*style for search box */
.menu li #list {float:right;position:relative;text-indent:14px;border-right: 3px solid clear;background-image:url(http://sendmeyourlist.com/images/listicon.gif);background-repeat:no-repeat;background-position: left center;}
.menu li #print {float:right;text-indent:15px;position:relative;background-image:url(http://sendmeyourlist.com/images/printicon.gif);background-repeat:no-repeat;background-position: left center;}


.menu a.sublevel, .menu a:visited.sublevel {display:block;font-size:10px;text-decoration:none; color:#FFF;width:192px; height:18px;padding: 6px 0px 0px 6px; border-right: 3px solid clear; line-height:11px; font-weight:normal;}
.menu ul ul li {float:right;width:190px;position:relative;}

/* style the second level background */

/* style the second level hover */
.menu ul ul a.drop:hover{color:#003333;}
.menu ul ul :hover > a.drop {color:#003333;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#8F6B74;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#8F6B74;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:19px;left:60px; width:60px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:18px;t\op:19px;}

/* position the third level flyout menu */
.menu ul ul ul{left:-208px; top:-1px; width:200px;z-index:200;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:208px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#FFF; height:auto; line-height:1em;text-indent:16px;padding:5px 1px; width:130px;font-size:10px;font-weight:normal;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:132px;w\idth:102px;}

/* style the top level hover */
.menu ul a:hover {color:#003333;}
.menu ul :hover > a {color:#003333;}
.menu ul ul a:hover{color:#FFFF99;}
.menu ul ul :hover > a {color:#FFFF99;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* END MENU */



/* POST PAGE */

.path{
font-size:66%;
font-style:italic;
}
.add2list{
float:right;
top:0px;
right:0px;
}

.fullpost{
padding:9px 60px 0px 0px;
position:relative;
margin:0 auto;
line-height:19px;
}

.fullpost li{
font-size:12px;
padding:0px;
margin:0px;
}
.fullpost ul{
list-style-type:none;
display:block;
width:100%;
padding:0px 0px 0px 36px;
margin:0px;
min-height:150px;
}
.fullpost .title{
font-size:16px;
}
.fullpost .content{
display:block;
padding:9px 9px 9px 18px;
width:100%;
}
.fullpost p{
padding:0px 0px 18px 0px;
margin:0px;
}
.fullpost .map{
display:block;
width:100%;
}
.postwelove{
	background-image:url(../images/bookmarkwelove.gif);
	background-repeat: no-repeat;background-position: left top;
	}
.postgoodtoknow{
	background-image:url(../images/bookmarkgoodtoknow.gif);
	background-repeat: no-repeat;background-position: left top;
	}
.postdecor{
	background-image:url(../images/dotted.gif);
	background-repeat: repeat-y;background-position: left top;
	width:550px;
	float:left;
	padding:0px;
	margin:0px;
	min-height:800px;
	}


/*MYLIST PAGE*/
.mylistcontent{
	background-image:url(../images/dotted.gif);
	background-repeat: repeat-y;background-position: left top;
	float:left;
	width:600px;
	padding:36px;
	margin:0px;
	min-height:800px;
	}

.item{
padding:0px 0px 10px 36px;
margin:0px;
}
.item ul{
list-style-type:none;
display:block;
}
.item li{
margin:0px; 
padding:0px 10px 0px 0px;
display:inline;
float:left;
}
.remove{
float:left;
display:inline;
top:0px;
right:0px;
border:1px solid #CCC;
color:#CCC;
font-size:14px;
padding:0px 2px 2px 2px;
line-height:11px;
margin-top:9px;
}


/*GENERIC COLORS */
.yellowtext{
color:#FFFF99;
}
.whitetext{
color:#FFF;
}
.nopad{
	padding:0px;
	margin:0px;
}
a:link.yellow, a:visited.yellow{
color:#FFFF99;
}
.small{
font-size:10px;
}

.large{
font-size:14px;
}
.toppad{
padding-top:26px;
}
a:link.black, a:visited.black{
color:#003333;
}
a:link.white, a:visited.white{
color:#FFF;
}
.whitebg{
background-color:#FFFFFF;
}
.right{
float:right;
}
h1 {
margin:0px;
padding:9px 0px 9px 0px;
font-family:"Skia", Skia, Lucida Grande, Arial, Helvetica, sans-serif;
}
.dodad{
padding-left:15px;
background-image: url(http://www.sendmeyourlist.com/images/dodad.gif);background-repeat: no-repeat;background-position: left center;
}
.gtk_dodad{
padding-left:15px;
background-image: url(http://www.sendmeyourlist.com/images/goodtoknow.gif);background-repeat: no-repeat;background-position: left center;
}

/* END GENERIC */




/* GS is left:395px; */
/* CITY MENU */
.citymenu {width:800px; height:36px; position:absolute; left:27px; top:107px; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .citymenu {width:561px; w\idth:560px;}
/* remove all the bullets, borders and padding from the default list styling */
.citymenu ul {padding:0;margin:0;list-style-type:none;text-align:left;}
.citymenu ul ul {width:72px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.citymenu li {float:left;position:relative;}
/* style the links for the top level */
.citymenu a, .citymenu a:visited {display:block;text-align:left;font-size:16px;text-decoration:none; color:#FFF;opacity:.6;letter-spacing:1px;height:16px; padding: 6px 9px 0px 9px;line-height:11px; font-weight:bold;}
.citymenu li .active{display:block;text-align:left;font-size:17px;text-decoration:none; color:#FFF;opacity:1;letter-spacing:1px;height:36px; padding: 6px 9px 0px 9px;line-height:11px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .citymenu a, * html .citymenu a:visited {width:83px; w\idth:72px;}
/*style for search box */
.citymenu li #smylhome {float:left;width:160px;position:relative;color:#FFF;font-size:14px;line-height:100px;background-image:url(http://www.sendmeyourlist.com/images/smyl.gif);background-repeat:no-repeat;}
.citymenu li #reader {float:left;width:66px;padding: 6px 0px 0px 6px; border-right: 3px solid clear;position:relative;background:#9DA3AD;color:#FFF;background-image:url(http://modularrandd.com/images/landscapes/segment1.jpg);}
.citymenu a #smylhome, .citymenu a:visited #smylhome {display:block;font-size:12px;width:160px; height:66px; padding: 6px 0px 0px 6px; border-right: 3px solid clear; line-height:11px; font-weight:bold;}

.citymenu li #home{float:left;width:220px;font-size:24px;font-weight:normal;font-family:"Skia", Skia, Lucida Grande, Arial, Helvetica, sans-serif;display:block;text-align:left;text-decoration:none; color:#FFF;opacity:1;height:16px; padding: 6px 9px 0px 9px;line-height:11px;}
.citymenu li #search {float:left;width:177px;position:relative;background:#9DA3AD;color:#FFF;background-image:url(http://modularrandd.com/images/landscapes/segment2.jpg);}

/* style the second level background */
.citymenu ul ul a.drop, .citymenu ul ul a.drop:visited {background:#8F6B74;margin:0px 0px 0px 9px;}
/* style the second level hover */
.citymenu ul ul a.drop:hover{background:#8F6B74 url(images/dodad.gif) no-repeat 130px left;}
.citymenu ul ul :hover > a.drop {background:#8F6B74 url(images/dodad.gif) no-repeat 130px left;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#8F6B74;width:260px;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#8F6B74;width:260px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.citymenu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:9px; width:150px;}
/* another hack for IE5.5 */
* html .citymenu ul ul {top:41px;t\op:42px;}

/* position the third level flyout menu */
.citymenu ul ul ul{left:150px; top:-1px; width:260px;z-index:200;}

/* position the third level flyout menu for a left flyout */
.citymenu ul ul ul.left {left:-150px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.citymenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.citymenu ul ul a, .citymenu ul ul a:visited {background:#9DA3AD;opacity:1;color:#FFF; height:auto; line-height:1em;margin:0px;padding:2px; width:150px;letter-spacing:.2px;font-size:10px;font-weight:bold;border-width:0px;}
/* yet another hack for IE5.5 */
* html .citymenu ul ul a, * html .citymenu ul ul a:visited {width:102px;w\idth:92px;}

/* style the top level hover */
/* moved to color.php */

/* make the second level visible when hover on first level list OR link */
.citymenu ul li:hover ul,
.citymenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.citymenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.citymenu ul :hover ul :hover ul{ visibility:visible;}

/* 4th level for LAYER OFF COLOR ADDED BY DOLANITE */
.citymenu .colorlayer{visibility:hidden;position:absolute;height:150px;top:0px;left:0px; width:800px;background-color:#666666;}
.citymenu ul li:hover .colorlayer ,.citymenu ul a:hover .colorlayer{position:absolute;top:42px;left:0px;visibility:visible;z-index:50;width:800px;height:150px; }

/* END CITY MENU */



/* HOME PAGE */

.homeimg{
position:absolute;
z-index:0;
top:50px;
width:800px; height:600px;
padding:0px;
}
#exthead{
width:100%;
height:600px;
margin:0px;
background-image:url(../images/home/6.jpg);
}
.section{
background-color:#EBEBEB;
padding:18px 36px 18px 250px;
margin:4px 0px 4px 0px;
}

/* END HOMEPAGE */

.404message{
top:100px;
z-index:500;
}