/*
Theme Name: mobilephonatics-buddypress
Tags: buddypress, two-columns, custom-header, white, blue
*/

/***
 * The admin bar default styles
 */
@import url( css/adminbar.css );
@import url( css/default.css );
/* CSS Document */

body, html
{
	background:#BAC7D5 url(images/bg.png) repeat-x;	
	height: 100%;
	line-height: 20px;
	font-size: 90%;
	font-family: Arial, Verdana,  sans-serif;
	color: #444444;
	padding:0px;
	height: inherit; 
	margin: 0px 0px 0px 0px;


}

a.readmore:link, a.readmore:visited, a.readmore:active {

	color: #8C0707;	
	text-decoration: none;

}

a.readmore:hover 
{
	
	color: #B41D1C;	
	text-decoration: underline;
}




/* start menu */


a.menu:link, a.menu:visited, a.menu:active , #menu-container a:link, #menu-container a:visited, #menu-container a:active{

	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	width: 121px;
	height: 48px;
	text-align:center;




}

a.menu:hover , #menu-container a:hover
{
	
	color: #FFFFFF;	
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	background: url(images/menu2.png) no-repeat top center;
	width: 121px;
	height: 48px;

	
	
}



a.menu-current, .current-cat a
{
	color: #FFFFFF;	
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	background: url(images/menu2.png) no-repeat top center;
	width: 121px;
	height: 48px;
}








 #menu-container
 {
    float: left;
	position:relative;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 1003px;
	height: 65px;
	color: #fff;
	background: url('images/menu-container.png') no-repeat;

	

 }

  #menu-container li {
      
      list-style:none;
      margin: -2px 37px 0px -40px;
      display: list-item;
	  float:left;
	  
	  
    }
    
    #menu-container li a {

      display: list-item;
      float:left;
      padding: 12px 0px 15px 0px;
      margin: 5px 2px 0px 0px;
	
}    
	




#phone
{
float: right;
position: relative;
background: url(images/phone-top.png) no-repeat;
width: 230px;
height: 260px;
margin: -150px -125px 0px 255px;
}

#search-which{
margin:10px 0 0 0;
}

.search-bg
{
float: right;
/* background: url(images/search-bg.png) no-repeat; */
width: 355px;
height: 30px;
margin: 8px 30px 0px 0px;
}

.search-form
{
  float: left;
  border: 0px #BCC9D9;
  background: url(images/search-bg.png) no-repeat;
  font-size: 1em;
  font-family:  Arial, Helvetica, sans-serif;
  color: #2B353F;
  margin-bottom:0px;
  margin-left: 3px;
  margin-top: 5px;
  width: 190px;
  height: 30px;
  padding: 5px 35px 0px 7px;  
 }
 
 
 
.search-button
{
float: left;
margin: 10px 3px 0 -50px;
}





/* end menu */








/* starts header */



.logo
{
float: left;
margin: 30px 0px 0px auto;
width: 400px;
height: 85px;
}




#header-features
{
float: left;
position:relative;
margin: 30px 0px 0px 80px;
height: 25px;
}



.header-features
{
float: left;
font-size: 1.2em;
color: #fff;
font-weight: bold;
text-transform:capitalize;
margin: 5px 0px 0px 50px;
width: 350px;
}






















/* starts main contents */

.maincontents
{
float: left;
width: 580px;
padding: 0px 15px 5px 10px;

}


#container
{

width: 1003px;
margin: 0px auto;

}




.container-main
{
	float: left;
	/* background: url(images/container-middle.png);	*/
	width: 1000px;
	margin: 0px auto auto 0px;
}



.bg-container
{
	float: left;
	background: #fff url(images/bg-container.png) repeat-x;	 
	width: 1000px;
	margin: 0px auto 0px 1px;
}



.container-bottom
{
	float: left;
/*	background: url(images/container-bottom.png);	*/
	width: 1010px;
	min-height: 25px;
	margin: 0px auto auto auto;
}





/* start left panel */

#left
{
float: left;
width: 600px;
margin: 15px 0px 0px 15px;
}




.panel-top
{
	float: left;
	background: url(images/panel-top.png);	
	width: 600px;
	height: 25px;
	margin: 0px auto;
}




