/*
Theme Name: Vitalikor
Theme URI: http://www.vitalikor.com
Author: Vitalikor
Author URI: http://www.vitalikor.com
Description: Vitalikor Wordpress Theme
Version: 1.0
License: Copying, in whole or in part, is prohibited.
License URI: license.txt
Tags: vitalikor
*/

/******************************/
/* TABLE OF CONTENTS          */
/******************************/
/* 1. CSS Reset               */
/* 2. CSS Clearfix            */
/* 3. HTML/BODY               */
/* 4. Grid Structure          */
/* 5. Blocks                  */
/*    a. Header               */
/*    b. Navigation           */
/*    c. Slider               */
/*    d. Footer               */
/*    e. Body/Contents        */
/*    f. Sidebar              */
/* 6. Typography              */
/* 7. Images                  */
/* 8. Inputs                  */
/******************************/

/******************************/
/* 1. CSS Reset               */
/******************************/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

/******************************/
/* 2. CSS Clearfix            */
/******************************/

.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0 }
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
* html .clearfix { height: 1% }

/******************************/
/* 3. HTML/BODY               */
/******************************/

html { }
body { 
    background: url(images/body_bg.png) center repeat-y #DEF5FD;
}

/******************************/
/* 4. Grid Structure          */
/******************************/

body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}

