/*
Theme Name:     Responsive Child
Template:       responsive
*/
@import url("../responsive/style.css");
@import url(../responsive/style.css);
/* =Import Styles-------------------------------------------------------------- */
/*@import url('/css/base.css');*/
/*@import url('/css/hacks.css');*/
/*@import url('/css/layout.css');*/
/*@import url('/css/preload.css');*/
/*@import url('/css/reset.css');*/
/*@import url('/css/subpage_layout.css');*/
/*@import url('/css/type.css');*/
/* =Start From Here-------------------------------------------------------------- */
body {
background:transparent url(/images/bg.png) repeat-x scroll left top;
background-color:#cccccc;
/* Old Value before 2/8/2014 was #555555 */
}

#outer_container {
background:transparent url(/images/bg-body.png) repeat-y scroll left top;
margin:0 auto;
width:1004px;
min-width:1004px;
}

#wrapper {
background:transparent url(/images/bg-top.png) no-repeat;
margin:0 auto!important;
border:none;
padding:0;
}

#container /* Sets content attributes and padding of main page*/ {
max-width:984px;
background:url(/images/bg-content.png) repeat-y;
padding:0;
background-color:white;
}

#content /* Sets content padding of sub pages*/ {
margin-bottom:20px;
padding:20px 10px 0 30px;
}


#content-blog /* Sets content padding of blog (posts) page*/{
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 30px;
}

#content-search /* Sets content padding of search results (posts) page*/{
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 30px;
}


#content-archive	/* Sets content padding of archive (posts) page*/ {
margin-bottom:20px;
padding:20px 10px 0 30px;
}

#content-full .error404 /* Sets content padding of 404 (posts) page*/ {
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 30px;
}



/* =Header-------------------------------------------------------------- */
#logo {
float:left;
margin:0 0 0 8px;
}

.menu {
margin-top:25px;
float:right;
clear:none;
background-color:#041620;
/*background-image:0 to(#041620));*/
/*background-image:0;*/
/*background-image:0;*/
/*background-image:0;*/
/*background-image:0;*/
/*background-image:linear-gradient(top,#041620,#041620);*/
/*clear: both;*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#041620,endColorstr=#041620);*/
}

.menu
		{
			
			margin-top: 25px;
			float: right;
			clear: none;
			background-color: #041620;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#041620), to(#041620));
			background-image: -webkit-linear-gradient(top, #041620, #041620);
			background-image: -moz-linear-gradient(top, #041620, #041620);
			background-image: -ms-linear-gradient(top, #041620, #041620);
			background-image: -o-linear-gradient(top, #041620, #041620);
			background-image: linear-gradient(top, #041620, #041620);
			/*clear: both;*/
    			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#041620, endColorstr=#041620);
			
		}

.menu a		{
			color: #999999;
			font-family: Arial, 'Lucida Grande', sans-serif;
			font-size: 11px;
			font-weight: bold;
			line-height: 10px;
			height: 10px;
			
		}

.menu a:hover 
		{
			background-color: #041620;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#041620), to(#041620));
			background-image: -webkit-linear-gradient(top, #041620, #041620);
			background-image: -moz-linear-gradient(top, #041620, #041620);
			background-image: -ms-linear-gradient(top, #041620, #041620);
			background-image: -o-linear-gradient(top, #041620, #041620);
			background-image: linear-gradient(top, #041620, #041620);
			color: #fff;
    			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#041620, endColorstr=#041620);
		}


.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #041620;
}


.menu .current_page_item a 
					{
					color: #fff;
    					background: none;
					background-color: #041620;
    					background-image: none;
    					filter: none;
					}


#featured {
background-color:#f2f2f2;
border: 1px solid #e5e5e5;
max-width:920px;
height:341px;
margin:30px 0 30px 30px;
}

#featured-image {
/*display: none;*/
margin-top:0;
}

/* Overrides Featured Image Width Setting - May need to adjust-------------------------------------------------------------- */
#featured img {
-ms-interpolation-mode:bicubic;
border:0;
height:auto;
max-width:none;
vertical-align:middle;
}

.featured-title {
/* color: #3A3A3A; Temp setting possibly */
color:#111111;
font-family:Arial, 'Lucida Grande', sans-serif;
font-size:34px;
font-weight:700;
line-height:10px;
height:10px;
text-align:left;
margin:0 0 0 110px;
}

.featured-subtitle {
/* color: #3A3A3A; Temp setting possibly */
color:#111111;
font-family:Arial, 'Lucida Grande', sans-serif;
font-size:34px;
font-weight:700;
line-height:10px;
height:0;
text-align:left;
margin:25px 0 5px 100px;
}

#featured ul {
color:#3A3A3A;
list-style-type:square;
font-size:12px;
font-weight:400;
margin:25px 0 0 112px;
line-height:20px;
font-weight:700;
}

#featured .call-to-action {
margin:-15px 0 5px -10px;
}

#featured .call-to-action a.button {
font-size:18px;
padding:8px 22px;
}

#featured_bottom {
height:20px;
background:transparent url(/images/bg-bottom.png) no-repeat;
background-position-y:-90px;
}

#widgets {
width:920px;
max-width:920px;
margin:0 0 2px 30px;
}

#header {
height:52px;
/* total is 62px: adjust according to padding-{top,bottom} */
/*background: transparent url('/images/bg-header.gif') repeat-x left top;*/
background-color:#041620;
padding:10px 10px 0 20px;
}

