/*
Theme Name: Upstream Fitness
Theme URI: http://www.sitesasrx.com/
Description: The Upstream Fitness is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background.   Upstream includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: SitesAsRx
Version: 1.0

-------------------------------------------------------------- */


.search{float:right;width:200px; margin:-8px 20px 0; display:inline; position:relative}
.search form{float:left; width:100%}
.search .input_bg{float:left; width:200px; height:30px; background:url(images/input_bg.jpg) no-repeat 0 0}
.search .input_bg .input{float:left; width:155px;background: none; border:none; padding:6px 6px 2px 11px; font:normal 12px/16px "Trebuchet MS"; color:#ebebeb}
.search .input_bg .search_icon{float:left; margin:7px 0 0}



/*===================================*/

body {font-size:12px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;background:#959595;color:#FFF;}
*{margin:0;padding:0}
.clear {clear:both}
fieldset {border:none}
img {border:none}
a {text-decoration:underline}
a:hover {text-decoration:none}
ul,ol {padding-left: 25px; display:block;}
li {padding-top: 10px;}
*:focus{outline:none}
.curve{float:left}
img.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


#main_container {width:100%; float:left; background:#898989 url(images/page_bg.jpg) no-repeat center top;}
#wrapper {width:940px;margin:0 auto }
#header {width:940px;float:left; padding:8px 0 0 0}
#header .logo {float:left}
#header .icons_box {float:right; background:url(images/icons_bg.gif) no-repeat 0 0; width:134px; height:24px; padding:7px 0 0 6px; margin:35px 0 0}
#header .icons_box ul {float:left; list-style:none; padding:0px 8px;} 
#header .icons_box ul li {float:left; margin:0 0 0 0px; display:inline; padding:0px 6px;} 
#header .icons_box ul li a{text-decoration:none; font-size:5px; line-height:5px}

#header .icons_box ul li.icon1 a {float:left; width:14px; height:18px; background:url(images/icon2.jpg) no-repeat 0 0}
#header .icons_box ul li.icon2 a {float:left; width:18px; height:18px; background:url(images/icon3.jpg) no-repeat 0 0}
#header .icons_box ul li.icon3 a {float:left; width:18px; height:18px; background:url(images/icon4.jpg) no-repeat 0 0}
#header .icons_box ul li.icon4 a {float:left; width:18px; height:18px; background:url(images/icon5.jpg) no-repeat 0 0}
#header .icons_box ul li a:hover{background-position:0 -18px} 


#menu {width:940px;float:left; background:url(images/menu_bg.gif) no-repeat 0 0; height:31px; padding:19px 0 0 0; margin:4px 0 0 0; position:relative; z-index:999}
#menu ul{float:left; list-style:none}
#menu ul li{float:left; font-size:12px; line-height:16px; font-weight:bold; text-transform:uppercase; padding:0 0 0 18px; position:relative}
#menu ul li a{color:#ebebeb; text-decoration:none; cursor:pointer; text-transform: uppercase;}
#menu ul li a:hover{color:#f7941d}
#menu ul li.active a{color:#f7941d}
#menu ul li.current-menu-item a{color:#f7941d}
#menu ul li ul.sub-menu{float:left; width:270px; list-style:none; position:absolute; top:12px; left:10px; z-index:999; display:none;padding:19px 0 0}
#menu ul li ul.sub-menu li{float:left; width:255px; font-size:13px; line-height:16px; color:#fff; padding:5px 0 5px 15px!important; text-transform:none; background:#898989; height:auto!important; }
#menu ul li ul.sub-menu li a{color:#fff; text-decoration:none; background:none;}
#menu ul li ul.sub-menu li a:hover{background:none; color:#f7941d;}
#menu li:hover .sub-menu, #menu li.over .sub-menu{display:block;}



#top_container {width:940px;float:left; padding:10px 0 0}
#top_container .twitter_box {width:900px;float:left; background:url(images/twitter_bg.jpg) no-repeat 0 0; height:35px; padding:6px 20px 0 20px}
#top_container .twitter_box img {float:left; vertical-align:middle}
#top_container .twitter_box span {float:left; width:850px; font-size:12px; line-height:16px; color:#fff; padding:6px 0 0 15px}
#top_container .twitter_box span a{color:#fff; text-decoration:none}
#top_container .twitter_box span a:hover{color:#fff; text-decoration:underline}


#slider_container {width:940px;float:left; position:relative}
#slider_container .slider {width:940px;float:left;}
#slider_container .slider img {float:left;}
#slider_container ul.paging {width:940px;float:left; list-style:none; text-align:center; background:url(images/slider_dot_bg.jpg) no-repeat 0 0; height:17px; padding:4px 0 0}
#slider_container ul.paging li{display:inline; margin:0 2px 0 0}
#slider_container ul.paging li a{float:none; background:url(images/slider_dot.jpg) no-repeat 0 0; height:13px; width:13px; text-decoration:none; font-size:3px; line-height:3px; display:inline-block}


#slider_container .l_arrow {position:absolute; top:105px; left:0; z-index:99999}
#slider_container .r_arrow {position:absolute; top:105px; right:0;  z-index:99999}


#body_container {width:940px;float:left;}
#home_content_container {width:940px;float:left; background:url(images/body_cotainer_repeat_bg.jpg) repeat-y 0 0}
#home_details_container {width:940px;float:left; background:url(images/body_cotainer_bg.jpg) no-repeat 0 0; padding:30px 0 0 0;}

#left_container {width:221px;float:left; margin:0 9px 0 0; display:inline}
#left_container h3 {width:95%;float:left; text-align:right; font-size:18px; line-height:26px; color:#ebebeb; font-weight:bold; text-transform:uppercase; background:url(images/heading_bot_bg.jpg) no-repeat bottom left; padding-bottom:6px }
#left_container ul {width:93%;float:left; list-style:none; padding:15px 0 30px 0} 
#left_container ul li {width:100%;float:left; text-align:right; font-size:14px; line-height:1.3em; padding:3px 0px;}
#left_container ul li a { color:#ebebeb; text-decoration:none; font-weight:bold; text-transform: uppercase;}
#left_container ul li a:hover { color:#ebebeb; text-decoration:underline}



#middle_container {width:376px;float:left; background:url(images/line_seprator.jpg) repeat-x bottom left; padding:20px 22px 15px 22px;_overflow:hidden; color:#FFF;}
#middle_container .heading{float:left; width:100%; font-size:20px; line-height:24px; color:#ebebeb; font-weight:normal; text-transform:uppercase}
#middle_container .heading strong{color:#f7941d;font-weight:normal; float:none}
#middle_container .heading a{color:#ebebeb; text-decoration:none}
#middle_container .heading a:hover{color:#ebebeb; text-decoration:underline}
#middle_container a { color:#F7941D; }


#middle_container .image {float:left; margin:12px 0 0}
#middle_container p2 {float:left; width:100%; font-size:12px; line-height:15px; color:#ebebeb; padding:10px 0 0}
#middle_container p { font-size:12px; line-height:1.35em; color:#EBEBEB; padding:5px 0px; }
#middle_container p img { display: inline; }
#middle_container p img.aligncenter { margin: 0px auto; display:block; }
#middle_container .post_comment{float:left; width:100%;padding:15px 0 0; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#f7941d}
#middle_container .post_comment span{float:left;}
#middle_container .post_comment strong{float:right;}

#middle_container .post_comment a{color:#f7941d; text-decoration:none}
#middle_container .post_comment a:hover{text-decoration:underline}

#middle_container .like{float:left; margin:12px 0 0}


#right_container {width:270px;float:right; padding:0 1px 0;_overflow:hidden}
#right_container h3 {width:100%;float:left;font-size:18px; line-height:26px; color:#ebebeb; font-weight:bold; text-transform:uppercase; background:url(images/heading_bot_bg_right.jpg) no-repeat bottom right; padding-bottom:6px; }
#right_container p{float:left; width:100%; font-size:12px; line-height:17px; color:#ebebeb; padding:12px 0 0; font-weight:bold}
#right_container > div { clear:left;  display: block; }
#right_container > div h3 {padding-top: 15px; }
#right_container > div:first-child h3 { padding-top: 0px; }
#right_container div.gform_wrapper { clear: both; }
#right_container div.gform_wrapper li.gfield {padding: 0px !important;}
#right_container div.gform_wrapper .gform_footer {padding-top:0px;}

#right_container ul { padding-left: 0px; padding-top: 10px !important; padding-bottom: 10px !Important; float:left;}
#right_container li { list-style-type: none; font-size:14px; line-height:1.3em; padding:3px 0px;}
#right_container li a { color: #FFF; }

#right_container .contact_form {width:270px;float:left; padding:25px 0 0}
#right_container .contact_form form {width:100%;float:left; padding:10px 0 0 0;position:relative!important}
#right_container .contact_form .input  {width:235px;float:left; background:#fff; padding:8px; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#f7941d; margin:12px 0 0; border:none;}
#right_container .contact_form .textarea  {width:235px;float:left; background:#fff; padding:8px; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#f7941d; margin:12px 0 0; border:none; height:145px}
#right_container .contact_form .submit  {width:251px;float:left; text-align:right; padding:10px 0 10px}




#footer_container{width:100%; float:left; background:#f7941d; border-top:1px solid #f6dd8e; border-bottom:1px solid #f6dd8e; padding:13px 0 0 0;}
#bottom_container{width:940px; margin:0 auto}
#bottom_container .box1{width:230px;float:left; text-align:center;background:url(images/vert_seprator.jpg) no-repeat right bottom;min-height:190px; height:auto!important; height:190px}
#bottom_container .box1 img{margin:0 0 7px }

#bottom_container .box2{width:215px;float:left; margin:0 0 0 18px; display:inline; background:url(images/vert_seprator.jpg) no-repeat right top; min-height:190px; height:auto!important; height:190px}
#bottom_container .box2.last{background:none}

#bottom_container .box2 h3{width:100%;float:left; font-size:18px; line-height:22px; color:#ebebeb; text-transform:uppercase; font-weight:normal; padding:0 0 10px 0}
#bottom_container .box2 .google_map{width:100%;float:left; padding:3px 0 10px}
#bottom_container .box2 p{width:100%;float:left; font-size:12px; line-height:17px; color:#ebebeb; padding:0 0 10px}
#bottom_container .box2 p strong{font-weight:bold}
#bottom_container .box2 p a{ color:#a3620a; text-decoration:none}
#bottom_container .box2 p a:hover{text-decoration:underline}
#bottom_container .box2 h2 { color: #FFF; padding-bottom:10px; }

#footer{width:100%; float:left; background:#959595; border-top:1px solid #363636; padding:8px 0;}
#footer .links_box{width:940px; margin:0 auto}
#footer .links_box p{ float:left; font-size:11px; color:#fff}
#footer .links_box ul.links{ float:right; list-style:none}
#footer .links_box ul.links li{ float:left;font-size:11px; color:#fff; padding:0 0 0 12px}
#footer .links_box ul.links li a{color:#fff; text-decoration:none}
#footer .links_box ul.links li a:hover{ text-decoration:underline}



#content_container_inner {width:940px;float:left; background:url(images/body_cotainer_repeat_bg_inner.jpg) repeat-y 0 0}
#details_container_inner {width:940px;float:left; background:url(images/body_cotainer_bg_inner.jpg) no-repeat 0 0; padding:10px 0 0 0; }
#details {width:940px;float:left; background:url(images/body_cotainer_bot_bg.jpg) no-repeat bottom left; }

#left_container_inner {width:650px;float:left; overflow:hidden}
#left_container_inner p { font-size:12px; line-height:1.35em; color:#EBEBEB; padding:5px 0px; }
#left_container_inner p img { display: inline; }
#left_container_inner p img.aligncenter { margin: 0px auto; display:block; }
#left_container_inner .row {width:600px;float:left; background:url(images/line_seprator.jpg) repeat-x bottom left; padding:18px 30px 18px 20px}
#left_container_inner .search1{width:600px;float:left;  padding:18px 30px 18px 20px ; text-align:left}
#left_container_inner .search1 a{color:#fff; text-decoration:none}
#left_container_inner .search1 p{float:left; width:100%; font-size:12px; line-height:15px; color:#ebebeb; padding:10px 0 0}
#left_container_inner .row.last{background:none} 
#left_container_inner .row  .heading{float:left; width:100%; font-size:22px; line-height:24px; color:#ebebeb; font-weight:normal; text-transform:uppercase; padding-bottom:15px}
#left_container_inner .row  .heading strong{color:#f7941d;font-weight:normal; float:none}
#left_container_inner .row  .image{float:left; margin:12px 0 0}
#left_container_inner .row  .post_comment{float:left; width:100%;padding:15px 0 0; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#f7941d}
#left_container_inner .row  .post_comment span{float:left;}
#left_container_inner .row  .post_comment strong{float:right;}
#left_container_inner .row  .like{float:left; margin:12px 0 0}
#left_container_inner ul {padding-top: 5px;}
#left_container_inner blockquote { padding: 0px 40px; padding-bottom: 5px;}
#left_container_inner blockquote strong { display:block; padding-top: 5px; }
#left_container_inner blockquote p { padding-top: 15px; }


.widget-title{ display:none}
#left_container_inner h1 {width:97%;float:left; padding:0 0 0 3%; font-size:24px; line-height:28px; color:#fff; font-weight:normal; }
#left_container_inner h2 {width:100%;float:left; padding:0; font-size:20px; line-height:24px; color:#fff; font-weight:normal; padding-top:15px;}
#left_container_inner h3 {font-size: 18px; line-height:22px; padding-top:15px;}
#left_container_inner h4 {font-size: 16px; line-height:20px; padding-top:15px;}
#left_container_inner #searchform {width:100%;float:left; padding:10px 0 0 0; color:#fff}
#left_container_inner a { color:#F7941D; }
.entry-meta{float:left; width:100%; color:#fff; padding:10px 0 0 0}

.social_media { float: left;  width: 376px; margin:10px 0 0 0;}
.social_media .twitter_count{ float:right; width:100px;}
.social_media .facebook_like{ float:left; width:252px;color:#fff!important}


.social_media .facebook_like iframe{ float:left; width:262px!important; color:#fff;}
.comment{background:none!important}
.twitter_container{background:none!important}
.compara{background:none!important; width:860px;}

span.share {
  color: #FFF !Important;
}

/*-------------------------comment form css-------------------------------------*/

#comments { clear:left; padding-top: 15px; }
#comments form{float:left; width:100%; }
#comments .navigation{padding:0 0 18px 0}
h3#comments-title, 
h3#reply-title{color:#FAB215; font-size:20px; font-weight:bold; margin-bottom:0}
h3#comments-title{padding:24px 0}
.commentlist{list-style:none; margin:0}
.commentlist li.comment{line-height:24px; margin:0 0 24px 0; padding:0 0 0 10%; position:relative; float:left; width:90%}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author{ float:left; width:100%; color:#fff}
.comment-author cite{color:#fff; font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 18px 0}
.comment-meta a:link, 
.comment-meta a:visited{color:#888; text-decoration:none}
.comment-meta a:active, 
.comment-meta a:hover{color:#ff4b33}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px; padding:0 0 24px 0}
.reply a, 
a.comment-edit-link{color:#888}
.reply a:hover, 
a.comment-edit-link:hover{color:#ff4b33}
.commentlist .children{list-style:none; margin:0}
.commentlist .children li{border:none; margin:0}
.nopassword, 
.nocomments{display:none}
#comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px}
.commentlist li.comment+li.pingback{margin-top:-6px}
#comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0;}
#comments .pingback .url{font-size:13px; font-style:italic}

input[type=submit], .gform_wrapper input[type=submit] {color:#333; cursor:pointer; background:#ccc; border:#999 1px solid; font-weight:bold; padding: 3px 5px;}
#respond{border-top:1px solid #e7e7e7; padding:24px 0 0; float:left; width:100%; overflow:hidden; position:relative}
#respond p{margin:0}
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{color:#ff4b33; font-weight:bold}
#respond label{color:#888; font-size:12px}
#respond input{margin:0 0 9px; width:98%}
#respond textarea{width:98%}
#respond .form-allowed-tags{color:#888; font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px; width:auto}
#comments form p{float:left; width:85%;}
#comments form label{float:left; width:100%; color:#fff; padding:0 0 3px 0}
#comments form label span{float:none; display:inline}
#comments input{float:left; width:70%; border:1px solid #999; padding:4px 5px}
#comments textarea{float:left; width:90%; border:1px solid #999; padding:4px 5px}
.tweet-tools a{color:#996600!important; }

.heading h1 {
margin: 0px 0px 10px -15px;
}




