/* modifications by Abendago Media Group */
/* mod the header bar to redo the background */
body {background-color: #808386!important;}

#contentcontainer {
	background-color:none!important;
	background-image: url("../img/abendago/tilebg.jpg");
	background-repeat: repeat-y;
	width: 980px!important;
	margin: 0 auto;
}

#contentcontainer2 {
	background-color:none!important;
	background-image: url("../img/abendago/tilebg.jpg");
	background-repeat: repeat-y;
	width: 980px!important;
	margin: 0 auto;
}

/*------ Header Styles ------*/
#header {
background-color:none!important;

}

#header2 {
background-color:none!important;

}

#header {background-image: url("../img/abendago/headers/coolcolors_clouds_blue.jpg")!important; background-position: top center; height: 163px; width: 980px;margin: 0 auto;}


#header2 {background-image: url("../img/abendago/headers/coolcolors_clouds_blue.jpg"); background-position: top center; height: 163px; width: 980px;margin: 0 auto;}


/* change this line to modify the header image and invite box */
/* options can be found in the headers directory and the invites directory.... */
body.activity #header {background-image: url("../img/abendago/headers/coolcolors_clouds_blue.jpg")!important; background-position: top center; height: 63px!important; width: 980px;margin: 0 auto;}
body.activity #inviteBox { background: url("../img/abendago/invites/invite-minion-yellow.jpg") no-repeat 0px 50px;}


body.activity #header2 {background-image: url("../img/abendago/headers/coolcolors_clouds_blue.jpg")!important; background-position: top center; height: 63px!important; width: 980px;margin: 0 auto;}
body.activity #inviteBox2 { background: url("../img/abendago/invites/invite-minion-yellow.jpg") no-repeat 0px 50px;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


#header .container {background: none!important;}
#header .tophat {background:none!important;position: relative!important;}

#header .tophat h2.brand a {background:none; height: 100px;width: 100px;}

#header .tophat h2.brand img{ display: none;}


#content a, #sidebar a
{
color: #cc6600!important; 
}


#header2 .container {background: none!important;}
#header2 .tophat {background:none!important;position: relative!important;}

#header2 .tophat h2.brand a {background:none; height: 100px;width: 100px;}

#header2 .tophat h2.brand img{ display: none;}


#content2 a, #sidebar2 a
{
color: #cc6600!important; 
}

/* top user logged in as section */
ul.uid
{
margin-right:15px;
}
ul.uid, ul.uid a
{
color: #fff!important;
}

