/*   
Theme Name: Myrollingstocks
Theme URI: 
Description: Custom made Thematic child theme for Myrollingstocks.com
Author: Hyacinth Cruz
Author URI: http://pi.lipinas.com
Template: thematic
Version: 1.0
Tags: Thematic

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*body { font-family: Arial, Helvetica, sans-serif; color: #666 }*/
body {
    font-family: Tahoma, Geneva, sans-serif;
	color: #666 
}


a:link, a:visited { color: #0c59a9; text-decoration:none }
a:hover  { color: #23b14d}
#phone { color: #21b24d; font-weight: bold; margin-left: 20px }

.entry-title { font-family: Arial;
	font-size: 16px;	
	font-weight: bold;
	font-variant: normal;
	color: #649F36  !important;
    margin-top: 10px;
	padding-left: 18px;
	background: url(images/icon-blue-dark.png)  0 40%  no-repeat; 
}
#primary .widgettitle, #page-bottom .widgettitle  { 
	font-weight: bold !important;
	color: #649F36 !important;
    margin-top: 10px;
	padding-left: 18px !important;

	background: url(images/icon-blue-dark.png)  0 50%  no-repeat;   
	margin-bottom: .5em;
}



div.tweetuser h3 { font-size: 14px !important}
#latest-tweets li { list-style-image:none; list-style-type:none; border-bottom: 1px dotted #ccc; padding-top: 10px}
#latest-tweets li.last { border-bottom: 0 }
.aside h3 {font-family: Arial !important; font-style:normal !important; font-size: 16px !important; }
#content  { margin:0 0 0 300px; width:640px }
#content .aside{ border: none;padding:0;margin:0}
#content .aside ul  { }
.main-aside ul { padding-right: 20px }
/*#page-bottom { width: 45%; float:left; background:#ccc }
body.home #content .page { width: 53%; float:left; margin-right:10px } */
#content .aside h3 { padding:0 }
.main-aside .widgetcontainer  { margin-top:15px}
#primary { background:#fff url(images/bg-nav.jpg) left top repeat-x; }
#featured_product div { padding: 5px 8px; }
#featured_product img { margin-right: 15px }
#featured_product .widgettitle { 
	font-weight: bold !important;
    margin-top: 10px;
	margin-bottom: 1em;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;

}
#latest-tweets ul { margin:0; padding:0 }
#featured_product { margin-top:10px;  }#featured_product div.ftitle { background: #f1f9fc; }#featured_product div.fcontainer { width: 280px; background:#fbfeff; float: left; margin-right: 20px; border: 1px solid #B5D9F3; margin-bottom: 10px }
#featured_product div.feven{ margin-right: 0px}
#featured_product div.fcontent { padding-bottom:10px; font-size: .85em }
#branding { padding:15px 0; height:50px }

#blog-title  { width: 300px; float: left; }
#blog-title  span  {background: url(images/logo-myrs.jpg) no-repeat; width:205px; height: 47px; display:block }
#blog-title  span a { text-indent: -9999px; overflow:hidden; display:none }
#top-links { float:right; text-align:left }
#top-links ul  li{ display:inline}
p, ul, ol, dd, pre {margin-bottom:16px;}
div.entry-content p { font-size: .85em}div.entry-content { padding: 10px 0 0; }
#featured_container { width: 100%; margin:0 auto; /*background: url(images/bg_blue.jpg) center center repeat;*/ background:  #337abd url(images/gradient-blue.gif)  repeat-x; height: 220px; }
#featured { width: 940px; margin:0 auto; clear:both;background:#000; }
#featured_left { width: 288px; float: left; height: 218px; background: #4585c2}
#featured_right { float: left;  width:650px }

ul.slideshow { list-style:none; 	width:650px; 	height:220px;	overflow:hidden;	position:relative;	margin:0;	padding:0;	float:right;}	
ul.slideshow li {	position:absolute;	left:0;	right:0;}
ul.slideshow li.show {	z-index:500;}
ul img { border:none;	}

#main { padding: 0px }
body.home h1.entry-title {
	display: none;
}

.skip-link {
    display:none;
}
#header { 	position: relative; z-index: 2200; }
#access { border-top: 2px solid #b5d9f3; height:57px; overflow:visible;  z-index:100; border-bottom: 1px solid #dfe3e6; background: #f2f9fd}
#footer  { border-top:2px solid #83c058; background: #ecffde}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;		
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:1px solid #b5d9f3;
	float:left;
	margin-top: 10px;	
	
}
.sf-menu a {
	border-left:1px solid #b5d9f3;
	border-top:none;
	border-bottom:1px solid #F2F9FD;
	background: url(images/nav-top.png) 50% 5% no-repeat;
	padding: 2px 15px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	color: #085eaa !important;
	font-size: .9em;
	font-family: Arial !important;
}
.sf-menu .current_page_item { 
	background: #1a75be;
	
}

.sf-menu .current_page_item  a { background: #1a75be;
	/*background: #1a75be url(images/nav-top-dark.png) 50% 5% no-repeat !important;*/
	color: #fff ;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
  border-bottom-color:#F2F9FD;
 
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;

}
.sf-menu li {	background: #F2F9FD!important;
	line-height:	2.8 !important;
}

