/* Important */
* {margin:0;padding:0}
body {background:#FFFFFF;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;margin:0 auto; width:100%} /* IE doesn't support min/max-width, so this doesn't work for IE folks */

/* Custom */
#h_nav {
	float: right;
	padding-top: 30px;
	font-weight: bold;
	padding-right: 20px;
	display: none;
}

#pootsbar {
	height:64px;
	background-image: url("../images/header_back.jpg");
	background-repeat: repeat;
	background-position: bottom;
}

#pootslogo{
	float: none;
	width: 990px;
	background-image: url("../images/header_mock.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	height: 55px;
	padding-top: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

#image_holder { }
#card_details {
    margin:0px 0pt 0pt 0px;
	padding-top:5px;
	text-align:left;
	width:300px;
 }
 
#card_description { 
	width:300px;
	font-size:10px;
	height:85px;
}
.share_icon_span {
	position:relative; /*this is the key*/
    z-index:24;
}

.share_icon_span span {
	display:none
}

.share_icon_span:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2em; left:0em; width:16em;
    border:1px solid #00ccff;
    background-color:#fff; color:#666;
    text-align: center
}

.share_icon {
	background-image: url(../images/share_h.gif);
	background-position: top;
}

.share_icon:hover{
	background-image: url(../images/share_h.gif);
	background-position: bottom;
}

#comments_link {
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#comments { 
    margin-left:360px;
    position:relative;
    width:500px;
}
#story_tabs { }

/* Header Stuff */
#header_poots {
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	width:100%;
	height:40px;
	background-color: #000000;
	background-image: url(http://www.adampoots.com/elgg8/mod/template/templates/Default_Template/images/header_back.gif);
	background-repeat: repeat;
	background-position: center bottom;
}
#header-inner {
	width: auto;
	margin-right: 30px;
    margin-left: 30px;
}
#header-pic {
        float:left;
	width: 183x;
}
#buttons {
        height:40px;
        float:right;
        width:375;
}

#yourhome {
        float:right;
        height:40px;
        
}

/* End Header Stuff */
.tag_filter{
	padding:5px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size:11px;
	font-family:arial;
	color:#666666;
	height:13px;
	width:450px;
}
/* Footer Stuff */
#footer_poots {
	clear: both;
	position: relative;
	background:url(http://www.adampoots.com/elgg8/mod/template/templates/Default_Template/images/footer_back.gif) repeat-x top;
    background-color:#000000;
	padding:40px 0 0 0;
	font-size:1em;
	height:200px;
	margin-top:20;
	color:#000;
	width:100%;
}
#footer-inner { width:965px;height:130px;margin-right: auto;margin-left: auto;border-bottom:1px solid #333333; }
#footer-inner a { color:#999999}
#footer-inner a:hover { color:#00ccff}
.footer-inner_block {
	width:293px;
	height:110px;
	color:#CCCCCC;
	float:left;
	font-family:arial;
	font-size:11px;
	line-height: normal;
}
.footer-inner_block_middle {
	width:293px;
	height:110px;
	color:#cccccc;
	float:left;
	font-family:arial;
	font-size:11px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	padding-right:20px;
	padding-left:20px;
	margin-right:20px;
	margin-left:20px;
	line-height: normal;
}
.footer_title {
	font-size:16px;
	color:#77cccc;
	font-weight: bold;
}
#footer_legal {width:965px;margin-right: auto;margin-left: auto;color:#444444;font-size:10px;font-family:arial;padding-top:20px;}

/* Wrappers */
#wrap {background: #FFFFFF;margin:0 auto;position:relative;text-align:left}
#sidebar {width:150px;float:right;margin:-10px 30px 0px 0px;}
#contentbox { float:left;auto;width:auto;margin-bottom:30px;}
#contentbox #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; text-decoration:none;}
#contentbox #breadcrumb a:link {text-decoration:none} 
#contentbox #breadcrumb a:hover {text-decoration:none}
#contentbox #breadcrumb a {text-decoration:none}
#content #breadcrumb a:active {text-decoration:none}
#content #breadcrumb a:visited {text-decoration:none}	
#content-wrap2 {background: #FFFFFF;height:auto;padding:0px 0px 30px 20px;margin-right:230px;}  /*  " when logged in */	
* html #content-wrap2 {height: 850px;}
	