#footer {
width:1004px;
max-width:984px;
background:#212121 url(/images/bg-footer.png) repeat-x left top;
/*box-shadow: 3px 0 10px black,  -3px 0 10px black; /*Creates Shadow Effect on only the left and right side of a box */
text-align:center;
padding:0;
/*float: left;*/
/*width: 200px;*/
/*margin: 0;*/
}

/*.footer h2	{			border-bottom: 1px solid #414141;			text-align: right;			font-size: 11px;					}*/
/* Footer module Area (4 boxes sizes etc) */
.footer_section {
float:left;
width:200px;
margin:0 15px;
color:#333;
text-decoration:none;
}

/* This sets the paragraph text in the bottom four module sections */
.footer_section p {
text-align:left;
font-family:Arial, 'Lucida Grande', sans-serif;
font-size:11px;
font-weight:400;
line-height:10px;
padding-left:30px; /*Old Value Was 22*/
margin-top:1em;
margin-bottom:0;
}

#ss_footer {
/*padding: 20px 30px;*/
text-align:center;
}

/* Footer Area and Footer module */
.footer_section h2 {
padding:0 0 8px;
margin:8px 0;
border-bottom:0px solid #414141;
text-align:left;
font-size:11px;
}

.widget-wrapper {
/* Removes border color for all widgets except main content widget */
background-color:#f2f2f2;
border: 1px solid #e5e5e5;
min-height:150px;
margin:0;
}

.widget-wrapper h3 /* Sets the attributes for the header on the Module/Widget Areas on the Hme Page */ {
color:#111111;
font-family:Arial, 'Lucida Grande', sans-serif;
font-size:16px;
font-weight:700;
line-height:10px;
height:0;
text-align:left;
}

/* Headers---------------------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-weight:700;
}

h1 {
font-size:18px;
line-height:24px;
}

h2 {
/*font-size: 17px;*/
font-size:15px;
}

h3 {
/*font-size: 16px;*/
font-size:14px;
}

h4 {
font-size:15px;
}

h5 {
font-size:14px;
}

h6 {
font-size:13px;
}

/* Module Icons (Mule Hat and Star)-------------------------------------------------------------- */
#text-6 /*This class sets the icon or each module. This is icon #1*/ {
background-image:url(/images/widget-wrapper-bg-01.png);
background-color:#f2f2f2;
background-repeat:no-repeat;
background-position:right bottom;
}

#text-7 /*This class sets the icon or each module. This is icon #2*/ {
background-image:url(/images/widget-wrapper-bg-02.png);
background-color:#f2f2f2;
background-repeat:no-repeat;
background-position:right bottom;
}

#text-8 /*This class sets the icon or each module. This is icon #3*/ {
background-image:url(/images/widget-wrapper-bg-03.png);
background-color:#f2f2f2;
background-repeat:no-repeat;
background-position:right bottom;
}

#footer .widget-wrapper {
border:none;
background-color:transparent;
}

blockquote {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
display:block;
margin:20px 0;
padding:15px;
text-align:left;
background-color:#eef3f6;
border:1px solid #6ca6cd;
color:#212121;
}

blockquote strong {
color:#022F49;
}

#footer-wrapper .social-icons {
margin:20px 10px 2px 30px;
}

.post-meta,.post-data {
display:none;
/*Hides Posted By, Date etc.*/
}

/* Partners Section---------------------------------------------------------------------------------------------------- */
#partners {
float:left;
width:920px;
/* - padding */
height:52px;
padding:10px 0 0 30px;
}

#partners .partner {
float:left;
height:52px;
margin:0;
padding:0;
}

#partners #partner_1 {
width:125px;
background:transparent url(/images/homepage/partner_fxcm.png) no-repeat left top;
padding:0 74px 0 0;
}

#partners #partner_2 {
width:125px;
background:transparent url(/images/homepage/partner_ibfx.png) no-repeat left top;
padding:0 74px 0 0;
}

#partners #partner_3 {
width:124px;
background:transparent url(/images/homepage/partner_fxsol.png) no-repeat left top;
padding:0 74px 0 0;
}

#partners #partner_4 {
width:125px;
background:transparent url(/images/homepage/partner_alpari.png) no-repeat left top;
padding:0 74px 0 0;
}

