/*
Theme Name: BuddyPress Media Component
Theme URI: 
Description: For Buddypress
Version: 1.0
Author: Ashish
Author URI: .feature-desc p
Tags: buddypress,bp,rtcamp
*/

@import "style/css/reset.css";
body{margin:auto;font-family:Georgia; line-height: 170%;font-size: 90%}
#header{height:190px;background: url(images/header_image.gif) repeat-x;margin:auto; font-weight: bold;}
    #header-content{width:940px; margin:0 auto;height: 145px;}
            #header-content h2{display: none}
            #header-content h3{float: right;margin-right: 120px;color:#FFF}
        #header-title{padding:10px;float: left;}
            #header-title p{color:#FFF;font-weight: normal;padding:0 0 10px 0}
                    #header-title h1 a{color:#FFFFFF;font-size:20px; font-weight: bold;}
        #logo {width:131px;float: left;background: url(images/header_strip.gif) no-repeat ;margin:0 10px;}

    #header-nav{height:45px; background: #FFF url(images/nav_bg_strip.gif) repeat-x;}
        #header-nav ul{width:940px; margin:auto;height: 45px; text-transform: uppercase; font-family: "Trebuchet MS";}
            #header-list li{float:left;padding: 0 0 0 5px;margin-right:10px;line-height: 24px}
                #header-list li a{color:black;padding:8px;text-decoration:none;}
                    #header-list li a:hover{color:#fff!important;background: #083D44;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration: none}
                        .current{color:#f96802 !important; font-weight: bold; }
                        .demo-li{float:right !important;margin-top:-8px;}
                            .current_page_item a{color:#FFF !important; background: #083D44;-moz-border-radius:4px;-webkit-border-radius:4px}

#slider{padding: 10px;background: #FFF url(images/main_cantain_text_bg_strip.gif) repeat-x ;color:#000}
        #slider-container{width:940px;height: 350px;margin:0 auto;background: #FFF;border:2px solid #C0C0C0;-moz-border-radius:4px;-webkit-border-radius:4px}
            .previous{top: -150px;position: relative;float: left}
            .next{top: -150px;position: relative;float: right}

    #slider-text{width:330px;float: left;margin:20px 30px}
        #slider-text h1{font-size: 32px;font-weight: bold; line-height: 36px;margin-bottom: 10px}
        #slider-text h3{font-size: 18px;line-height: 28px;margin-bottom:10px; text-align: justify; color: #333}
            #slider-text h3 a{color:#08434A;}
                #slider-text h3 a:hover{color:#084322;text-decoration: underline}
            #slider-text h5{font-size: 12px;line-height: 15px;;margin-bottom:10px ;letter-spacing: 1px}
        #download-link {height:70px;width:320px;display: block;background: #FFF url(images/download_new_btn.png) no-repeat left center;padding:10px;border: 1px solid #FFF}
            #download-link:hover{background: #EEE url(images/download_new_btn.png) no-repeat left center;border:1px dashed #ccc;-moz-border-radius:4px;-webkit-border-radius:4px}
            #download-link img{float: left;margin-right: 10px}
            #download-link h2{margin-left: 50px;font-size: 36px;letter-spacing: 2px;color:#08434A;font-weight: bold; text-align: center}
            #download-link h4{margin-left: 50px;font-weight: bold;color: #08434A; text-align: center}
        #bp-version{text-align:center; font-style: italic; font-size: 80%; margin-left: 50px}
                    .version a{color:black;border: 1px solid #FFF;padding: 10px}
/*                         .version a:hover{color:#FFF;text-decoration: underline} */

        #content-home{background:#FFF;}
            .content-container{width:940px;margin: 0 auto;}
        #left-content{width:400px;float: left;}
            #left-content h3{font-size: 26px;padding-top: 20px;font-weight: 500;letter-spacing: 2px}
        #feature-list{width:400px;margin: 20px 0; font-size: 95%}
                #feature-list li {height:69px;margin-bottom:10px;}
                    #feature-list li img{float: left; margin: -10px 10px 0 0}
					#feature-list li p{padding:0 0 0 73px;}
            .feature-desc h4 {font-size: 18px}

    #right-content{width:511px;float: right;margin-left:20px}
            #right-content h3{font-size: 26px;padding: 20px 0px;font-weight: 500;letter-spacing: 2px}
    #updates li{border-bottom: 1px solid #d6d6d6; padding:10px 20px;;color:#5c5c5c;line-height: 20px;background: url("images/orange_bullet.gif") no-repeat left}
    .sidebar-widget ul{margin-left: 30px}
	.sidebar-widget ul li{list-style-type: disc}	

#footer-container{margin:0 auto;height:65px;color:#5c5c5c;background: url("images/footer_bg_strip.gif") repeat-x;color:#FFF}
    #footer-widget-container{width:940px;margin: auto;}
            .widget{width:300px;padding: 10px;float: right}
                div#footer-widget-container div#sidebar ul{width:300px;float: left;}
                    .widgettitle{font-size: 26px;padding:5px 0 10px 0;font-weight: 500;letter-spacing: 2px}
                #footer-container-item{margin: auto;width: 940px}
/*#footer-container p{padding:0 8px;width:520px;font-size: 12px;float:left;line-height: 70px}*/
                #footer-container p a {color:#FFF;}
        #footer-links{float: right}
            #footer-links li {float:left;font-size: 12px ;padding:25px 10px}
                #footer-links li a{color:#d6d6d6}
                
    .post h2{font-size: 20px; padding: 10px 0;text-transform: capitalize}
        .post p{margin-bottom: 20px;}
        .post ul{margin:20px}
                .post ul li{list-style-type: circle;}
    .post img{margin: 2px 5px;}


/*single page css*/
.single-post-details{width:940px;margin:auto}
    #comments{margin-top: 5px;line-height: 22px;background-color: #fafafa}
        .commentlist{padding:5px;word-spacing: 1px}
            .commentlist li{margin:5px 0;}
        .comment-body{padding:5px}
    .even{background: #fff}
    .odd{background:none repeat scroll 0 0 #FAFAFA;}
.avatar{padding:2px;border:1px solid #d3d34d;float: left;margin-right: 10px}

/*
 * Required
*/
#slider-content{width:515px;height: 293px;float: right;margin:20px 10px}
    .container { width:515px; height:290px; overflow:hidden; position:relative; cursor:pointer; }
        .slides { position:absolute; top:0; left:0; }
            .slides div { position:absolute; top:0; width:515px; display:none; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:515px; position:relative; clear:both; }
    ul.pagination { list-style:none; padding:0; margin:2px; }
        ul.pagination li  { float:left;margin-bottom: 2px }
            ul.pagination li a { padding:2px 4px; color:#FFF; font-size: 10px; font-weight:bold;margin: 2px}
                ul.pagination li.active a { background:orange; color:white; }

.error-404{background: url(images/my404.jpg) no-repeat center ;height:450px; margin:10px}
/*    .archive{width:940px; margin: 0 auto;}*/

    .alignleft{float:left}
    .alignright{float:right}
#subscription ul li {float:left;margin-left:13px;margin-right:13px;}
    #subscription .news-letter {overflow:hidden;padding-left:10px;width:200px;}

/***********************************************************
/*  Added by rahul286 *
************************************************************/
.cform {width: 100% !important}
	.cfrom ol.cf-ol{border-top: none !important}
		.cform label{color: #333 !important}
		.cform input, 
		.cform textarea, 
		.cform select {color: #333 !important; border-color: #000 !important}
		
			span.reqtxt, 
			span.emailreqtxt{color: #333 !important; margin-left: 10px}
		
		p.cf-sb{text-align: center !important; }		
			.cform input.backbutton, 
			.cform input.resetbutton, 
			.cform input.sendbutton{background:url("images/get_back_me_btn.png") no-repeat !important;  height: 50px; width: 200px !important; text-indent: -9999px; border: none}

#footer{}
	#footer .cform {margin: 0 !important}
	#footer .cfrom ol.cf-ol{border-top: none !important; padding: 0 !important}
		#footer .cform textarea, 
		#footer .cform input{width: 180px !important}
		#footer .cform textarea{height: 100px !important}
	#footer	.cform label,
	#footer	.cform label span{width: 60px}

/* #content .page-container .post .contactform #wpcf input#contactsubmit {transparent !important;height: 50px !important; border: none !important; text-indent: -9999px !important;border: none !important;cursor: pointer;width:184px!important;font-size:0;} */

/*

.cform {margin: 0 !important;width:300px!important;padding-left: 0px!important}
		.cform legend {margin:0;padding:0;font:normal 18px Helvetica;color: #aaa;letter-spacing:3px;background: url("img/get_free_quote_image.png") left top no-repeat!important;height: 50px;width:395px;}
		.cform fieldset{margin-top: 0 !important}
		.cform label {padding:5px 0 !important;font-size:90%!important;font-weight:bold;}
		.cform input,
        		.cform textarea,
                        	.cform select{color: #333 !important; font-weight: normal !important; font-size: 110% !important; border: 1px solid  #666 !important;}
		.cform textarea{width:250px !important; }
                    p.cf-sb {text-align: center !important}
                    .cform input {height:19px!important;}
			.cform input.backbutton,
                            .cform input.resetbutton,
                                	.cform input.sendbutton	{margin-right: 26px;float: right;background:url("images/get_back_me_btn.png") no-repeat scroll right top transparent !important;height: 50px !important; border: none !important; text-indent: -9999px !important;border: none !important;cursor: pointer}
				.cform input.sendbutton:hover{background-position: 0px -20px}
                                div.main-frm #usermessagea{width: 288px!important}
                                    .cf_li_err{width:257px !important;}
                                        div.failure {background:url("li-err-bg.png") repeat scroll 0 0 #FFDFDF !important;border-color:#DF7D7D;border-style:solid;border-width:1px 0;display:block;}
                                            div.cf_info {color:#333333 !important;display:block !important;font-family:monospace !important;line-height:1.3em !important;margin:0px 5px 7px 4px !important;padding:0 5px !important;width:238px !important;}
                                                ol.cf-ol {width:300px!important;padding:0 0 0 !important;}
*/

	#footer{background:none repeat scroll 0 0 #FAFAFA;border-top:2px dotted #CCCCCC;font-size:90%;width:100%;}
		#footer p{margin-bottom: 10px;text-align:justify;}
      	#footer #footer-widget .execphpwidget div #twitter_div #twitter_update_list li{border-bottom:1px solid #D6D6D6;color:#5C5C5C;line-height:20px;padding:5px;text-align:right;}
        #footer #footer-widget .execphpwidget div #twitter_div #twitter_update_list li span{color:#333;float:left;width:100%;text-align:justify}
        #footer #footer-widget .execphpwidget div #twitter_div #twitter_update_list li a{font-weight: bold;color: #333;font-style: italic}

        #footer-widget .footerwidget.widget .execphpwidget #subscription .alignleft.news-letter form p input#submit{background:url("images/signup_btn_new.png") no-repeat scroll left top transparent;border:medium none !important;cursor:pointer;display:block;float:left;height:43px;margin:4px -5px 0;text-indent:-9999px !important;width:191px;font-size:0;}
            #footer-widget{width:940px;margin:0 auto}
              .footerwidget.widget{width:290px;padding: 10px;float: left}
                 #footer-widget .execphpwidget #updates li a{text-decoration: none}
                  #footer .footer-power{margin: 0 auto;width: 940px;padding:5px 0 2px;}
                     #footer .footer-power p{padding-top:18px;}
                      #footer .footer-power .alignleft.powered-by,
                        #footer .footer-power .rt-copyright,
                            #footer .footer-power .alignright.single-social{width: 310px;float: left;margin-top:6px;}
                            .rt-copyright p,.rt-copyright p a{font-size: 14px!important;text-decoration: none!important}
                                .about-us span img{width: 80px}
                        .single-social { margin:0px 0 0;padding:1px 0;}
                            .alignright.single-social ul{/*margin-right: -40px*/}
                            .single-social ul li{list-style-type: none;display: inline;float:right;}
                                .single-social ul li a{ background: url("images/social_sprite.png"); display:block;float:left;height:35px;margin:0;width:39px;}
                                    .single-social ul li a.s-twitter { background-position:0 0;}
                                    .single-social ul li a.s-facebook { background-position:-49px 0;  }
                                    .single-social ul li a.s-rss {background-position:-97px 0; }
                                      
                                        #subscription .alignleft.news-letter input#email{padding: 2px; margin: 5px 0}
                                        #subscription .alignleft.subscribe-options ul{margin-left: 0px}
                                            #subscription .alignleft.subscribe-options ul li{list-style-type: none;display: inline;float:right;margin-left: 0px}
                                                .alignleft.subscribe-options a{color: #f96802;font-weight: bold}

                                                #content{background:url("images/sidebar_strip.gif") repeat-y scroll 635px 0 transparent;width: 980px;margin: 0 auto}
                                                #sidebar{width:300px;float:right;padding: 10px;}
                                                    #content-home{background:#FFF;}
                                                        .page-container{width:600px; float: left; margin-left:23px; padding:10px;}


                                .post ul,.post ol{padding-left: 40px; margin-bottom: 20px; clear: both}
                                .post ul li{list-style-type: disc;}
                                .post ol li {list-style-type:decimal;}
                                 h1 a{text-decoration: none!important}
/*sidebar ul li styling*/
 #sidebar .widget ul{margin-left: 10px}
    #sidebar .widget ul li a{background:url("images/orange_bullet.gif") no-repeat scroll left 4px transparent;padding:0 1px 1px 17px;}
     #sidebar .widget .textwidget #subscription .alignleft.news-letter form p input#submit  {background:url("images/signup_btn_new.png") no-repeat scroll left top transparent;border:medium none !important;cursor:pointer;display:block;float:left;height:43px;margin:4px -5px 0;text-indent:-9999px !important;width:191px;font-size:0;}
        #sidebar .widget .textwidget #subscription ul li a{background: none}

/* COMMENT */
/* ----------------------------------------- */
/* comment listing */
div.comments-div{ clear: both;overflow: hidden; padding: 0 8px; padding:15px;}
	div.comments-div h3,
	div.comments-div span{line-height: 30px}

	ol.commentlist{font-size: 90%}
		ol.commentlist li{margin-bottom: 10px; clear: both}
			ol.commentlist li.depth-1{padding: 5px}
			ol.commentlist li.depth-2,
			ol.commentlist li.depth-3{margin-left: 50px;}

			ol.commentlist li.depth-2,
			ol.commentlist li.depth-3 {margin-top: 5px;}

			li.comment div.comment-body{position: relative; padding-right: 40px; clear: both; background: #fafafa;}
				div.comment-body a:hover{text-decoration: underline}

				div.vcard{height: 30px; line-height: 30px;/*  border-bottom: 1px solid #E5E6E6; */ padding-left: 5px}
					div.vcard img.avatar{position: absolute; right: 0; top: 0}
					div.vcard cite.fn{font-weight: bold}
					div.vcard span.says{display: none}

				div.comment-meta{height: 30px; line-height: 30px; font-size: 80%; position: absolute; right: 70px; top: 0; padding-right: 5px}
					div.comment-meta a{}
					div.comment-meta a.comment-edit-link{}

				div.comment-body p{clear: both; padding-left: 10px}

				div.comment-body div.reply{clear:both; font-weight:bold; font-size: 90%; font-style: italic; text-align: right}

			li.comment-author-admin > div.comment-body,
			li.bypostauthor > div.comment-body{border:1px solid #F96802;background: #fff}


/* 	Comment Form */
div#respond{background: #Fafafa;padding:5px;padding-left:10px; border: 1px solid #CCCCCC; margin: 5px 0}

	div#respond label{width: 30%; margin: 0 10px 2px 3px; float: left}
	div#respond input{width: 30%; margin: 0 10px 5px 0; float: left; border: 0px; border:1px solid #CED0D0; padding:3px 1px;}

	div#respond textarea#comment {width: 95%;height: 80px;margin:5px 0 5px 0; border:1px solid #CED0D0; padding:3px 1px;}

	div#respond #submit{color:#0A1F8A;padding:3px;margin:0px;outline:none;background: url('images/white-grad.gif') repeat-x;border:1px solid #BBBBBB;color:#464646;float:left;margin-right: 10px;}
	div#respond #submit:hover{color:black;opacity: 0.8;cursor: pointer}

         .comment-policy{font-size: 11px;padding-right: 10px;float:right;}

	div#respond p.subscribe-to-comments {float: left; font-size: 85%; margin: 2px 0 0; }
	    div#respond p.subscribe-to-comments label{float:none; width: 100%}
	    div#respond p.subscribe-to-comments input{margin: 3px 4px 5px 0}


  #cancel-comment-reply-link{font-weight: bold;}

  /************ respond part of form ************************/


  /*************************subscribe*************************************/
  .subscribe-to-comments{float:left;margin-top: 10px;margin-bottom:5px;color:#010101;}
  p.subscribe-to-comments lable{line-height: 26px}
 .post-meta{font-style: italic;color: #06444E}
 .posts{border-bottom:1px solid #CCCCCC;padding:7px;}


.meta-social {background:none repeat scroll 0 0 #FAFAFA;border:1px dashed #CCCCCC;margin-bottom:10px;}
    .post-meta {clear:both;color:#999999;float:left;font-size:90%;padding-left:10px;}
        .share-butoons.single {float:right;margin-top:10px;margin-left:15px;margin-right:-5px;}
        .post-date{margin-top:10px;width:370px;}
        .post-tags {width:337px;margin-bottom:5px !important;}
            .share-butoons.single .alignleft.tweetmeme {margin-top:13px;}
            .share-butoons.single div.alignleft {margin-left:8px;}
                .share-butoons.single .alignleft.fb_share {margin-top:7px;}
                .share-butoons.single div.alignleft {margin-left:8px;}
                .share-butoons.single .alignleft.buzz-single {margin-top:19px;}
                .share-butoons.single div.alignleft {margin-left:8px;}

