/*
Theme Name: RiskGrid Canvas 
Version: 1.0
Description: RiskGrid Child theme for Canvas.
Author: Raj Verma
Author URI: http://www.riskgridtech.com
Template: canvas
*/

/* @import url("../canvas/style.css"); */

/* =Theme customization starts here
-------------------------------------------------------------- *//

/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* Add semi-transparent to boxed layout */
#inner-wrapper {background: #fff; background: rgba(255,255,255,0.6) !important;}


/* Add 3 columns in magazine template */
/* margin-right: 15px;  */
.block { 
margin-right: 5px; 
/*padding: 10px 10px; */
min-width: 307px; 
max-width: 307px; 
margin-bottom: -25px;
}


/* margin top bottom right left */
.magazine {
margin: -10px 0px 0px 0px; 
min-height: 600px;
} 

.home #content {
background-color: #EBEBED;
text-align: left;
padding: 0px;
margin-left: 15px;
margin-right: 0px;
min-height: 0px;
}

.home #content .paragraph {
margin-left: 10px;
min-height: 138px;
}

/*Add bounding box to posts */
.post {
background: none repeat scroll 0 0 white;
position: relative;
width: 100%;
}
.post .title {
padding: 0px 0px 5px 5px;
/*background-color: #CDCED0;*/
/*background: url(images/home_block_header.jpg) repeat-x;*/
text-align: center;
text-shadow: white 1px 1px;
}

.post .title {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8c8c8+15,c8c8c8+21,e9e9e9+100 */
background: #c8c8c8; /* Old browsers */
background: -moz-linear-gradient(top,  #c8c8c8 15%, #c8c8c8 21%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#c8c8c8), color-stop(21%,#c8c8c8), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c8c8c8 15%,#c8c8c8 21%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c8c8c8 15%,#c8c8c8 21%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c8c8c8 15%,#c8c8c8 21%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c8c8c8 15%,#c8c8c8 21%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
}


.page H1{
        font: bold 24px Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        border-bottom: 7px solid #c0262c;
        line-height: 18px;
        margin-top: 30px; 
        margin-bottom: 0;
}

.page H1.entry-title{
	color: #666666;
}


.page .paragraph{
        display:block; 
        color: #666;
        text-align: left; 
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 10px;
        line-height: 16px;
        letter-spacing:0.03em;
}

.page .paragraph-top {
        font: 16px Georgia, Times, serif;
        font-style: italic;
        color: #0f0f0f;
        text-align: justify;
        margin-top: 15px;
        margin-bottom: 5px;
}


.page .header {
        font: bold 16px Arial, Helvetica, sans-serif;
        color: #146BA4;;
        margin-top: 20px;
        margin-bottom: 10px;
}

.page .sub-header {
        display:block;
        font: normal 16px Arial, Helvetica, sans-serif;
        color: #18679C;;
        margin-top: 20px;
}

.page ul, li{
        margin: 0;
        padding: 0;
}

.page li {
        list-style-type: none;
        background: url('images/bullet.png') no-repeat 10px top;
        padding: 5px 5px 5px 35px; 
}

.page label input {
        height: 15px;
        width: 13px !important;
        border: 0;
        vertical-align: middle;
        margin: 3px;
}

#content {
        text-align: justify;
        padding: 30px;
        margin-left: 20px;
        margin-right: 20px;
        background-color: white;
        min-height: 300px;
        color: #666666;
}

.DemoImage.Small{
width:150px;
}

.DemoImage{
float:left;
margin:0 10px 10px 0;
}

.more-link {
margin-left: 10px;
/*text-align: left;*/
}

/*Navigation tool bar width */

#navigation {
margin-left:20px;
width:950px;
margin-bottom: 30px; !important;
}
#navigation li{
background: none;
padding: 0 0 0 0;
} 

/*Navigation Hover Link */

ul.nav li.current-menu-item a, 
#navigation ul.nav > li a:hover {
  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,8f0222+56,a90329+100 */
