/*  
Theme Name: StandardIssue
Theme URI: http://www.freewpthemes.net/
Description: A two-column, fixed with theme ideal for 1024x768 resolutions. Widget-ready for WP2.2+
Version: 2.0
Author: NodeThirtyThree + Free WordPress Themes
Author URI: http://www.nodethirtythree.com + http://www.freewpthemes.net/
*/
body{
font: 100% "Lucida Sans", "Lucida Sans Unicode", Tahoma "Lucida Grande", sans-serif;
	background: #EAEAEA;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align:center ; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	overflow:auto; 
	overflow-x:hidden; 
width: 100%;
}

#clear{
clear:both;	
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #3E3E3E;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

h6 {
	font-size: 14px; 
}

h7{
	font-size: 12px;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
	font-size: 11px;
}

a:link {
	color: #4639bc;
}

a:hover, a:active {
	text-decoration: none;
	color: #003448;
}

a:visited {
	color: #333333;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

/* Header */

.main #header {
	background: #EAEAEA;
	text-align:left;
 
	padding: 0 10% 0 10%;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header #logo{
	float: left;
	width:400px;
	margin-bottom: 20px;
}

#header #skype{
float: right;	
margin-left: 100px;
padding-top:30px;
}



}

#logo h1 {
	font-size: 38px;
	color: #494949;
}

#logo h1 sup {
	vertical-align: text-top;
	font-size: 24px;
}

#logo h1 a {
	color: #494949;
}

#logo h2 {
	margin-top: -10px;
	font-size: 12px;
	color: #A0A0A0;
}

#logo a {
	text-decoration: none;
}

/* Menu */

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	background:#EAEAEA;
	}
.menu ul{
	background:url(/images/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding-left:10%;
	width:auto;
	}
.menu li{
	float:left;
	padding:0px 0px 0px 0px;
	}
.menu li a{
	color:#666666;
	display:block;
	font-weight:bold;
	line-height:43px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}
.menu li a:hover{
	color:#000000;
	text-decoration:none;
		}
.menu li ul{
	background:#e0e0e0;
	border-left:2px solid #0079b2;
	border-right:2px solid #0079b2;
	border-bottom:2px solid #0079b2;
	display:none;
	height:auto;
	filter:alpha(opacity=95);
	opacity:0.95;
	position:absolute;
	width:225px;
	z-index:200;
		/*top:1em;
		/*left:0;*/
	}
.menu li:hover ul{
	display:block;
	}
.menu li li {
	display:block;
	float:none;
	padding:0px;
	width:225px;
	}
.menu li ul a{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
.menu li ul a:hover{
	background:#949494;
	color:#000000;
	opacity:1.0;
	filter:alpha(opacity=100);
	}
.menu p{
	clear:left;
	}	
		
.menu #current{
	background:url(/images/current-bg.gif) top left repeat-x;
	color:#ffffff;
	}


#breadcrumb {
	background:#333;
	float: left;
	list-style: none;
	padding: 0;
	width: 100%;
	display:block;
	font-size:14px;
	height: 39px;
		
}
#breadcrumb ul{
	/*background:url(/Images/menu-bg.gif) top left repeat-x;*/
	height:35px;
	list-style:none;
	margin:0;
	padding-left:10%;
	width:inherit;
	}
#breadcrumb li{
	float:left;
	padding:0px 0px 0px 0px;
	}
#breadcrumb li a{
	color:#FFF;
	display:block;
	line-height:43px;
	padding:0px 15px;
	text-align:center;
	text-decoration:none;
	height: 35px;
	}

#breadcrumb a:hover {
	color:#666666;
}

#breadcrumb #current{
	color: #FFD500;	
}

#breadcrumb #comparison{
	/*float: right;*/
	padding-right:0; 
	
	font-weight:bold;
	color:#999;
	width: 160px;
	margin-right: 0;
	
	
}

#breadcrumb #comparisonCurrent{
	/*float: right;*/
	padding-right:0; 
	
	font-weight:bold;
	color:#fad500;
	width: 160px;
	margin-right: 0;
	
	
}

#breadcrumb #comparison:hover {
	color:#666666;
}

/* Page */

#page {
	width: 850px;
	margin: 0 auto;
}

/* Content */

.main #container {
	background: #FFFFFF;
	margin-top: 5%;
	margin-left: 10%;
	margin-right: 10%;
	text-align: left;
	border: thin solid #;
	border: thin solid #999;
	margin-bottom: 2%;
	height: auto;
}

.main #topBanner{
	width:100%;
	height: 60px;
	border: none;
}


.main #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px 15px 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image:url(http://www.marketsmastered.com/images/blog-side.gif);
	background-repeat:repeat-y;

}


.main #sidebar1 p {
	padding: 5px;
	margin:0;
	text-align:center;
	font: Georgia,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fed500;
	font-size: 16px;
}

.main #sidebar1 h2 {
	text-align:left;
	font-size: 16px;

	

}


