/* The Page Finder - http://www.thepagefinder.com 
Updated 10.06.2010
----------------------------------------------------*/

/* MAIN COLORS
   Body Background:       #fff
   Main Text:             #333333 Almost Black
   Links:                 #005399
*/

/* --- meyer css reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-weight: inherit;*/
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,

q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* --- end reset --- */


/*GENERAL STYLES*/
html, body {height: 100%;}
body {color: #333; background: url(../_img/bg-header.png) top left repeat-x; font-family: Helvetica neue, Helvetica, Arial, sans-serif; font-size: 13px;}
h1 {font-size: 19px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px;}
h2 {font-size: 17px; font-weight: bold; margin-bottom: 10px;}
h3 {font-weight: bold; margin-bottom: 5px;}
p {line-height: 18px; margin-bottom: 10px;}
a {color: #005399; text-decoration: none;}
a:hover {text-decoration: underline;}
li {line-height: 19px; padding-bottom: 10px;}

input {vertical-align: top;}

#globalContainer {margin: 0 auto; width: 990px;}

/*---------- Header ----------*/
#header {color: #fff; }
	#logo {float: left; margin-bottom: 0; width: 600px;}
	#nav {float: right; margin-top: 15px;}
	#nav a {color: #fff; margin: 0 3px;}
	
#subheader {padding: 0 0 35px 0;}
	#searchcontainer {border: 1px solid #24211d; margin-left: 8px; float: left; width: 358px;}
		#search_form {display:inline; margin-left: 0px; padding: 0; width: 380px; padding: 0;}
		#search_input {color: #555; float: left; font-size: 12px; padding: 5px 6px 5px 6px; height: 17px; width: 317px; border: none;}
		.search_button {display: block; float: left; width: 28px;}
	#liketpf {background: #dfdfdf; color: #333; float: right; font-size: 11px; font-weight: bold; margin-top: 2px; padding: 3px 0 3px 12px; width: auto; text-shadow: 0 1px 0 #fff; -moz-border-radius: 3px; }
		#liketpf .tpf_format {border:none; overflow:hidden; width: 105px; height: 20px; vertical-align: middle;}
		#liketpf .liketxt {padding-right: 1px;}
#maincontent {float: left; width: 660px;}
#sidecontent {float: right; width: 300px;}


/*---------- Homepage ----------*/
#browse_block {margin: 0 0 20px 0;}
	#browse_items .col {float: left; margin: 0 6px 7px 0; width: 156px;}
		#browse_items .col a {background: #d0e3e8; display: block; font-weight: bold; margin-bottom: 6px; padding: 7px 4px 7px 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: -3px;}
	#browse_locations a {background: #dbdcdc; display: block; font-weight: bold; width: 155px; margin-bottom: 6px; padding: 7px 4px 7px 7px; -moz-border-radius: 3px;}

.more_link {clear: both; display: block; font-size: 11px; font-weight: bold; text-align: right;}
	.side_block .more_link {margin: 0 15px 15px 0;}
.count {color: #666; font-size: 10px; font-weight: normal;}

.tag_block {float: left; background: url(../_img/pod-top.png) 0 0 no-repeat; padding-top: 3px; margin-bottom: 20px; width: 305px;}
	.tag_block .content {background: url(../_img/pod-middle.png) 0 0 repeat-y;}
	.tag_block .bottom {background: url(../_img/pod-bottom.png) bottom left no-repeat; height: 3px;}
	.tag_block h2 { padding-top: 10px; margin: 0px 5px 12px 15px;}
	.tag_block a {line-height: 16px;}
	.tag_block .more_link {border-top: 1px dotted #ddd; padding: 8px; width: 280px; margin: 0 auto;}

.recommend {height: 370px; min-height: 370px;}

/*300px images*/
.page_item {clear: both; margin: 12px 3px 12px 15px;}
	.page_item .image {display: block; float: left;}
	.page_item img {height: 50px; width: 50px;}
	.page_item .name {display: block; float: left; font-weight: normal; margin: 0 10px 0 8px; width: 105px;}
	.page_item .like {float: left; height:21px; width: 98px;}
	.page_item .help_tag {float: left; font-size: 10px; width: 80px;}

#fresh {border: 1px solid #ddd; border-width: 1px 0; margin: 15px 0; padding: 20px 0;}
#fresh .page {float: left; margin: 10px 40px 0 0; width: 100px;}
#fresh .add {font-size: 13px; padding-left: 5px; text-transform: capitalize;}

.rightmar {margin-right: 25px;}

.sideblock {border: 7px solid #e1e1e1; margin-bottom: 25px;}
	.sideblock  h1 {background: #eee; margin-bottom: 0; padding: 6px 0; text-transform: uppercase; text-align: center;}
	.sideblock .page_item {margin: 12px 5px 12px 10px;}
	/*.scroll {height: 400px; overflow-y: scroll;}*/

.side_block {border: 7px solid #e1e1e1; margin-bottom: 25px;}
	.side_block  h1 {background: #eee; margin-bottom: 0; padding: 6px 0; text-transform: uppercase; text-align: center;}
	.side_block .page_item {margin: 12px 5px 12px 10px;}
	/*.scroll {height: 400px; overflow-y: scroll;}*/
	
/* this is for advertising spaces */
div.side_block_borderless { margin-bottom: 25px; }

ol.numbers {margin: 0 15px 20px 22px; color: #aaa; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;}
	ol.numbers li {border-bottom: 1px dotted #ddd; padding: 8px 0 8px 0;}
		ol.numbers a {font-family: Helvetica neue, helvetica, arial, sans-serif; font-size: 12px;}		
		ol.numbers .name {display: block; float: left; font-weight: bold; margin: 0 10px 0 8px; width: 130px;}
		ol.numbers .like {float: left; height:21px; width: 90px;}		
		
/*Results Page*/
#narrow_block {background: url(../_img/tab-bg.gif) top left repeat-x; border: 1px solid #ddd; float: left;  margin: 15px 25px 0 0; width: 190px;}
	#narrow_block h2 {float: left; font-size: 12px; height: 35px; margin: 8px 0 0 10px; width: auto;}
	#narrow_block #view {background: url(../_img/icon-down-arrow.png) right 2px no-repeat; display: block; float: right; font-size: 11px; font-weight: bold; margin: 10px 10px 0 0; padding-right: 13px;}
	#narrow_content {margin: 0 15px 15px 11px;}
			#narrow_content li {line-height: 16px; padding-bottom: 9px;}

#results_block {float: left; margin-top: 15px; width: 435px;}
	#results_block .page_item {border-bottom: 1px dotted #ddd; margin-left: 0; margin-right: 0; padding-bottom: 13px;}
	#results_block .name {width: 250px;}

.results_title {margin-bottom: 8px;}
	
#tabs {
	border-bottom: 1px solid #ddd;
	float: left;
	list-style: none;
	margin-bottom: 10px;
	width: 100%;
}

#tabs li {
	float: left;
	border: 1px solid #cdcdcd;
	border-bottom-width: 0;
	margin: 0 8px 0 0;
	padding-bottom: 0;
	line-height: 14px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;	
}

#tabs a {
	color: #000;
	background: #fff url(../_img/tab-bg.gif) top left repeat-x;
	display: block;
	font-weight: bold;
	padding: 8px 15px;
	width: auto;
	text-align: center;
	text-decoration: none;
}


#tabs a:hover {
	color: #005399;
}

#tabs .active a {
	background: white;
	color: #000000;
	position: relative;
	top: 1px;
}

#tabs li.active a:hover {
	text-decoration: none;
}

/*Pagination*/
.pagination {float: right; margin: 2px 0 25px 0; text-align: right; width: auto;}
.pagination li {float: left; margin: 0 0 4px 0; padding-bottom: 0;} 
.pagination li a {display: block; padding: 0 8px;}
.pagination .first {margin: 0; padding: 0;} 
.pagination .off {background: none; color: #666; border: none; padding: 0 8px;} 
.pagination .active {color: #000; font-weight: bold; padding: 0 6px;}
.back_browse {display: block; font-size: 12px; font-weight: bold; margin: 5px 0 5px 0;}
.bottom {margin: 0 0 10px 0; padding: 0;}

/*Profile Page*/
#page_intro {border: 1px solid #ddd; clear: both; float: left; padding: 15px 20px 5px 20px;}
	#page_intro #heading {float: left; width: 500px;}
	#page_intro .photo {float: right; width: 120px;}

#page_info {margin: 0 20px;}
#page_info h2 {margin: 25px 0 8px 0;}
.sm_txt {color: #666; font-size: 11px; font-weight: normal;}
.tags {font-weight: bold;}
.related .page_item .name {width: 180px;}
.link_block a {display: block; margin-bottom: 8px;}

/*Add Pages*/
#automatic {border: 1px solid #ddd; float: left; margin-top: 5px; padding: 20px; width: 372px;}
	#automatic h2 {margin-bottom: 15px;}
	#automatic .page_item {border-bottom: 1px dotted #ddd; margin-left: 0; margin-right: 0; padding-bottom: 13px;}
	#automatic .intro {border-bottom: 1px dotted #ddd; padding-bottom: 10px;}
#middle {float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-top: 80px; width: 70px; text-align: center;}
#manual {border: 1px solid #ddd; float: left; margin-top: 5px; padding: 20px; width: 372px;}
	#manual h2 {margin-bottom: 15px;}

#automatic_list {margin: 15px auto; width: 750px;}
	#automatic_list h2 {font-size: 14px; margin-bottom: 18px;}
	#automatic_list .page_item {border-bottom: 1px dotted #ddd; margin-left: 0; margin-right: 0; padding-bottom: 13px;}
	#automatic_list .page_item .name {margin-left: 10px; width: 670px;}
	#automatic_list .page_item .name .tags {font-weight: normal;}
	#automatic_list  .button {background: #DDEEF6; border-radius: 3px; border: 1px solid #A5C0D3; margin: 15px auto; padding: 10px 0 12px 0; font-size: 15px;  -moz-border-radius: 3px; -webkit-border-radius: -3px; width: 480px; text-shadow: 0 1px 0 #FFFFFF}
		#automatic_list  .button img {margin: 0 0px -2px 3px;}
	.auto {width: 700px; margin-left: auto; margin-right: auto;}

#tag_block {border: 1px solid #ddd; padding: 18px 18px 18px 20px;}
	#tag_block form {margin-top: 18px;}

#page_content {float: left; width: 350px;}
#addt_content {float: left; width: 580px;}
	#addt_content .or_txt {font-family:Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; margin: 20px 0 20px 0;}
	#addt_content .share_link {border: 1px solid #ddd; display: block; font-weight: bold; margin: 15px 0; padding: 15px;}
	#addt_content .share_link img {margin: 0 0 -2px 3px;}
	
.button {font-weight: bold; margin-top: 8px; text-align: center;}

.success {background: url("../_img/icon-success.gif") no-repeat scroll 21px 10px #E1FFD1; border-bottom:1px solid #C5F8AC; border-top: 1px solid #C5F8AC; margin-bottom: 25px; padding:10px 10px 10px 45px;}
	.success h3 {color: #468D3F; font-size: 14px; font-weight: normal; margin-bottom: 0;}

.tag_col {float: left;  margin-right: 15px; width: 230px;}

#add_block {float: right; margin-bottom: 7px; width: 148px;}

#footer {background: #4d4d4d; color: #fff; height: 150px; margin-top: 25px;}	
	#footer a {color: #fff; text-decoration: underline;}
	#footer_content {margin: 0 auto; padding-top: 15px; width: 980px;}
		#footer_promo {float: left; width: 600px;}
		#footer_links {float: right; width: auto;}
			#footer_links a {margin: 0 3px;}
			
/*misc*/
.clear {clear: both;}
.nobold {font-weight: normal;}
.upper {text-transform: uppercase;}

.loc_hd {margin: 25px 0 8px 0;}
.loc_link {line-height: 1.6em; margin-right: 7px;}