/*
Theme Name: Breast Sens
Version: BETA
Designer: Kaylee Bekker
Developer: John Kosmetos
*/

hr {
	color: #FFF;
	clear: both;
}

a {
	text-decoration: none;
	color: #CCC;
}

img {
	border: none;	
}

/* Begin Typography & Colors */
body {
	font-size: 72%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
	color: #333;
	text-align: center;
	margin: 0;
}

/* Header styling starts here */
#header {
	width: 1080px;
	margin: 0 auto;	
}

#div_two {
	background: url(images/home_11.jpg);
	width: 1044px;
	height: 122px;
	margin: 0 auto;	
	float: left;
}

#div_three {
	background: url(images/home_12.jpg);
	width: 1044px;
	height: 112px;
	margin: 0 auto;	
	float: left;
}

#div_four {
	background: url(images/home_14.jpg);
	width: 1044px;
	height: 114px;
	margin: 0 auto;	
	float: left;
}

#menubar {
	margin: 0 auto;
}

#menubar_one {
	height: 64px;
	width: 50px;
	background: url(images/menu_end_left.png);
	float: left;
	display: inline;
}

#menubar_two {
	height: 64px;
	width: 79px;
	background: url(images/home_btn.png);
	float: left;
	display: inline;
}

#menubar_three {
	height: 64px;
	width: 70px;
	background: url(images/about_btn.png);
	float: left;
	display: inline;
}

#menubar_four {
	height: 64px;
	width: 130px;
	background: url(images/latest-events_btn.png);
	float: left;
	display: inline;
}

#menubar_five {
	height: 64px;
	width: 109px;
	background: url(images/reachout_btn.png);
	float: left;
	display: inline;
}

#menubar_six {
	height: 64px;
	width: 87px;
	background: url(images/gallery_btn.png);
	float: left;
	display: inline;
}

#menubar_seven {
	height: 64px;
	width: 100px;
	background: url(images/research_btn.png);
	float: left;
	display: inline;
}

#menubar_eight {
	height: 64px;
	width: 85px;
	background: url(images/contact_btn.png);
	float: left;
	display: inline;
}

#menubar_nine {
	height: 64px;
	width: 285px;
	background: url(images/search_box_2.png) repeat;
	float: left;
	display: inline;
}

#menubar_ten {
	height: 64px;
	width: 76px;
	background: url(images/menu_end_right.png);
	float: left;
	display: inline;
}

/* Content styling starts here */

#content {
	width: 1044px;
	margin: 0 auto;
	position: relative;
	right: 22px;
}

#headings {
	width: 940px;
	margin: 0 auto;
}

#heading_one {
	width: 260px;
	height: 101px;
	background: url(images/home_16.png);
	float: left;
	display: inline;
}

#heading_two {
	width: 337px;
	height: 101px;
	background: url(images/home_17.png);
	float: left;
	display: inline;
}

#heading_three {
	width: 336px;
	height: 101px;
	background: url(images/donate_heading.png);
	float: left;
	display: inline;
}

#content_boxes {
	width: 940px;
	margin: 0 auto;
}

.box_font_styling {
	font-size: 14px ;
	color: #fff;
}

#box_read_more {
	position: relative;
	bottom: 18px;
	left: 0px;
	float: right;
}

#box_1 {
	width: 260px;
	height: 161px;
	background: url(images/home_20.png);
	float: left;
	display: inline;
}

#box_2 {
	width: 337px;
	height: 161px;
	background: url(images/home_21.png);
	float: left;
	display: inline;
}

#box_3 {
	width: 336px;
	height: 168px;
	background: url(images/donate_box.png);
	float: left;
	display: inline;
}

#inner_box_1 {
	width: 200px;
	height: 120px;
	position: relative;
	top: 10px;
	left: 55px;
	text-align: left;
	line-height: 20px;
}

#latest_excerpt {
	overflow: hidden;
}

#inner_box_2 {
	width: 300px;
	height: 120px;
	position: relative;
	top: 10px;
	left: 20px;
	text-align: left;
	line-height: 20px;
}

#inner_box_3 {
	width: 260px;
	height: 120px;
	position: relative;
	top: 10px;
	left: 20px;
	text-align: left;
	line-height: 20px;
}

#box_buttons {
	width: 940px;
	margin: 0 auto;
}

#button_container_1 {
	width: 260px;
	float: left;
	display: inline;
}

#button_container_2 {
	width: 337px;
	float: left;
	display: inline;
}

#button_container_3 {
	width: 336px;
	float: left;
	display: inline;
	background: url(images/donate_box-03.png);
	width: 335px;
	height: 45px;
	position: relative;
	left: 1px;
}