.main #sidebar1 h5 {
	padding: 5px;
	margin:0;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	color:#999;
	
}

	

#todolist ul{
list-style-image: url(../images/arrowbullet.png);  
text-align:left;
line-height: 25px;
}

#todolist a{
	text-decoration: none;
	color:#666;

}

.main #commentBox{
	margin-bottom: 10px;
	text-align: left;
	/*border:#CCC dotted thin;*/

}

.main #commentBox p {
	margin-bottom: 10px;
	text-align: left;
	color:#FFF;
	/*border:#CCC dotted thin;*/

}

.main #signupBox {
	border:#333 thin solid;
}


.main #mainContent { 
	margin: 25px 25px 25px 25px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
min-height: 900px;
	
} 

.main #mainContent p{
	text-align: left;
}

.main #mainContent h2{
	text-align: left;
}

.main #innerBox{

}

.main #innerBoxLeft{
margin-top: 40px;
float: left;
width: 200px;

}

.main #innerBoxRight{
	margin-left: 200px;
}


.navigation {
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/* Post */

.post {
}

.post .title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url(images/img03.gif) repeat-x left bottom;
}

.post .title a:link, .post .title a:active, .post .title a:visited {
	text-decoration: none;
	color: #333333;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .entry {
}

.post .meta {
	padding: 15px 0 60px 0;
	background: url(images/img03.gif) repeat-x;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #999999;
}

.post .meta .byline {
	float: left;
}

.post .meta .links {
	float: right;
}

.post .meta .more {
	padding: 0 20px 0 18px;
	background: url(images/img06.gif) no-repeat left center;
}

.post .meta .comments {
	padding-left: 22px;
	background: url(images/img07.gif) no-repeat left center;
}

.post .meta b {
	display: none;
}

/* Comments */

#comments {
}

#comments p, #comments ol, #comments ul {
	line-height: normal;
}

#comments input {
	padding: 3px;
	background: #ECECEC url(images/img08.gif) repeat-x left bottom;
	border: none;
	font-size: 11px;
	color: #4F4F4F;
}

#comments #submit {
	background: #FFFFFF url(images/spacer.gif);
	border: 1px solid #F0F0F0;
}

#comment {
	width: 500px;
}

/* Respond */

#respond {
}

#respond p {
	margin-bottom: 5px;
	line-height: normal;
}

/* Sidebar */

.main #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
	list-style-type: none;

}

.main #sidebar1 ul li {
	list-style-type: none;
}

.main #sidebar1 p {
	padding: 5px;
	margin:0;
	text-align:center;
	font: Georgia,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fed500;
	font-size: 16px;
}

.main #sidebar1 h2 {
	text-align:left;
	font-size: 16px;

	

}


.main #sidebar1 h5 {
	padding: 5px;
	margin:0;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	color:#999;
	
}

/* Search */

#search {
}

#search br {
	display: none;
}

#search h2 {
	margin-bottom: 20px;
}

#search input {
	padding: 3px;
	background: #ECECEC url(images/img08.gif) repeat-x left bottom;
	border: none;
	font-size: 11px;
	color: #4F4F4F;
}

#search #s {
	width: 120px;
	margin-right: 5px;
	background: #FFFFFF url(images/spacer.gif);
	border: 1px solid #F0F0F0;
}

/* Boxes */

.box1 {
	padding: 20px;
	background: url(images/img05.gif) no-repeat;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	background: url(images/img10.gif) repeat-x left bottom;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}

/* Footer */

.main #footer { 
	background:#333;
	display:block;
	font-size:12px;
	padding-left: 10%;
  	padding-right: 10%;
	padding-top: 10px;
	padding-bottom: 10px;
} 

.main #footer a:link {
	text-decoration: none;
	color: #FFF;
}

.main #footer a:hover {
	text-decoration: none;
	color: #666666;
}

.main #footer a:visited{
	text-decoration: none;
	color: #FFF;
}

/* --- Grid --- */

.footerGrid {


}

.footerGrid-m1 {
  float: left;
  width: 33.3%;
  height: 1px;
}

.footerGrid-c1 {
  float: left;
  width: 100%;
 
}

.footerGrid-m2 {
  float: left;
  width: 33.3%;
  height: 1px;
}

.footerGrid-c2 {
  float: left;
  width: 100%;
  border-right: #666666 dotted thin; 
  border-left: #666666 dotted thin;
}

.footerGrid-m3 {
  float: left;
  width: 33.3%;
  height: 1px;
}

.footerGrid-c3 {
  float: left;
  width: 100%;
}

.main #footer h1 {
	text-align: left;
	font-size: 14px;
	color: #666666;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 15px;
	font-weight: bold;

}

.main #footer h2 {
	font-weight:normal;
	font-size: 12px;
	color: #FFF;

}

.main #footer p {
	margin: 0;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 6px;
	font-size: 14px;
	text-align: left;
	padding: 1;
	color: #FFF;
	text-decoration:none;
	line-height: 15px;
	
}

#clear {
clear:both