/******************************/
/* 5. Blocks                  */
/******************************/

    /******************************/
    /* a. Header                  */
    /******************************/

    #header { /* The full-width header bar */
    width: 100%;
    height: 66px;
    background: url(images/header_bg.png) repeat-x #000;
    margin-left:-15px;
}
    
    #header #logo h1 { /* Logo */
        width: 220px;
        height: 86px;
        background: url(images/header_logo.png) no-repeat;
        text-indent: -10000px;
        z-index: 10;
        position: relative;
        top: 23px;
    }

    #header #callustoday h3 { /* Call us today strapline */
        width: 395px;
        height: 21px;
        margin-top: 13px;
        background: url(images/header_callustoday.png) no-repeat;
        text-indent: -10000px;
    }

    #header #gnc h3 { /* GNC logo */
        width: 141px;
        height: 14px;
        margin-top: 17px;
        background: url(images/header_gnclogo.png) no-repeat;
        text-indent: -10000px;
    }

    /******************************/
    /* b. Navigation              */
    /******************************/
    
    nav, #nav { /* The full-width navigation bar */
        width: 100%;
        height: 54px;
        background: url(images/nav_bg.png) repeat-x;
    }
    
    #nav img { /* Navigation buttons */
        margin: 0;
        padding: 0;
        display: inline;
        border: 0;
    }
    
    #nav #ordernow_btn img { /* Push the Order Now button up */
        z-index: 10;
        position: relative;
        top: -17px;
	}

    .orderNavHover {
        z-index: 10;
        position: relative;
        top: -17px;
	display: block;
	width: 220px;
	height: 61px;
	background: url('images/nav_ordernow_hover.png') bottom;
	text-indent: -99999px;
    }
    .orderNavHover:hover {
	background-position: 0 0;
    }
    
    /******************************/
    /* c. Slider                  */
    /******************************/
    
    #slider { /* Slider background */
        width: 100%;
        height: 290px;
        background: url(images/slider_bg.png) repeat-x;

    }
    
    #slide { /* Push the slide image up in-line */
        position: relative;
        top: -7px;
    }
   
    /******************************/
    /* d. Footer                  */
    /******************************/
    
    #footer { /* The full-width footer background */
        width: 100%;
        height: 60px;
        background: url(images/footer_bg.png) repeat-x;
    }
    
    #footer_nav { /* The footer nav block */
        text-align: center;
    }
    
    #footer_legal { /* The full-width footer legal block (black) */
        height: 200px;
        background: url(images/footer_legal_bg.png) center no-repeat #000;
    }
    
    #footer_legal_copy { /* The footer legal copy (logo + text) */
        margin-top: 50px;
        text-align: center;
    }
    
    #footer_legal_copy p { /* Adjust the copyright message, type styling defined elsewhere */
        margin-top: 25px;
        color: #fff;
        font-size: 11px;
    }
    
    /******************************/
    /* e. Body/Contents           */
    /******************************/
    
    #content_wrapper { /* The content wrapper, also holds the sidebar! */
        margin: 25px auto 25px auto;
        background: #fff;
    }
    
    #content_block {
        margin-top:-30px;
        
    }
    
    #content_block img.padded {
        margin-top: 25px;
        margin-bottom: 50px;
    }
    
    #video_homepage_block {
        min-height: 449px;
        background: url(../../uploads/2012/04/home-top.jpg) top right no-repeat;
        margin-bottom: 50px;
        cursor: pointer;
    }
    
    #video_homepage {
        position: relative;
        top:110px;
        -moz-box-shadow: 0px 20px 30px #aaa;
        -webkit-box-shadow: 0px 20px 30px #aaa;
        box-shadow: 0px 20px 30px #aaa;
        padding:8px;
        border: 1px solid #aaa;
    }

    #magcontainer {
	min-height: 1200px;
	height: 1200px;
	width: 940px;
	margin: 0;
	overflow: hidden;
        background: url(images/magbox_loading.gif) center no-repeat;
    }

    #magbox {
	min-height: 1200px;
	height: 1200px;
	width: 940px;
	margin: 0;
        background: url(images/magbox_loading.gif) center no-repeat;
    }

    .catblock {
	width: 710px;
	margin-left: -5px;
	margin-bottom: 20px;
	border: 2px solid #aaa;
	border-radius: 5px;
        box-shadow: 0 0 20px #aaa;
    }
    
    .catblockgold {
        width: 710px;
	margin-left: -5px;
	margin-bottom: 20px;
	border: 2px solid #d39e46;
	border-radius: 5px;
        box-shadow: 0 0 20px #aaa;
    }
    
    .catblockblue {
        width: 710px;
	margin-left: -5px;
	margin-bottom: 20px;
	border: 2px solid #31bcf2;
	border-radius: 5px;
        box-shadow: 0 0 20px #aaa;
    }

    .catblock img, .catblockgold img, .catblockblue img {
	margin: 5px;
    }

    .catblock img.lastimg, .catblockgold img.lastimg, .catblockblue img.lastimg {
	margin-bottom: -5px;
    }

    .catblock span, .catblockgold span, .catblockblue span {
	padding: 20px;
    }

    .orderHover {
	display: block;
	width: 230px;
	height: 61px;
	background: url('../../uploads/2012/02/orderbutton-hover2.png') bottom;
	text-indent: -99999px;
    }
    .orderHover:hover {
	background-position: 0 0;
    }

    .imgTestimonialsHover {
	display: block;
	width: 700px;
	height: 534px;
	background: url('images/img_testimonials_hover.png') bottom;
	text-indent: -99999px;
    }
    .imgTestimonialsHover:hover {
	background-position: 0 0;
    }

    .banneroneHover {
	display: block;
	width: 700px;
	height: 211px;
	background: url('images/banner_01_hover.png') bottom;
	text-indent: -99999px;
    }
    .banneroneHover:hover {
	background-position: 0 0;
    }

    .comboHover {
	display: block;
	width: 700px;
	height: 211px;
	background: url('images/combo_hover.png') bottom;
	text-indent: -99999px;
    }
    .comboHover:hover {
	background-position: 0 0;
    }

    .goldpackHover {
	display: block;
	width: 700px;
	height: 211px;
	background: url('images/goldpack_hover.png') bottom;
	text-indent: -99999px;
    }
    .goldpackHover:hover {
	background-position: 0 0;
    }

    .guaranteeHover {
	display: block;
	width: 700px;
	height: 211px;
	background: url('images/guaranteebanner_hover.png') bottom;
	text-indent: -99999px;
    }
    .guaranteeHover:hover {
	background-position: 0 0;
    }

    .ordernowbHover {
	display: block;
	width: 700px;
	height: 211px;
	background: url('images/ordernowb_hover.png') bottom;
	text-indent: -99999px;
    }
    .ordernowbHover:hover {
	background-position: 0 0;
    }
    
    /******************************/
    /* f. Siderbar                */
    /******************************/
    
    #sidebar { /* Push the sidebar left a little */
        height: 100%;
        position: relative;
        left: -20px;
        top:-20px;
    }
    
    #sidebar img { /* Space out the images vertically */
        margin-bottom: 25px;
    }
    
    #sidebar_ordernow_btn {
        position: fixed;
        left: -15px;
        bottom: 270px;
        -transition: left linear 0.25s;
        -webkit-transition: left linear 0.25s;
        -moz-transition: left linear 0.25s;
    }
    
    #sidebar_ordernow_btn:hover {
        left: -1px;
        -transition: left linear 0.25s;
        -webkit-transition: left linear 0.25s;
        -moz-transition: left linear 0.25s;
    }