#button_1 {
	width: 133px;
	height: 45px;
	background: url(images/home_28.png);
	float: right;
	display: inline;
	position: relative;
	top: 0px;
	right: ;
}

#button_2 {
	width: 166px;
	height: 45px;
	background: url(images/home_30.png);
	float: right;
	display: inline;
	position: relative;
	top: 0px;
	left: 1px;
}

/* Footer styling starts here */

#footer {
	width: 940px;
	margin: 0 auto;
}

#footer_space {
	width: 1044px;
	height: 25px;
	float: left;
}

#footer_inner {
	float: right;
	position: relative;
	top: 70px;
	width: 940px;
}

#footer_text {
	float: left;
	position: relative;
	top: 18px;
	left: 0px;
	color: #999;
}

#social_icons {
	
}

#social_1 {
	width: 45px;
	height: 45px;
	background: url(images/home_38.png);
	position: relative;
	right: 57px;
	float: right;
	display: inline;
}

#social_1:hover{
	width: 45px;
	height: 45px;
	background: url(images/twitter_over.png);
	position: relative;
	right: 57px;
	float: right;
	display: inline;
}

#social_2 {
	width: 45px;
	height: 45px;
	background: url(images/home_36.png);
	position: relative;
	right: 70px;
	float: right;
	display: inline;
}

#social_2:hover {
	width: 45px;
	height: 45px;
	background: url(images/fb_over.png);
	position: relative;
	right: 70px;
	float: right;
	display: inline;
}

/* Contact page styling starts here */

#content_page_header {
	background: url(images/Contact-Content-Box_01_04.jpg);
	width: 643px;
	height: 222px;
}

#top_contact_bar {
	background: url(images/content_02.jpg);
	height: 41px;
	width: 1044px;
	margin: 0 auto;
	float: left;
}

#content_page_container {
	margin: 0 auto;
	width: 1044px;
}

#content_left_div {
	float: left;
	position: relative;
	left: 85px;
}

#content_sidebar {
	float: right;
	position: relative;
	right: 66px;
}

#content_quote_div {
	width: 643px;
	height: 222px;
}

#content_div {
	width: 618px;
	background: #727171;
	height: 600px;
	position: relative;
	left: 12px;
	padding: 25px;
}

/* Sidebar styling starts here */

#sidebar {
	float: right;
}

#sidebar_one {
	background: url(images/content_05.png);
	width: 249px;
	height: 165px;
	float: left;
	clear: left;
}

#sidebar_two {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
	text-align: left;
}

#inner_sidebar_two {
	width: 180px;
	position: relative;
	left: 38px;
}

#sidebar_three {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_three {
	width: 180px;
	position: relative;
	left: 40px;
	line-height: 18px;
	text-align: left
}

#sidebar_four {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_four {
	width: 189px;
	position: relative;
	left: 35px;
	line-height: 18px;
}

#sidebar_five {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_five {
	background: url(images/NBCC_sidebar.png);
	width: 257px;
	height: 227px;
}

#sidebar_six {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_six {
	background: url(images/CGI_sidebar.png);
	width: 257px;
	height: 95px;
}

#sidebar_seven {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_seven {
	background: url(images/LAF_sidebar.png);
	width: 257px;
	height: 56px;
}

#sidebar_eight {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_eight {
	background: url(images/YSC_sidebar.png);
	width: 257px;
	height: 95px;
}

#sidebar_nine {
	background: url(images/content_07.jpg);
	width: 249px;
	color: #222;
	float: left;
	clear: left;
}

#inner_sidebar_nine {
	background: url(images/GenderJustice_sidebar.png);
	width: 257px;
	height: 63px;
}

#sidebar_donate_header {
	background: url(images/content_28.jpg);
	width: 92px;
	height: 28px;
	position: relative;
	left: 32px;
}

#sidebar_member_header {
	background: url(images/content_15.jpg);
	height: 36px;
	width: 178px;
	margin: 0 auto;
}

#view_all_events_button {
	background: url(images/content_11.jpg);
	width: 97px;
	height: 32px;
	float: right;
	position: relative;
	right: 0px;
}

#become_a_member_button {
	background: url(images/content_21.jpg);
	height: 32px;
	width: 120px;
	position: relative;
	right: 31px;
	float: right;
}

#donate_button {
	background: url(images/content_32.jpg);
	width: 93px;
	height: 32px;
	float: right;
	position: relative;
	right: 32px;
}

/* News page styling */

#events_content_div {
	width: 620px;
	background: #727171;
	min-height: 600px;
	position: relative;
	left: 12px;
}

#events_heading {
	background: url(images/latest_events.png);
	width: 209px;
	height: 33px;
	margin: 0 0 0 25px;
	position: relative;
	top: 25px;
}