/* General */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;color:#000;margin-left:7px;}
h1 {font-size:196%;padding-top:.6em}
h2 {font-size:136%;color:#666666;}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
li {line-height: 1.4em;list-style-type:none;}
a,a:link,a:link,a:link,a:hover {
	cursor:pointer;
	text-decoration: none;
} 

a:link {color:#333333} 
a:visited {color:#333333} 
a:hover,a:active {color:#00ccff;}

/* Header */
.search2 {float:left; padding-left:30px; padding-top:15px}
#headbar {background:url("../images/headbar.png") repeat-x 0 100%; margin:0 20px 0 20px; padding:5px 10px 0px 10px; vertical-align:middled;display:none;}
#header {margin:0 0 2px;padding:0 0 8px;width:100%;position:relative} 
#headbar form {margin:0}
#headbar form .login {width:100px}
#headbar ul { padding:2px 0; padding-bottom:4px }
#headbar ul  li{ display:inline }
#headbar ul a {color:#ce4a02; text-decoration:none;}
#headbar ul a:hover {text-decoration:underline}
#headbar ul .search2 {}
#header #site-name  {font:265% arial;letter-spacing:-.05em;height:60px;margin:0 0 0 20px;padding:3px 0;color:#fff;border:none} 
#sorts { position: absolute; right:40px; margin-top:-18px; color:#666;font-size:11px}
#sorts p{  font-size:11px}
#sorts a{ color:#999999; font-size:11px}
#sorts a:hover {color:#00ccff}
#sorts img {margin-bottom:-2px}

/* Tabs */
#cab {height:30px;margin-left:30px;margin-right:30px;margin-top:30px;border-bottom:1px solid #EBEBEB;}
#navbar {/*background:url("../images/navbar.png")*/ repeat-x 0 0px; margin:2px 20px 0 20px; padding:14px 0 7px 10px;color:#666; font-size:11px;}
#navbar a {color:#999999; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {padding:0px 10px 0px 30px;list-style:none;}
#cab li {float:right; text-align:center; display:block; }
#cab a {color:#000}
#cab a:hover {color:#00ccff}
#cab a.navbut3 {
	float:left;/*background:url("../images/tabrB2.png") no-repeat right top;*/
	background-color:#ebebeb;
	text-decoration:none;
	display:block;
	width:80px;
	height:29px;
	color:#999999;
	font-weight:bold;
	font-family:arial;
	font-align:center;
	font-size:11px;
	text-transform: uppercase;
	border:1px solid #ebebeb;
}
#cab a.navbut3:hover {/*background:url("../images/tabrightB.png") no-repeat right top;*/background-color:#FFFFFF;color:#00ccff}
#cab a.navbut3:hover {color:#00ccff}
#cab a.navbut3 span {/*background:url("../images/tablB2.png") no-repeat left top;*/padding:9px 0px 5px 0px; text-align:center;display:block;}
#cab a.navbut3:hover span {/*background:url("../images/tableftB.png") no-repeat left top;*/}
#cab a.navbut4 {float:left;/*background:url("../images/tabrightB.png") no-repeat right top;*/text-decoration:none; display:block; height:29px;width:80px;color:#00ccff; font-weight:bold;font-family:arial;font-align:center;font-size:11px;text-transform: uppercase;border:1px solid #ebebeb;}
#cab a.navbut4:hover {color:#999999}
#cab a.navbut4 span {/*background:url("../images/tableftB.png") no-repeat left top;*/padding:9px 0px 0px 0px; text-align:center;display:block;}
#cab span a:hover {color:#000;}

.cab {padding:0px 10px 30px 5px;}
.cab span a {background:url("../images/story_tab2.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px;text-align:center; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}
.cab span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.cab span.selected  a{background:url("../images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}
.cab span a:hover { background:url("../images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}


/* Forms */
form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0}
input.submit {FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 28px; LINE-HEIGHT: normal;padding: 1px}
input.submit-s {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px} 
input.log2 {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
 
/*Fieldsets */ 
fieldset {border:1px solid #ccc;padding:1em 1.5em;margin:1em 0; font-weight: normal;background:#FFFFFF none repeat scroll 0%;}
* html fieldset {background:none;}
fieldset dl {	margin:0;padding:0}
fieldset dt {	clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}
fieldset dd {	padding:0 0 0.5em 0;font-weight:bold}
fieldset.labels label {	width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}
fieldset.labels div {	padding:0.2em 0;clear:left} 
label {display:block;padding:5px 0;font-weight:bold}
label br {clear:left}
legend {	padding:0 0.5em;color:#000}

/* Tables */
table { width:100% }
table td, table th{ padding:0 4px; text-align:left; }
table th{ background: #EEEEEA; padding:4px; }
table th a:hover{ background:none; color:#CC0000;}	

/* Sidebar modules*/	
.featurebox {color:#666666;padding:15px 0px 0px 10px;margin:0 0 15px;font-size:11px;}
.featurebox p {border:none;color:#444}
.featurebox a {color:#666666; text-decoration:none}
.featurebox a:hover {color:#00ccff; text-decoration: underline}
/*.featurebox li a {margin-left:-10px;padding-left:20px;line-height:2em;}
.featurebox li.rmore {list-style:none;}
.featurebox li.rmore a {text-decoration:none; font-size:12px;line-height:2.2em;}
.featurebox ul {margin-left:10px; margin-bottom:10px}
.featurebox ul a { margin-bottom:5px} */
.tlb {margin:-15px 0px 0px 0px;padding:3px 0px 5px;border-bottom:1px solid #EBEBEB;} 
.tlb a {font-weight:none;color:#666666; text-decoration:none; font-size:11px} 
.tlb strong {font-weight:bold;color:#774525} 
.tlb a:hover { color:#00ccff; text-decoration:none} 
.tlb span { float:right; margin-top:-3px; margin-right:0px}
.tlb2 {margin:5px 0 0 0;padding:0px 0px 20px}
.tlb2 span a{background:url("../images/exp_on.png") no-repeat 0 0; margin-right:8px;cursor:pointer; float:left; display:block; color: #66c; width:58px; height:21px; text-align:center; padding-top:2px}
.tlb2 span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.tlb2 span.selected a{background:url("../images/exp_down.png") no-repeat 0 0; width:58px; height:21px;cursor:text; float:left; display:block;margin-right:8px; font-weight:bold; color:#666; text-align:center; padding-top:2px}
.sstories { padding-top:3px; padding-right:13px; float:left;}
.count_total { margin-left:8px; color:#774525; font-weight:bold; font-size:110%}
.tlb_share {margin:-15px 0px 0px 0px;padding:3px 0px 5px;}
.tlb_share a {font-weight:bold;color:#666666; text-decoration:none; font-size:17px;font-family:arial;line-height:9px;}
.tlb_share a:hover { color:#00ccff; text-decoration:none} 
.tlb_share span { float:right; margin-top:-3px; margin-right:0px}
.tog {color:#999999;}
#suggested_tags { }
.suggested_tags a {color:#00ccff;}
.suggested_tags a:hover {color:00ccff;text-decoration:underline;background:#f8f8f8;display:block;}
.suggested_tags a:link {display:block;}
.suggested_tags li {list-style-type:none;color:#00ccff;font-size:11px;margin:0px;padding:0px;text-decoration:none;}
.suggested_tags li hover {background:#ebebeb;display:block;}
.suggested_tags ul {list-style-type:none;color:#00ccff;font-size:11px;margin:0px;padding:0px;text-decoration:none;}
.suggested_tags ul a:hover {text-decoration:underline;background:#ebebeb;display:block;}
#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0; display:block;}
#nav-secondary {padding-top:0;margin-top: 10px}
#nav-secondary a {line-height:1.5;font:96% arial;display:block; color:#66c;border-bottom:1px solid #eadfb4;}
#nav-secondary a:hover {color:#666}

a.switchurl {border-bottom:1px solid #ebebeb;display:block;margin-right:8px;padding:0 0 4px 5px}

/* News items  */
.news-summary {
	background:transparent url(../images/cardback_4.gif) no-repeat scroll 0pt 50%;
	float:left;
	height:480px;
	padding:5px;
	position:relative;
	width:345px;
}
/* Headline */
.top {
	margin:20px 15px 15px;
}
.top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#36c; font-weight:bold}
.top h4 a:hover {color:#000;}
.toptitle {margin:0;font-size:12px;font-weight:normal;/*display:none;*/}
.toptitle a:link, .toptitle a:visited {color:#774525; font-weight:bold}
.toptitle a:hover {color:#333;}
/* The URL and Poster below headline */
.news-submitted {font-size:10px;margin-bottom:3px;color:#999999; }
.news-submitted a {color:#999; text-decoration:underline}
.news-submitted a:hover {text-decoration:underline;color:#00ccff}
.news-submitted img {float:left;margin-right:4px; margin-top:3px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */
/* Post text */
.news-body-text {margin:10px 0px 0px 0px; font-size:96%}
/* Post details below text */
.news-details {margin:0;font-size:10px;position:absolute;z-index:100;}
.news-details a:link, .news-details a:visited {color: #666;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#333;text-decoration:underline}
.news-details b {color:#c00}
* html .news-details {padding-right:136px}
.news-details select {border:none}
.news-details .tool {display:block;float:left;padding:0 4px 0 4px}
.news-details .tool-right {	display:block;float:left;padding:0 4px 0 4px}
.news-details .comments_no {	padding-left:37px;border-left:none}
ul.news-details li li {	border-left:none;float:none;height:21px}

/* Votebox*/
.news-upcoming {
	background:transparent url(../images/postit2.png) no-repeat scroll 0pt 50%;
	font-size:85%;
	height:71px;
	left:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:260px 280px;
	padding:25px 0px 0px;
	position:absolute;
	text-align:center;
	top:3px;
	width:75px;
}
.news-upcoming2 {
	background:transparent url(../images/postit2.png) no-repeat scroll 0pt 50%;
	font-size:85%;
	height:71px;
	left:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:260px 280px;
	padding:25px 0px 0px;
	position:absolute;
	text-align:center;
	top:3px;
	width:75px;
}

.vote-publish a {font-size:20px;letter-spacing:-1px;text-decoration:none;line-height:25px;padding:15px 0 0px 0}
.vote-publish a small {font-size:12px;letter-spacing:0px;text-decoration:none} 
.vote-publish a:link, .vote-publish a:visited {color:#00ccff}
.vote-publish a:hover, .vote-publish a:active {text-decoration:none;color:#000}
.vote a:link,.vote a:visited, .vote span {display:block;padding:0px 0 0px 0;color:#774525;font-size:10px; text-decoration:none}
.vote a:hover {color:#000}
.vote span {color:#ccc;font-size:10px}

/* Comments*/
#comment-wrap {border-bottom:solid 1px #e1e1e1}
#comment-head {background:#e1e1e1;width:100%;}
.comment-body {background:#fafafa;padding:0 4px}
.comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px}
 /*Comments avatar */
.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;}
/* Comments rating buttons */
#comment-subhead {float:right;margin-top:-21px;font-size:11px}
.ratemey {background:#009900;padding:1px 5px}
.ratemen {background:#c00;padding:1px 6px;color:#fff}
.rateme {color:#fff;font-size:14px}

/* Profile */
#wrapper {width: auto;margin-right:40px;}
#stats {width: 48%; float: right; }
#personal_info {width: 48%; float: left;}
#bookmarklet {width: 100%; }

/* Live */
.live2 {margin: 10px 10px 10px 10px;background-repeat: no-repeat;background-position: bottom right; }
.live2 strong {font-size: 95%; }
.live2-item {width: 100%;clear: both;border-bottom: 1px solid #ccc;padding: 5px 2px 0px 2px;min-height: 25px;text-align: center;overflow: hidden;}
.live2-ts, .live2-type, .live2-votes, .live2-story, .live2-who, .live2-status {float: left;display: block;}
.live2-ts {width:10%;text-align: left;}
.live2-type {width:10%;text-align: left;}
.live2-type img {border:none;margin: 0 0 0 0;vertical-align: middle;}
.live2-votes {width:10%;text-align: left;}
.live2-story {width:37%;text-align: left;}
.live2-who {width:18%;text-align: left;}
.live2-status {width:15%;text-align: left;}
.live2-problem {color:#F00;}

/* Page navigation */ 	
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin:0 0 0 0; clear:left;}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; margin-right:1px}
.pagination p a:hover {background:#774525;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; margin-right:1px}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}

/* Footer */
.footer { padding:10px 0 30px 15px;font-size:86%;color:#999; margin-top:15px;}
.footer a:link {color:#999}
.footer a:hover {color:#774525}

/* Misc */
.error {color:#c00;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#FFC5BE;padding:5px;}
.success {color:#390;font-weight:bold}

