/*
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:290px;
	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:65px;
	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;
}
.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 */


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:84px; position:absolute; right:20px; font-family:"Myriad Pro", Arial; font-size:15px; color:#fff; font-weight:bold; background-color:#011b47}
#header .h_right input.txt{margin:0 15px 0 10px; border:0; background:#263f6a; color:#fff; padding:5px 10px; 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 url(images/bg_content.png) 0 0 repeat-x; min-height:500px; margin:0 0 0 185px;}
#mainblock{padding:10px 5px; min-height:500px; width:990px;}
#content{float:left; display:inline; width:580px; min-height:600px; 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:290px; 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:36px; background: url(images/home_top.png) 0 0 no-repeat; padding:15px; color:#333333}
.box h2{font-size:21px}
.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:right; display:inline; width:325px; margin:20px 0 0 0; background:url(images/page_sidebar_bg.png) 0 0 repeat-y;padding:10px}
.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;
}