.highlight, a.highlight {background-color:#e4e4e1;}

#content p.viewall a
{
color: #666666!important;
font-size: 11px!important;
}
.viewall a {background:transparent url(../img/abendago/grayarrow.jpg) no-repeat right center;}


.subsection p
{
color: #777777;
}

#prevImage
{
padding-top:50px;
margin-right: 10px;
}




/* navigation */
ol.navigation
{
position: absolute;
top: 105px!important;
margin:0px!important;
padding:0px!important;
left: 140px;
}


#header .navigation li {background:none; margin-top:0px!important;}
#header .navigation li a {background: none; color: #000;font-weight: bold;}

#header .navigation li {background:none; background-color: none; margin:0.5em 0 0 0.5em;margin-top:13px;  font-size: 9px;}
#header .navigation li a {background:none; background-color: none; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#000; padding-top:2px;padding-bottom:2px;}
#header .navigation li a em {background: none;}

#header .navigation li.create, #header .navigation li:hover.create {background:none; background-color: #666; margin:0.5em 0 0 0.5em;margin-top:13px;  font-size: 9px; padding-top: 2px;}
#header .navigation li.create a, #header .navigation li:hover.create a {background:none; background-color: #666; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#fff; padding-top:2px;padding-bottom:2px;}
#header .navigation li.create a em, #header .navigation li:hover.create a em { background:transparent url(../img/abendago/whiteorgrayarrow.jpg) no-repeat right center; font-style: normal!important; font-weight: bold;}
#header .navigation li.create a:hover {background-color: #666;color:#fff;}

#header .navigation li.on,  #header .navigation li:hover {background:none; background-color: #d0e7f4; margin:0.5em 0 0 0.5em;margin-top:13px;  font-size: 9px;}
#header .navigation li.on a, #header .navigation li:hover a, #header .navigation li a:hover {background:none; background-color: #d0e7f4; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#000; padding-top:2px;padding-bottom:2px;}
#header .navigation li.on a em {background: none;}



#header2 .navigation li {background:none; margin-top:0px!important;}
#header2 .navigation li a {background: none; color: #000;font-weight: bold;}

#header2 .navigation li {background:none; background-color: none; margin:0.5em 0 0 0.5em;margin-top:13px;  font-size: 9px;}
#header2 .navigation li a {background:none; background-color: none; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#000; padding-top:2px;padding-bottom:2px;}
#header2 .navigation li a em {background: none;}

#header2 .navigation li.create, #header .navigation li:hover.create {background:none; background-color: #666; margin:0.5em 0 0 0.5em;margin-top:13px;  font-size: 9px; padding-top: 2px;}
#header2 .navigation li.create a, #header .navigation li:hover.create a {background:none; background-color: #666; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#fff; padding-top:2px;padding-bottom:2px;}
#header2 .navigation li.create a em, #header .navigation li:hover.create a em { background:transparent url(../img/abendago/whiteorgrayarrow.jpg) no-repeat right center; font-style: normal!important; font-weight: bold;}
#header2 .navigation li.create a:hover {background-color: #666;color:#fff;}

#header2 .navigation li.on,  #header .navigation li:hover {background:none; background-color: #d0e7f4; margin:0.5em 0 0 0.5em;margin-top:13px;  font-size: 9px;}
#header2 .navigation li.on a, #header .navigation li:hover a, #header .navigation li a:hover {background:none; background-color: #d0e7f4; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#000; padding-top:2px;padding-bottom:2px;}
#header2 .navigation li.on a em {background: none;}



#sidebar #calendar { width: 210px;}
#sidebar #calendar table { padding:0px!important; margin:0px;}

/* search form */
form.search
{

}

.tophat #searchbox
{
position: absolute;
top: 82px!important; /* ie 7 sits here*/
left: 700px!important;
width: 230px!important;
_top: 103px!important;
}



.tophat .search input.submitBtn
{
background-color: #666;
border: none;
color: #fff;
font-weight: bold;
height: 25px;
_height: 23px;
font-size: 11px;
letter-spacing: .5pt;
width: 40px;

}
/* side bar modification */
#sidebar
{
background-color: #dfe3e4;
	background: url("../img/abendago/righttile.jpg");

}






#sidebar .userInformation .userPoints {border:1px solid #999999; background-color: #dfdfd5!important; background-image: none; color: #807164!important;}

#calendar th.month
{
color: #cc6600!important; 
}

/* needed to modify <div id="calendar"><table><thead><th class="prev"> so that is has class 
also: <div id="calendar"><table><thead><th class="prev">
*/
#calendar table thead th.prev
{
	background: url("../img/abendago/prev.jpg") no-repeat 5px 13px;
}

#calendar table thead th.next
{
	background: url("../img/abendago/next.jpg") no-repeat 5px 13px;
}


#calendar table thead th.prev a, #calendar table thead th.next a
{
display: block;
text-indent: -9999px;
}



#content .section_suggestions .activityList .activityPreview .attend
{
background:#fff url(../img/abendago/attend.jpg) no-repeat 0 0;
}

a.attend img
{
display:none;
}

#content .no_activities .search {background:none!important; border: none;}
#content .no_activities .search .textfield {border:1px solid #9ca2a8; background:#fff url(../img/bg_search.png) repeat-x 0 0; width:20.0em; font-size:1.6em; margin-right:4px; padding:0.4em 0.4em 0.3em 2.0em; color:#888;}

/* needed to replace this image ... <li class="submit"><input src="_base/img/btn_findLarge.png" type="image" value="find" /></li>
width
<li class="submit"><input type="submit" value="find" class="largeSearchSubmit" /></li>
/* footer links */
input.largeSearchSubmit
{
border: none!important;
height: 34px;
background-color: #666;
width: 75px;
color: #fff!important;
font-size: 17px!important;
}

.section_activities li.submit
{
border:none!important;
}

#subcontainer
{
background: url("../img/abendago/footer.jpg") no-repeat bottom center;
padding-bottom:42px;
}
#footer p, #footer a
{
color: #fff;
}

#footer {padding:0.0em 0; margin-bottom:4.0em; clear:both;}


/* activity stuff */

body.activity .tophat #searchbox
{
top: 2px!important; /* ie 7 sits here*/
_top: 28px!important;
}

body.activity ol.navigation
{
top:30px!important;
}

body.activity #header {background-image: url("../img/abendago/headers/coolcolors_clouds_blue_short.jpg")!important; background-repeat: no-repeat!important; background-position: top center; height: 75px; width: 980px;margin: 0 auto;}
body.activity #header .tophat h2.brand a {background:none; height: 60px;width: 100px;}

body.activity #header2 {background-image: url("../img/abendago/headers/coolcolors_clouds_blue_short.jpg")!important; background-repeat: no-repeat!important; background-position: top center; height: 75px; width: 980px;margin: 0 auto;}
body.activity #header2 .tophat h2.brand a {background:none; height: 60px;width: 100px;}

body.activity .tophat .search
{
top:25px!important;
}

/*<p class="activityLocation">1209 10th Street NW, Apt. #10<br />Washington, D.C. 20001</p><a href="" class="highlight">view directions</a></p>

became

<p class="activityLocation">1209 10th Street NW, Apt. #10<br />Washington, D.C. 20001</p>
<p class="viewDirections"><a href="" class="highlight">view directions</a></p>
*/

body.activity p.viewDirections a.highlight
{
background: #fff8d5 url("../img/abendago/orangeonyellow.jpg") no-repeat 100px 8px;
padding:3px;
padding-right:15px;
color: #000!important;
}

body.activity p.activityDescription
{
padding-left:0px;
}

/* <!-- <li class="submit"><input src="_base/img/btn_find.png" type="image" value="find" /></li> -->
					<li class="submit"><INPUT TYPE="submit" value="Find" class="submitBtn"></li>

					Changed the input src image to a simple button and then styled
*/

body.activity .popReport form input
{
border: none!important;
}
body.activity #sidebar
{
	background-color: #fff;
	background: none;
	border: none!important;
}

body.activity #sidebar h4, body.activity #sidebar h4 a
{
	color: #000!important;
	
}

body.activity ul .pos_right
{
border: none!important;
}

body.activity #content .btn_requestaction {width:142px; height:24px; display:block; background: transparent url(../img/abendago/requestaction_orange.jpg) no-repeat 0 0;}

body.activity #sidebar .rsvp h4 a.expand {background:transparent url(../img/abendago/orangedown.jpg) no-repeat 0 5px; padding-left:15px;}
div.section_servicedirectory {margin-top:18px!important; padding-left:0px!important;margin-left:0px!important;  width:205px!important;}
body.activity #submitCommentBtn
{
display:block;
background: transparent  url("../img/abendago/orange_submitcomment.jpg") no-repeat;
border: none!important;
text-indent: -1000em!important;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
color:#fff;
width: 100px;
height: 55px;
margin: 0;
padding: 0;
}
body.activity #content p.viewall a
{
color: #cc6600!important;
font-size: 11px!important;
}
body.activity .viewall a {background:transparent url(../img/abendago/orangearrow_right.jpg) no-repeat right center;}
body.activity  h1 {font-size:2.2em; padding-left:10px; background:none!important; color: #cc6600!important;}
body.activity .section_activities h4 {padding-left:10px!important; margin:0px!important; background:none!important; font-weight: bold!important;}


/* had to modify <div class="twoColumn section_activities clear" id="inviteBox"> so that it had the inviteBox for the activitiy page */
body.activity #inviteBox {
position: relative;
background: url("../img/abendago/invites/invite-minion-clouds.jpg") no-repeat 0px 50px;
width: 638px;
height: 485px;
}
body.activity .btn_invitesomeone {
position: absolute;
top:0px;
right:15px;
}
body.activity #inviteBox .pos_left{

padding-left:10px!important;
}
body.activity #inviteBox .pos_left h5 a{