.sf-menu ul li a { 	padding: 9px 13px; color: #085eaa !important; }

.sf-menu ul li a:hover,.sf-menu ul li.current_page_item a{ color:#649F36 !important }

.sf-menu li li {
	background:		#fff;
	line-height:	1.0 !important;
	font-weight: normal !important;
	border-bottom-color:#bdc6cc;

}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #fff /*d41c1c*/ !important;
	outline:		0;
    background: #1a75be url(images/nav-top-dark.png) 50% 5% no-repeat;
	/*background: #d1d7dd url(images/nav-top-dark.png) 50% 5% no-repeat;*/
}
.sf-menu ul {
    border-right:1px solid #bdc6cc;
    border-bottom:1px solid #bdc6cc;

}

.sf-menu li.current_page_item a {  color: #fff !important;}
.sf-menu li.current_page_item  ul li.page_item a {  color: #085eaa !important;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:38px; /* overriding essential styles */
	
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a {
   background:#fff !important;

}

.sf-menu ul ul {
    margin-top:0;

}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
	border-top:1px solid #bdc6cc;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}




/*tabs*/
#market { width: 260px;  margin:10px auto 0 auto}
#featured_left div.marketheading { float:left;  display:inline; width:100px; background:#ddd; color: #effcff; font-weight:bold; font-size: 1em;  padding-left: 18px; background:url(images/icon-blue.png) center left no-repeat; }
#featured_left div.markettime { font-size: .8em; text-align:right; color: #effcff; float:right;  width:80px;margin-bottom: 1em}
#featured_left p { color:#fbffff; font-size: .8em; margin: 10px 0 0 0;}
#featured_left p a { color:#fbffff; }
#featured_left p a:hover { color:#aecce6; }
ul.tabs {
    padding:0;
	color:#fff;
	background: #ccc;
	width:210px;
	clear:both
}
ul.tabs li {
    display:block;
    float:left; 
}

ul.tabs li.first { margin-left:-37px ;}

ul.tabs li a {
    display:block;
    float:left;
    padding:4px 6px;
    font-size:0.8em;
	font-weight:bold;
    color:#aecce6;
    
}
.selected {
    
	background: #598ec1;
	color:#fbffff !important;
	text-decoration:none;
}
.tab-content {
	clear:both;
    background: #598ec1;
    padding:10px;	
	color:#fbffff;
	margin: 0;
	font-size: 0.8em;
	
	height:85px;
	
}

.tab-content table { 	font-size: 100%; border:0; padding:0; margin-top:5px;width:100% }
.tab-content table tr { border-style:dotted }
.tab-content table tr.last { border:none }
.tab-content table td { padding:5px 0; }


/** widgets**/
.widgetcontainer ul li  { list-style-image: url(images/arrow.png); list-style-type:square; }
.main-aside { width: 288px}
#primary  { border:none; padding:0}
div.tweetuser { width: 140px; float:left; margin-bottom:10px }
div.tweetimg { float:left; margin-right: 10px }
#siteinfo  {
color:#666666;
font-size:11px;
line-height: 1.5em;
padding:22px 0 20px;
text-align:center;
}
#siteinfo a {text-decoration:underline; color: #83c058; }#siteinfo a:hover { color: #83c058;}
#siteinfo ul  li { list-style-type:none ; display:inline; margin: 10px 2px 0 0 }
#siteinfo ul li a {color: #649F36; text-decoration:none}
#registration_form , #registration_form tr { border: none }
#registration_form td { padding: 2px 10px !important; }
div.notice { background: #fff2e3; border: 1px solid #f1f1f1; padding: 5px; font-size: .9em;  }
div.notice p { margin-bottom:0}
.hentry { padding: 0 0 10px !important } 
p.note {font-size: .85em;  margin-bottom:0; }
#registration_form  h2 { font-weight: bold;  color: #0C59A9; margin-top: 20px }
#contactus textarea { height: 60px }
/* reports */
#text-4 { margin:0; padding: 10px; background: #f4ffec; /* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #e1ffca;
	-webkit-box-shadow:0 0 3px #e1ffca;
	box-shadow:0 0 3px #e1ffca;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white; }
#text-4 div.textwidget { background: url(images/reports.png) right center no-repeat; }
#top-links { margin-top: 12px }
#top-links ul {font-size: .8em; }
#top-links ul li span { padding: 0 8px 0 0  }
#top-links ul li a  { padding: 0 8px 0 8px }
div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; }
ul#member_menu { background: #fff; float: left; list-style: none; width: 100%; margin:0 0 40px 0; padding:0 }
ul#member_menu li { float: left; margin: 0 20px 0 0; }
ul#member_menu a { font-size:.9em; padding: 6px 10px 10px 20px; background: #f1f1f1 url("images/icon-blue-dark.png") 5% 45% no-repeat; color: #666 !important;  display: block;  text-decoration: none; }
ul#member_menu li a.current { color: #0C59A9 !important; font-weight:bold;  background: #f7f7f7 url("images/icon-blue-dark.png") 5% 45% no-repeat;  }

div.mtab { padding: 5px 15px 5px 15px;  background: #f7f7f7; font-size: .8em; }
label.error { padding-left: 5px; color: #790000 }
p.error { font-size: .85em; color: #790000 }
.site-map { font-size: .85em }
.greenb { color:#649F36; font-weight:bold; }
.mytbl , .mytbl tr, .mytbl td { border: 0; padding: 3px 0 !important;  }
.mytbl { margin-top:10px;display: none }
.goback { background: url(images/arrow_back.png) center left no-repeat;  }
.icontop {right:10px;position:absolute; top:12px }
.goback a {font-size: .8em; padding-left: 25px }