.panel-middle
{
	float: left;
	background: url(images/panel-middle.png);	
	width: 600px;
	margin: 0px auto;
}





.panel-bottom
{
	float: left;
	color: #00749C;
	background: url(images/panel-bottom.png);	
	width: 600px;
	min-height: 25px;
	margin: 0px auto 10px auto;
}





/* blog posts */

.date-top
{
background: url(images/date-top.png) repeat-x;
width: 60px;
height: 25px;
}


.date-top-text
{
color: #2B2D30;
font-weight: bold;
font-size: 1em;
text-align: center;
padding: 5px 0px 0px 0px;
}




.date-bottom
{
background: url(images/date-bottom.png);
width: 60px;
height: 25px;
}



.date-bottom-text
{
color: #fff;
font-weight: bold;
font-size: 1em;
text-align: center;
padding: 0px 0px 0px 0px;
}





.blog-title
{
float: left;
color: #2B2D30;
font-weight: bold;
font-size: 1em;
margin: -35px 0px 0px 75px;
}




.refer
{
float: left;
color: #222F3D;
font-weight: bold;
font-size: 1.2em;
margin: 20px 0px 0px 5px;
}





/* comments*/

.comments-title
{
float: left;
color: #164B84;
font-weight: bold;
font-size: 1.2em;
margin: 0px 0px 10px 0px;
}



.comments
{
float: left;
width: 600px;
margin: 0px 0px 0px 10px;
}


.comments ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: inherit;
}
.comments li {
	margin: 0px 20px 0px 0px;
	padding: 20px;
	list-style: none;
	
	
}

.comments ul li.even
{
background:#E7EDF4;
min-height: 150px;
}
.comments ul li.odd
{
background:#F5F9FE;
min-height: 150px;
}


.comments-avatar
{
float: left;
width: 100px;
height:72px;
}

.comments-writeups
{
float: left;
position: relative;
width: 450px;
margin: -72px 0px 40px 100px;

}


.date
{
float: right;
width: 150px;
margin: 0px -50px 0px 0px;
}

.images
{
border: 1px solid #B9C5D4;
}



.referblog
{
float: left;
width: 600px;
margin: 10px 0px 0px 15px;



}
.referblog ul
{

float:left;
position:relative;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #2890b3;

}

.referblog ul li
{
float: left;
list-style:none;
padding: 0px 0px 0px 0px;
}












/* start right panel */

#right
{
float: left;
width: 345px;
margin: 15px 0px 0px 20px;
}


.sidebar-title
{
	float: left;
	padding: 11px 0px 0px 0px;
	color: #244A5F;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: -10px;
}



.sidebar-top-left
{
	float: left;
	background: url(images/sidebar-top-left.png);	
	width: 25px;
	height: 35px;
	margin: 2px 0px 0px 0px;
	margin: 0px auto;
}




.sidebar-top
{
	float: left;
	background: url(images/sidebar-top.png);	
	width: 345px;
	height: 25px;
	margin: 0px auto;
}


.sidebar-middle
{
	float: left;
	background: url(images/sidebar-middle.png);	
	width: 345px;


}

.sidebar-contents
{
	float: left;
	width: 300px;
	margin: 0px 0px 0px 10px;

}



.sidebar-icon
{

margin: -20px 5px 5px 0px;
}


.sidebar-title
{
float: left;
margin: -40px 5px 5px 70px;
color: #000;
font-size: 1em;
font-weight:bold;
text-transform: uppercase;
text-align:left;
}



.sidebar-bottom
{
	float: left;
	background: url(images/sidebar-bottom.png);	
	width: 345px;
    height:25px;
	margin: 0px 0px 15px auto;
    text-align:left;
}



.sidebar-hr
{
	float:left;
	background: url(images/sidebar-hr.png) no-repeat;	
	width: 280px;
    height:10px;
	margin: -8px 0px 0px 25px;
}





.sidebar-body-left
{
	float: left;
	background: url(images/sidebar-body-left.png);	
	width: 25px;
	min-height: 150px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}





.sidebar-body-center
{
	float: left;
	background-color: #FAFBFC;
	width: 240px;
	min-height: 80px;
	margin: 0px auto;
}

.sidebar ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
.sidebar li {
	background: url(images/arrow.png) no-repeat top left;
	margin: 10px 20px 5px 0px;
	padding: 0px 20px 0px 30px;
	list-style: none;
	
}