/******************************/
/* 6. Typography              */
/******************************/
    
    body, p { /* Basic copy styling */
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #3f3f3f;
    }
    
    p {
        margin: 10px 0 10px 0;
    }
    
    h1, h2, h3, h4, h5, h6 { /* Header web font */
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-weight: 400;
        margin: 10px 0 10px 0;
    }
    
    h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { /* Header <strong> font weight */
        font-weight: 700;
        color: #00acee;
    }
    
    h1 { /* Font size of header */
        font-size: 40px;
        line-height: 50px;
    }
    
    h2 { /* Font size of header */
        font-size: 35px;
        line-height: 39px;
    }
    
    h3 { /* Font size of header */
        font-size: 20px;
        line-height: 25px;
    }
    
    h4, h5, h6 { /* Font size of header */
        font-size: 13px;
        line-height: 16dpx;
    }
    
    .hblock { /* Puts the header into a tint block */
        width: 100%;
        height: 50px;
        background: url(images/hblock_bg.png) repeat-x;
        border-radius: 10px;
        padding: 10px;
    }
    
    .cblock {
        width: 100%;
        height: auto;
        border: 5px solid #eee;
        border-radius: 10px;
        box-shadow:inset 0 0 25px #e5e5e5;
        margin-bottom: 25px;
    }
    .cblock p, .cblock h1, .cblock h2, .cblock h3, .cblock h4, .cblock h5, .cblock h6, .cblock ul, .cblock li {
        margin: 20px;
    }
    
    .cblock li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .boldblack { /* Header web font */
        font-size: 1.6em;
	font-family: 'Yanone Kaffeesatz', sans-serif;
        font-weight: 400;
    }
    
    .boldblue { /* Header <strong> font weight */
        font-weight: 400;
        color: #00acee;
    }
   
/******************************/
/* 7. Images                  */
/******************************/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}

/******************************/
/* 7. Inputs                  */
/******************************/

input, input[type="text"] {
    width: 95%;
    padding: 15px;
    border: 1px solid #ccc;
    font-size: 16px;
}

input[type="submit"] {
    width: 100%;
    background: url(images/footer_bg.png) bottom left repeat-x #00adef;
    color: #fff;
    cursor: pointer;
}

input[type="submit"]#orderHover {
    display: block;
    width: 230px;
    height: 61px;
    background: url('../../uploads/2012/02/orderbutton-hover2.png') bottom;
    text-indent: -99999px;
    cursor: pointer;
    }
input[type="submit"]#orderHover:hover {
    background-position: 0 0;
    }
	
	
	
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}	
.nav-previous {
	width: 48%;
	float: left;
}
.nav-next {
	width: 48%;
	float: right;
}