/*

Theme name: mackNewton - Newton Fitness

Description: Custom Theme

Author: Recreated by CityWideHost.com

*/



/* WordPress Default styles */

@import url('wp-default.css');



* { padding: 0; margin: 0; outline: 0; }





/* Addition by Robert */



ul.slideshow {

	list-style:none;

	width:523px;

	height:365px;

	overflow:hidden;

	position:relative;

	margin:0;

	padding:5;

	background:#000;

}	

ul.slideshow li {

	position:absolute;

	left:0;

	right:0;

}

ul.slideshow li.show {

	z-index:500;	

}

ul img {

	border:none;	

}

#slideshow-caption {

	width:523px;

	height:75px;

	position:absolute;

	bottom:0;

	left:0;	

	color:#fff;

	background:#000;

	z-index:500;

}

#slideshow-caption .slideshow-caption-container {

	padding:5px 10px;		

	z-index:1000;

}

#slideshow-caption h3 {

	margin:0;

	padding:0;	

	font-size:14px;

}

#slideshow-caption p {

	margin:0;

	padding:0;

	text-align:left;

}


.lsidebar{

	position: absolute;

	padding: 0;

	width: 185px;

	height: 100%;

}





.lsidebar .space{

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 5px 0;

padding-left: 10px;

padding-bottom: 25px;

}



.lsidebar a.menuitem{

font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

border-width: 0px;

border-style: solid;

border-color: #888888;

border-bottom-width: 1px;

border-bottom-style: dashed;

border-bottom-color:#000000;

}



.lsidebar a.menuitem:visited, .lsidebar .menuitem:active{

color: white;

}



.lsidebar a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

left: 5px;

border: none;

}






.glossymenu{

	position: absolute;

	padding: 0;

	width: 170px;

	height: 100%;

}





.glossymenu .space{

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 5px 0;

padding-left: 10px;

padding-bottom: 25px;

}



.glossymenu a.menuitem{

font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

border-width: 0px;

border-style: solid;

border-color: #888888;

border-bottom-width: 1px;

border-bottom-style: dashed;

border-bottom-color:#000000;

}



.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: white;

}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

right: 5px;

border: none;

}



/* End Addition */




/* Floating Menu */

div.cssFloatMenu {  margin: 0;  position: fixed;
  top: 300px;  left: auto;  width: 100px;  right: 20px;}