#partners #partner_5 {
width:125px;
background:transparent url(/images/homepage/partner_citifx_pro.png) no-repeat left top;
}

/* Footer header---------------------------------------------------------------------------------------------------- */
.footer_section h2 {
letter-spacing:.1em;
color:#999;
font-weight:400;
text-decoration:none;
}

/* Footer link---------------------------------------------------------------------------------------------------- */
/* ss_footer, instead of footer_section,      since footer for landing page is not wrapped around ss_footer */
#ss_footer a,#ss_footer a:visited {
color:#666;
text-decoration:none;
}

#ss_footer a:hover {
color:#e2e2e2;
text-decoration:none;
}

#ss_footer h2 a,#ss_footer h2 a:visited {
color:#999;
text-decoration:none;
}

#ss_footer h2 a:hover {
color:#e2e2e2;
text-decoration:none;
}

.copyright {
text-align:center;
padding-bottom:20px;
}

.copyright a {
color:#555!important;
}

#sidebar-widgets {
width:250px;
float:right;
margin:30px 20px 2px 30px;
padding-right:20px;
}

#sidebar-widgets .widget-wrapper {
margin:20px 0;
min-height:0;
padding:10px 5px 10px 10px;
}

#searchform {
margin:10px;
}

/* Media Print-------------------------------------------------------------- */
@media print {
h1 {
page-break-before:always;
}

h1,h2,h3,h4,h5,h6 {
page-break-after:avoid;
}

ul,ol,dl {
page-break-before:avoid;
}
}

/*	Retina (HiDPI) Display    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html-------------------------------------------------------------- */
@media only screen and -moz-min-device-pixel-ratio15,only screen and -o-min-device-pixel-ratio32,only screen and -webkit-min-device-pixel-ratio15,only screen and min-device-pixel-ratio15 {
body {
}
}

/* =Responsive (Mobile) Design-------------------------------------------------------------- */
@media screen and max-width 980px {
.grid,.grid-right {
float:none;
}

#featured-image .fluid-width-video-wrapper {
margin:20px 0 0;
}

.home #widgets {
margin-top:40px;
}

.top-widget,.home .top-widget {
margin-top:0!important;
}

.hide-980 {
display:none;
}

.show-980 {
display:block;
}
}

@media screen and max-width 650px {
body {
}

#logo {
float:none;
margin:0;
text-align:center;
}

.grid,.grid-right {
float:none;
}

#featured-image .fluid-width-video-wrapper {
margin:20px 0 0;
}

.top-widget {
float:none;
margin:0 auto 10px;
position:relative;
text-align:center;
width:auto;
}

.top-widget .widget-title {
text-align:center;
}

.js .menu,.js .sub-header-menu {
display:none;
}

.top-menu,.footer-menu li {
float:right;
font-size:11px;
text-align:center;
}

.tinynav {
display:block;
}

.sb-holder {
display:block;
}

#author-meta {
padding:20px;
}

.hide-650 {
display:none;
}

.show-650 {
display:block;
}

#footer {
text-align:center;
}

#footer .social-icons {
padding-bottom:10px;
text-align:center;
}
}

@media screen and max-width 480px {
body {
}

#logo {
float:none;
text-align:center;
}

.grid,.grid-right {
float:none;
}

#featured-image .fluid-width-video-wrapper {
margin:20px 0 0;
}

.featured-title {
font-size:40px;
padding:40px 20px 0;
}

.featured-subtitle {
font-size:24px;
}

.navigation .next,.navigation .previous {
display:block;
margin:0 auto;
text-align:center;
}

.menu ul,.menu li,.top-menu,.footer-menu li,.sub-header-menu li {
float:none;
text-align:center;
text-rendering:optimizeSpeed;
}

.hide-480 {
display:none;
}

.show-480 {
display:block;
}

#footer {
text-align:center;
}

#footer .social-icons {
text-align:center;
}
}

@media screen and max-width 320px {
body {
}

#featured p {
font-size:12px;
line-height:1.5em;
}

.featured-title {
font-size:35px;
}

.featured-subtitle {
font-size:15px;
}

.call-to-action a.button {
font-size:14px;
padding:7px 17px;
}

.hide-320 {
display:none;
}

.show-320 {
display:block;
}
}

@media screen and max-width 240px {
body {
}

#featured p {
font-size:11px;
line-height:1.5em;
}

.featured-title {
font-size:20px;
}

.featured-subtitle {
font-size:11px;
}

.call-to-action a.button {
font-size:12px;
padding:5px 15px;
}

.top-widget area,.top-widget select,.top-widget textarea,.top-widget input[type=text],.top-widget input[type=password] {
width:75%;
}

.widget-title,.widget-title-home h3 {
font-size:14px;
height:13px;
line-height:13px;
text-align:left;
}

.hide-240 {
display:none;
}

.show-240 {
display:block;
}
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/