color: #000!important;
}
body.activity #inviteBox .pos_right {

margin-top:65px!important;float:none!important;margin-left: 330px;
}

body.activity #inviteBox .pos_right object{

padding-top:65px!important;
}
body.activity .subsection {background:none!important;}

body.activity #inviteBox .activityLocation, body.activity #inviteBox .viewDirections a{
color: #000!important;
}


/* changes to the xhtml for index_permalink.html

wrap the object tag in div...
<div id="prevImage"></div>

changes all files....

wrap the top searchbox form in div
<div id="searchbox"></div>

*/

ol.navigation {
    width:500px;
}

ul.uid {
    width: 320px; left: 650px; top: -20px; }

#header .navigation li.on div, #header .navigation li:hover div, #header .navigation li div:hover {background:none; background-color: #d0e7f4; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#000; padding-top:2px;padding-bottom:2px;}

#header .navigation li.on div em {background: none;}


#header2 .navigation li.on div, #header .navigation li:hover div, #header .navigation li div:hover {background:none; background-color: #d0e7f4; margin-left:0.5em;  margin-right:0.5em; padding:0px; color:#000; padding-top:2px;padding-bottom:2px;}

#header2 .navigation li.on div em {background: none;}

	div.thumb-wrap img {
		
		border: 3px solid white;
	
	}
	div.x-view-over img {
	
		border: 3px solid red;
	}


ul.uid {
    width: 939px; left: 0px; top: -20px; }

ul.uid li {

    float:right;

}