background: #6d0019; /* Old browsers */
background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* IE10+ */
background: linear-gradient(to bottom, #6d0019 0%,#8f0222 56%,#a90329 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */

}

#header {
    background-position: 25% 50%;
}

/* add Title to header 
#logo .site-title, #logo .site-description {
	display: block !important;
}
#logo img {
	float: left;
	margin-right: 20px;
}
#logo {
	float: left;
	width: 450px;
}
*/

/*Remove image boarder*/
.entry img, img.thumbnail {
  background: none;
  border: medium none;
  padding: 5px;
}


/* margin from slider to posts */
#loopedSlider
{
margin-bottom: 0px !important;
}

#loopedSlider li{
background: none;
padding: 0 0 0 0;
}


/* Style for widget header */
.button_1,
.button_2{
        text-align: center;
        width: 90px;
        height: 29px;
        line-height: 29px;
        display: block;

        font-weight: bold;
	font-size: 14px;
}
.button_1{
        background: url(images/button_01_on.png) no-repeat;
}

.button_2 {
	background: url(images/button_02_off.png) no-repeat;
	margin-left: 10px;
}

.button_1:hover{
        background: url(images/button_01_off.png) no-repeat;
}
.button_2:hover{
        background: url(images/button_02_on.png) no-repeat;
}
.button_1:link {color: white; text-decoration: none; font-weight:bold; }

.button_2:link {color: black; text-decoration: none; font-weight: bold;}

.button_1:active { color: white; text-decoration:none; font-weight:normal;} 
        


#header-widget-1 h1{
        color: white;
 }

#header-widget-1 {
 float: right;
 width: 400px;
 margin-top: 10px;

        text-align: center;
        text-decoration: none;
        width: 90px;
        height: 29px;
        line-height: 29px;
        display: block;
        color: inherit;
}

#header-widget-2 h4{
        color: inherit;
 }

#header-widget-2 {
 float: right;
 width: 400px;
 margin-top: 10px;

        text-align: center;
        text-decoration: none;
        width: 90px;
        height: 29px;
        line-height: 29px;
        display: block;
}

/*
#navigation ul.nav ul,
#navigation ul.cart > li:hover > ul > li > div,
*/
/*.page #navigation { */
.page #navigation, .woocommerce #navigation { 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b595f+0,9db9cf+100 */
background: #4b595f; /* Old browsers */
background: -moz-linear-gradient(top, #4b595f 0%, #9db9cf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b595f), color-stop(100%,#9db9cf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4b595f 0%,#9db9cf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4b595f 0%,#9db9cf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4b595f 0%,#9db9cf 100%); /* IE10+ */
background: linear-gradient(to bottom, #4b595f 0%,#9db9cf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b595f', endColorstr='#9db9cf',GradientType=0 ); /* IE6-9 */


}

/*Footer Gradient */

.page #footer {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23538a+0,a7cfdf+100 */
background: #23538a; /* Old browsers */
background: -moz-linear-gradient(45deg, #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(45deg, #23538a 0%,#a7cfdf 100%); /* W3C */

}

/*
.woocommerce #navigation ul.nav > li a:hover, #navigation ul.nav > li:hover, #navigation ul.nav li ul, #navigation ul.cart li:hover a.cart-contents, #navigation ul.nav-search li:hover a.search-contents, #navigation ul.nav-search a.search-contents + ul, #navigation ul.cart a.cart-contents + ul, #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a {
   background-color:11111!important;
}
*/

/* Delete Author and Post date
.post-meta { display:none; }
*/

/* Add Search box to top menu 
#top .searchform { background: #fff; margin-bottom: 5px; }
*/

/* Add Search box to Header  
.header-search {
position: relative; top: 20px;
}
.header-search .icon-search {
position: absolute;
top: 8px;
right: 9px;
}
*/

/* Add an image to the footer area 
#footer {
background:url(<a href="http://link-to-your-image.com/image.jpg" rel="nofollow">
http://link-to-your-image.com/image.jpg</a>);
}
*/

/* Change the default height of the Magazine Grid 
.magazine .block { min-height: 400px; }
*/