div.cssFloatMenu a, div.cssFloatMenu em
{ display: block; margin: 0 2px }
div.cssFloatMenu a, div.cssFloatMenu em { border-top: 2px groove #003366 }
div.cssFloatMenu a:first-child { border-top: none }
div.cssFloatMenu em { color: #003366}
div.cssFloatMenu em:first-child { border-top: none }

div.cssFloatMenu a:link { text-decoration: none; color: #800000 }
div.cssFloatMenu a:visited { text-decoration: none; color: #0000FF }
div.cssFloatMenu a:hover { background: #003366; color: white }


/* */




body {

    font-size: 12px;

    font-family: Arial, "Trebuchet MS", sans-serif;

    color: #000;

    background: #fff url(images/sidebarback.gif) repeat-y; 

    text-align: left;

    background-color:#FFFFFF;

}



.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

.center{text-align:center}



a img { border: 0; vertical-align:middle}

a { color: #dc1929; text-decoration: underline; }

a:hover { text-decoration: none; }



ul{list-style-position: inside;}



.shell { margin: 0 auto;  background:url(images/shell.png) repeat-y 0 0; width:829px; padding:0 17px}

.left { float: left; display: inline; }

.right { float: right; display: inline; }



.pad05{padding:5px;}



#header{height:85px; background:#011b47 url(images/logo.png) 20% 0 no-repeat; position:relative; background-color:#011b47 }

#header a.logo{height:80px; width: 350px; position:absolute; top:0; left:0}

#header .h_right{height:84px; line-height:35px; position:absolute; right:20px; font-family:"Myriad Pro", Arial; font-size:16px; color:#fff; font-weight:bold; background-color:#011b47}

#header .h_right input.txt{margin:0 5px 0 5px; border:0; background:#263f6a; color:#fff; padding:5px 5px; vertical-align:middle}



#bt{height:32px; width: 100%; background:#011b47 url(images/header_bt.png) 50% 0 repeat-x; position:relative; }





#navigation{height:32px; font-size:15px; line-height:32px; color:#fff; position:absolute; bottom:0; margin:0 50px;}

#navigation li{display:inline; float:center; color:#fff; text-decoration:none; padding:0 50px;}

#navigation li a{float:center; color:#fff; text-decoration:none; padding:0 50px;}

#navigation li span{float:center; color:#fff; padding:0 20px; font-size:13px}



/*
#main{background:#FFFFFF; min-height:500px; margin:0 0 0 185px;}
*/
#main{background:#FFFFFF url(images/bg_content.png) 0 0 repeat-x; min-height:500px; margin:0 0 0 185px;}


#mainblock{padding:10px 5px; width:990px;}

#content{float:left; display:inline; width:580px; min-height:685px; padding:20px 10px 50px 25px;}

.home #content{float:left; display:inline; width:540px; min-height:400px; padding:0 0 50px 25px}

#content .hldr{width:523px; height:365px; padding:5px; background:#000; overflow:hidden; position:relative;}

#content .hldr .slide_nav{z-index:1; position:absolute; left: 410px; top: 20px; padding:5px; background:url(images/slide_bg.png) 0 0 no-repeat}

#content .hldr .slide_nav a{color:#fff; text-decoration:none; padding: 0 3px;}

#content .hldr .slide_nav a.act, #content .hldr .slide_nav a:hover{color:#b5cdf6; text-decoration:underline}

#content .hldr .slides{width:10000px;position:absolute;left:0}

#content .hldr .slides .slide{float:left; width:525px; position:relative; margin-left:5px}

#content .hldr .info{position:absolute; top:208px; left:5px; padding:10px 90px 15px 15px; width:490px; height: 47px; background:url(images/slide_bg.png) 0 0 no-repeat; color:#fff}





#content2{float:left; display:inline; width:880px; min-height:400px; padding:20px 10px 0 55px}



h2.page{font-size:25px; padding:10px 0}





.box .top{width:503px; height:25px; background: url(images/home_top.png) 0 0 no-repeat; padding:15px; color:#333333}

.box h2{font-size:21px}

.box h10{font-size:18px; font-weight: bolder;}

.box h3{font-size:13px}

.box a{color:#333}

.box a.rss{float:right}

.box .content{width:533px; min-height:100px; background: url(images/home_bg.png) 0 0 repeat-y; padding:10px 0}

.box .content .c{margin:0 5px; border:1px solid #b9bbb8; background:#fff; padding:10px}

.box .bot{width:533px; height:37px; background: url(images/home_bot.png) 0 0 no-repeat}

.box .bot a{color:#555b4f}



.rbox-home{color:#fff}

.rbox-home .top{width:341px; height:25px; line-height:25px; text-align: center; color:#fff; font-size:15px}

.rbox-home .top span{font-size:21px;font-weight:bold}

.rbox-home .content{width:341px; min-height:100px}

.rbox-home .content .rslide{padding-bottom:3px}

.rbox-home .content .rslide .link{text-align:center; height:26px; line-height:26px;}

.rbox-home .content .rslide .link a{text-decoration:none; color:#fff; font-size:14px}

.rbox-home .content .rslide .text{padding:10px 15px; display:none}



.rbox{color:#fff}

.rbox .top{width:341px; height:23px; background: url(images/home_rtop.png) 0 0 no-repeat; line-height:46px; text-align: center; color:#fff; font-size:15px}

.rbox .top span{font-size:21px;font-weight:bold}

.rbox .content{width:341px; background: #011537; min-height:210px}

.rbox .content .rslide{padding-bottom:3px}

.rbox .content .rslide .link{text-align:center; background:url(images/home_btn.jpg) 50% 50% no-repeat; height:26px; line-height:26px;}

.rbox .content .rslide .link a{text-decoration:none; color:#fff; font-size:14px}

.rbox .content .rslide .text{padding:10px 15px; display:none}

.rbox .bot{width:341px; height:10px; background: url(images/home_rbot.png) 0 0 no-repeat;}

.video_vault{width:323px; border:1px solid #caccc8; margin:10px}

.video_vault table{width:100%;}

.video_vault table td{padding:5px; vertical-align:top}

.video_vault table td a{color:#333333}





.post h2 a{font-size:19px; text-decoration: none; line-height:1.2em}

.post small{font-size:15px; color:#345181}

.post .entry{padding:10px 0}





#sidebar{float:left; display:inline; width:325px; margin:20px 0 0 30px;}

.home #sidebar{float:right; display:inline; width:395px; margin:0; background:none; padding:0}

#sidebar ul.menu{background:#646363;margin:0 10px;}

#sidebar ul.menu li{padding:10px 10px 10px 20px; margin:3px 0; border-bottom:1px dotted #fff}

#sidebar ul.menu li a{color:#fff; text-decoration:none; font-size:16px; }



.main{float:left; display:inline; width:280px; padding-top:20px; background-color:#FFFFFF; }

.main h2{font-size:28px; line-height:28px; font-family:"Myriad Pro", "Trebuchet MS", sans-serif; text-transform:uppercase; margin-bottom:10px}

.main ul{list-style-type:none; height:100%; overflow:hidden}

.main ul li{float:left; width:100%; margin-bottom:10px; font-size:11px}

.main ul li p{padding-left:2px; line-height:14px}

.main h3{font-size:15px; line-height:18px; margin-bottom:34px}



#sidebar h2{font-size:20px; color:#333333; text-transform:uppercase; margin-bottom:20px}

#sidebar ul{list-style-type:none; height:100%; overflow:hidden}

#sidebar ul li{float:left; width:100%; margin-top:4px}

#sidebar ul li.last{margin-top:23px}

#sidebar ul li a{font-size:19px; text-decoration:none; color:#000}



#footer{background:#011b47; color:#b5cdf6; font-size:11px;  padding:15px 0px; margin-top:10px; width:100%}

#footer a{color:#B5CDF6; text-decoration:underline}

#footer table{margin:10px auto; width:1000px;}

#footer table td{width:33%; vertical-align:top; padding:0 50px;}

#footer table td h2{margin-bottom: 10px; font-size:19px}

#footer table td input{margin:0 15px 0 10px; border:0; background:#263f6a; color:#fff; padding:5px 10px; vertical-align:middle}

#footer p{padding:5px 0}



.bottom{background:url(images/bottom.png); width:863px; height:61px; margin:0 auto}



.inner #container{background:url(images/inner-container.gif) repeat-y 0 0;}

.inner .shadow{background:url(images/inner-shadow.gif) no-repeat 0 bottom;}

.inner .main{width:332px; padding-top:30px}

.inner .main h2{font-size:24px}

.inner #sidebar{width:221px; padding-top:21px}

.inner #sidebar h2{font-size:18px}



.article ul li{padding:3px 0}



#content p{padding:10px 0}

#content2 p{padding:10px 0}



.blog .post_date{height:60px;float:left;width:66px;text-align:center;padding-top:18px;color:#fff;font-size:11px;background:url(images/postedon.png) 0 0 no-repeat;}

.blog .post h2{background:url(images/header_bg.png) 0 0 no-repeat;height:29px;line-height:29px;padding:0 0 0 10px;color:#fff}

.blog .post h2 a{line-height:29px;padding:0;color:#fff}

.blog hr.post_sep{margin:20px 0 10px 0;border:1px solid #C6C6C6;}



.postmetadata{padding-right:20px;clear:both;margin:0 0 0 auto;width:240px;}

.postmetadata .c_cont{float:left;height:21px;background:url(images/comment_b.png) 50% 100% no-repeat;}

.postmetadata .c_cont p{text-align:center;padding:0 2px !important;background:#ce0012;height:16px; color:#fff;float:left}

.postmetadata .c_cont img{float:left}

.postmetadata a{text-decoration:underline;color:#ce0012;font-weight:bold}



div#respond{margin-top:10px}

div#respond h3{font-size:20px}

div#respond label{display:block;padding-bottom:3px;color:#000;font-weight:bold}

#submit{color:#FFFFFF;display:block;height:30px;margin-left:273px;margin-top:5px;width:70px;border:0;background:#ce0012}





input.email-button {

    background:url("images/email_button.gif") top left no-repeat !important;

    border:none;

    width:100px;

    height:30px;

    vertical-align:middle;

}

input.search-button {

    background:url("images/search_button.gif") top left no-repeat !important;

    border:none;

    width:100px;

    height:30px;

    vertical-align:middle;

}