#event_content {
	text-align: left;
	padding: 25px 0 0 25px;
	color: #FFF;
	position: relative;
	top: 25px;

}

#event_content p {
	width: 480px;
}

#read_more_link {
	width: 82px;
	height: 28px;
	overflow: hidden;
}

#read_more {
	background: url(images/news_07.png);
	width: 82px;
	height: 28px;
	position: relative;
	left: 520px;
}

/* About us page styling */

#about_content_div {
	width: 568px;
	background: #727171;
	height: 600px;
	position: relative;
	padding: 25px;
	left: 12px;
}

#about_content {
	color: #FFF;
	text-align: left;
	width: 550px;
	margin: 0 auto;
	line-height: 18px;
}

/* Reach out */

#reach_content_div {
	width: 568px;
	background: #727171;
	position: relative;
	padding: 25px;
	left: 12px;
}

#reach_content {
	color: #FFF;
	text-align: left;
	width: 550px;
	margin: 0 auto;
	line-height: 18px;
}


/* Contact us page styling */

#contact_content_div {
	width: 620px;
	background: #727171;
	height: 600px;
	position: relative;
	left: 12px;
	float: left;
}

#contact_content {
	color: #FFF;
	text-align: left;
	width: 550px;
	margin: 0 auto;
	line-height: 18px;
	position: relative;
	top: 80px;
}

#contact_page_header {
	background: url(images/Callery-Content-Box_04.jpg);
	width: 643px;
	height: 222px;
}

#contact_header {
	background: url(images/contact_us.png);
	width: 196px;
	height: 20px;
	position: relative;
	left: 35px;
	top: 25px;
}

/* Gallery page styling starts here */

#gallery_page_header {
	background: url(images/Callery-Content-Box_04.jpg);
	width: 643px;
	height: 222px;
}

#gallery_content_div {
	width: 620px;
	background: #727171;
	position: relative;
	left: 12px;
	float: left;
	overflow: hidden;
}

#gallery_content {
	color: #FFF;
	text-align: left;
	line-height: 18px;
	position: relative;
}

#audio_content {
	width: 550px;
	position: relative;
	left: 25px;
}

#video_content {
	width: 550px;
	position: relative;
	left: 25px;
}

#image_content {
	width: 550px;
	position: relative;
	left: 25px;
}

#video_inner_header {
	background: url(images/gallery_video.png);
	height: 23px;
	width: 290px;
}

#audio_inner_header {
	background: url(images/gallery_audio.png);
	height: 23px;
	width: 271px;
}

#image_inner_header {
	background: url(images/gallery_images.png);
	height: 30px;
	width: 307px;
}

/* Post page styling starts here */

#post_content_div {
	width: 620px;
	background: #727171;
	min-height: 650px;
	position: relative;
	left: 12px;
	
}

#post_content {
	color: #FFF;
	text-align: left;
	width: 550px;
	margin: 0 auto;
	line-height: 18px;
	position: relative;
	top: 0px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:643px;
	height:222px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	width: 643px;
}
/* Twitter feed */

#twitter_container {
	width: 189px;
	overflow: hidden;
}

#twitter_header {
	background: url(images/twitter_header.jpg);
	height: 77px;
	width: 189px;
}

#twitter_content {
	width: 189px;
	background: #EBEBEB;
	float: left;
	clear: left;
}

.aktt_tweets {
	position: relative;
	bottom: 35px;
	right: 10px;
	text-align: left;

}

.aktt_tweet_time {
	display: none;
}

.aktt_more_updates {
	display: none;	
}

.aktt_tweets ul li {
	list-style-type: none;
	line-height: 18px;
}

/* Post page styling */

#inner_placement_div {
	width: 	595px;
	position: relative;
	margin: 0 auto;
	top: 25px;
	text-align: left;
}

/* Reach out page starts here */

#reach_out_page_header {
	background: url(images/reach_out.png);
	width: 155px;
	height: 24px;
	position: relative;
	
}

#reach_out_header {
	background: url(images/Qoutations-Box-Circle-Of-Love.jpg);
	width: 642px;
	height: 224px;
}

/* Research page starts here */
#research_header {
	background: url(images/mary_quotation.jpg);
	height: 224px;
	width: 642px;
	position: relative;
}

#research_page_header {
	background: url(images/research.png);
	width: 162px;
	height: 24px;
	position: relative;
	top: 25px;
	left: 25px;
}

#searchbutton {
	float: left;
	position: relative;
	right: ;
	bottom: ;
}

#searchsubmit {
	visibility: hidden;
	display: none;
}

#s {
	position: relative;
	top: 20px;
}

#searchform div{
	width: 285px;
	position: relative;
	right: 0px;
	float: left;
}