.sidebar-body-right
{
	float: left;
	background: url(images/sidebar-body-right.png);	
	width: 25px;
	min-height: 150px;
	margin: 0px auto;
}




.sidebar-bottom-left
{
	float: left;
	background: url(images/sidebar-bottom-left.png);	
	width: 25px;
	min-height: 35px;
	margin: 0px auto;
}




.sidebar-bottom-center
{
	float: left;
	background: url(images/sidebar-bottom-center.png);	
	width: 240px;
	min-height: 35px;
	margin: 0px auto;

}



.sidebar-bottom-right
{
	float: left;
	background: url(images/sidebar-bottom-right.png);	
	width: 25px;
	min-height: 35px;
	margin: 0px auto;
}


/* sidebar dividers */

.divider
{
float: left;
width: 350px;
margin: 10px 0px 0px 15px;



}
.divider ul
{

float:left;
position:relative;
margin: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #2890b3;

}

.divider ul li
{
float: left;
list-style:none;
padding: 0px 0px 0px 0px;
}




/* sidebar popular */

.popular
{
float: left;
width:345px;
margin: 10px 0px 0px -30px;



}
.popular ul
{

float:left;
position:relative;
margin:0;
padding: 0px 0px 0px 0px;
border: 0px solid #2890b3;

}

.popular ul li
{
float: left;
list-style:none;
padding: 0px 0px 0px 0px;
}




.newsletterbutton
{
	float: left;
	padding: 0px 0px 0px 120px;
}






.ads
{
float: left;
width: 290px;
height: 250px;
margin: 5px auto 0px auto;
border: 1px solid #CCD7DC;
}







/* start footert contents */

#footer
{
float: left;
width: 1002px;
height: 221px;
background: url(images/footer-bg.png) repeat-x;
margin: 0px 0px 50px 0px;
}


#latest-activity
{
float: left;
width: 1002px;
height: 135px;
margin: 25px 10px 10px 10px;

}

.latest-activity1
{
float: left;
width: 450px;
margin: 10px 0px 0px 0px;;

}

.latest-activity2
{
float: right;
width: 450px;
margin: 10px 30px 0px 0px;

}

.username{
color: #8C0707;
}


#quote
{
float: left;
width: 415px;
height: 60px;
background: url(images/quote.png) no-repeat;
margin-right: 10px;
padding: 3px 0px 0px 25px;
}


.quote
{
float: left;
width: 370px;
height: 40px;
margin: 0px 20px 0px 5px;
line-height: 1.2em;

}



.time{
color: #111;
font-size: .800em;
}

.footer-contents 
{
float: left;
width: 980px;
height: 20px;
margin: 0px 0px 0px 10px;

}



.footer-left 
{
width: 333px;
float: left;
margin: 15px 0px 0px 0px;;

}



.footer-right
{
float: right;
margin: 0px 0px 0px 0px;

}

.footer-right li{
list-style:none;
float:left;
padding: 0 10px;
}


a.phonatics:link, a.phonatics:visited, a.phonatics:active,
 .footer-right a:link, .footer-right a:visited, .footer-right a:active {

	color: #2D343E;	
	text-decoration: none;

}

a.phonatics:hover , .footer-right a:hover
{
	
	color: #555555;	
	text-decoration: underline;
}










/* start  of forms */


.forms
  {
  background: #F1F4F9;
  width: 222px;
  border: 1px solid #BDC9D5;
  font-size: 1em;
  font-family:  Arial, Helvetica, sans-serif;
  color: #4B5258;
  margin-bottom:2px;
  margin-left: 22px;
  margin-top: 0px;
  text-align:left;
  
  }

.buttons
  {
  float: left;
  background-color: #557383;
  font-size: 1em;
  font-weight:bold;
  font-family:  Arial, Helvetica, sans-serif;
  color: #F2F5F7;
  border: 0px solid #CCD7DC;
  margin-bottom:0px;
  margin-right: 0px;
  margin-top: 8px;
   height: 23px;
   }
   
   



.arrow
{
float: left;
position:relative;
width: 60px;
height: 60px;
background: url(images/submit-arrow.png) no-repeat;
margin: -100px 0px 0px 317px;
}