/* Base */
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;  
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
del {
	text-decoration:line-through;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
small {
	font-size:93%;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width: 248px;}

input[type=button],input[type=submit]{
	border:1px solid #CECECE;
	margin:5px 0;
	padding:4px 15px;
	cursor: pointer;
}


/* End - Base */

/* Wordpress Generated Classes - DO NOT CHANGE */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

div.aligncenter img{
   padding:0 10px;
}

.alignleft {
   float: left;
}

img.alignleft{
   margin:0 10px;
   padding:3px;
  }

.alignright {
   float: right;
}

img.alignright{
   margin:0 10px;
   padding:3px;
}

.alignnone {

}

img.alignnone  {
   margin:0 10px;
   padding:3px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* End - Wordpress Generated Classes - DO NOT CHANGE */


/* General */

body {
        margin:0px;
		padding: 0px;
	font-family: "Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Arial,sans-serif;
	background: url('http://www.miraclecreative.com/wp-content/themes/twordder/i/tlo.jpg');
	background-repeat: repeat-x;
	font-size: 12px;
}

a:hover{
	text-decoration: underline;
}

#hd {

}

#bd {
	margin-top:25px;
}

#ft{
     margin-top:15px;
     margin-bottom:20px;
     padding-top:10px;
     padding-bottom:10px;
     font-size:77%;
     text-align:center;	
     color:  #fff;
}

#footer-content, .footer-wrapper{
    position:relative;
    padding:7px;

}


#ft p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:0;
}

.a-left{
	text-align:left;
}
.a-right{
	text-align:right;
}
.clear{
	clear:both;
}

.relative{
    position:relative;
}

hr{
     border:none;
	border-top: #ccc 1px dashed;
}

h1 {
	font-size:167%; 
}

blockquote{
	border-left:1px dashed #ccc;
	background:#F5F5F5 none repeat scroll 0 0;
	padding:5px;
}

.contact-form textarea{
 width:100%;
}


/* End - General */

/* Custom */
#nav-wrapper{
	float:right;
       position:relative;
	padding:3px;

}

#nav-padding{
      	margin-top:15px;
}

.main-wrapper{
	padding: 3px;
	position:relative ;
}




#content{
	position:relative;
    
}




.main-wrapper-wide{
	padding: 3px;
}


.sidebar-wrapper{
	position:relative;
	padding-top:3px;
}




/* YUI adjustments */
	.yui-t1 .yui-b {float:left;width:12.30769em;}
	.yui-t1 #yui-main .yui-b{margin-left:12.30769em}

	.yui-t2 .yui-b {float:left;width:13.8461em;}
	.yui-t2 #yui-main .yui-b {margin-left:13.8461em;}

	.yui-t3 .yui-b {float:left;width:23.0769em;}
	.yui-t3 #yui-main .yui-b {margin-left:23.0769em;}

	.yui-t4 .yui-b {float:right;width:13.8456em;}
	.yui-t4 #yui-main .yui-b {margin-right:13.8456em;}

	.yui-t5 .yui-b {float:right;width:18.4615em;}
	.yui-t5 #yui-main .yui-b {margin-right:18.4615em;}

	.yui-t6 .yui-b {float:right;width:23.0769em;}
	.yui-t6 #yui-main .yui-b {margin-right:23.0769em;}






/* YUI Menu */


#navmenu{
    position:relative ! important;
    z-index: 99 ! important;
}

.yuimenubar{
	background-color: transparent;
}
.yuimenubaritem {
    background-color: transparent ! important;
}
.yuimenubaritem-selected {
    color: #000;
}
.yuimenubaritemlabel {
	border:none;
	padding-right:20px;
}

.yuimenubaritemlabel-selected {
	color: black;
}
.yuimenu{
	border:0;
}
.bd{
	background-color: transparent;
}
.yuimenuitem {
   }
.yuimenuitem-selected {

}
.yuimenuitemlabel {
 padding:5px;
 font-weight:bold;
}

.yuimenubarnav ul ul .yuimenuitemlabel {
 padding-right:20px;
}

.yuimenuitemlabel-selected {
	color:#000;
}

.yuimenubar .first-of-type{
	padding:0px;
}
.yuimenubaritem-hassubmenu {
	background:transparent url(http://yui.yahooapis.com/2.6.0/build/menu/assets/menubaritem_submenuindicator.png) no-repeat scroll left top;
}

/*.yuimenuitem-hassubmenu {
	background:transparent url(http://yui.yahooapis.com/2.6.0/build/menu/assets/menuitem_submenuindicator_selected.png) no-repeat scroll right;
}*/


/* End - YUI Menu */

/* Post */

.narrowcolumn{
 padding: 0 15px 15px 15px;
}

.narrowcolumn small, .widecolumn small{
   color:#666;
}

.widecolumn{
 padding: 0 15px 15px 15px;
}

.widecolumn h2,.widecolumn h3,.narrowcolumn h2,.narrowcolumn h3 {
	margin-top:15px;
}

.postmetadata{
	 display:none;
}

.post{
	padding:10px 0 0 0;
	border-bottom:1px #ccc dashed;
	margin-bottom:10px;
}

.navigation{
	padding:10px 0 0 0;
}

.widecolumn .navigation{
	padding:10px 0 30px 0 ;
	margin: 0 0 20px 0;
	 border-bottom:1px #ccc dashed;
}

.widecolumn .entry{
	
}

.entry{
	margin-top:10px;
}
.more-link{
	display:block;
	float:right;
}
/* Sidebar */
#sidebar{
    margin:3px;
    padding:0 5px 10px;
    position:relative;
}
#sidebar h2{
	margin:15px 0 5px 0;
}

#sidebar  li {
	list-style:none;
	padding:0px;
	margin-bottom:10px;
}

#sidebar  ul{
	padding:0px;
	margin:10px 5px 10px 5px;
}

#sidebar ul li ul li{
	list-style:circle;
	padding:0px;
	margin-bottom:2px;
}
#sidebar ul li ul{
	margin-left:20px;
}
/* Comments */
.commentlist li {
	list-style:none;
}

.commentlist  p {
	clear:both;
	padding-top:10px;

}

.says {
	display:none;
}


.avatar{

}

#comment{
	width:100%;
	height:150px;
}

#get-avatar{
	border-left:1px dashed #ccc;
	margin-left:9px;
	margin-top:6px;
	padding-left:9px;
	padding-top:6px;
}

#co-title{
	margin-left:15px;
}
.children{
  margin:10px 0 10px 20px;
}

#respond {
	margin: 10px 0;
}

.comment-u{
	border-top:1px dashed #ccc;
	padding-top:10px;
}

.trackback-wrapper{
	padding-top:10px;
}

.comment-rss{
	margin-left:5px;
	
}

.comment-img{
	vertical-align:middle;
	margin-left:3px;
}

#comments{
	display:inline;
}

/* Facebook Connect */


.fb_profile_pic_rendered{
}
.fbc_profile_header{
	font-size:85%;
}
.fbc_connect_button_area {
	float:none;
}

.fb_profile_pic_rendered{
	float:none;
}
/* End - Facebook Connect */

#ymp-btn-buy{
   display:none !important;
}

#ymp-getplayer{
  display:none !important;
}

#ymp-yahoo-logo{
  display:none !important;
}

/* Overlays */

#sidebar-overlay{
	position:absolute;
	width: 100%;
	bottom:0;
	top:0;
	left:0;

}

#nav-overlay{
	position:absolute;
	width: 100%;
	bottom:0;
	top:0;
	left:0;

}

#footer-overlay{
	position:absolute;
	width: 100%;
	bottom:0;
	top:0;
	left:0;

}

#main-overlay{
	position:absolute;
	width: 100%;
	bottom:0;
	top:0;
	left:0;

}


.page {
	width: 855px;
	margin: 0px auto;

}

#top {
	background-image: url('http://www.miraclecreative.com/wp-content/themes/twordder/i/top.png');
	height: 268px;
	width: 855px;
	margin-top: -16px;

}

#menu-top a {
	color: white;
	font-size: 18px;
	text-decoration: none;
}

#menu-top{
	display: table;
	width: 100%;
	table-layout: fixed;
}

#menu-top{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
padding-left: 0px;
padding-top: 220px;
width: 840px;
}

#menu-top{
	display: table;
}
#menu-top>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
	text-align: center;
}

#left-call {

font-size: 22px;
padding: 0px 0px 20px 35px;
width: 100%;

}
#left-call p {
 margin: 0px;
 padding: 0px;
}
#left-call strong {

font-weight: normal;
color: #fff;
}

.wpcf7-form p {
 text-align: center;
 margin: 0px;
}
.wpcf7-form input {

width: 250px;

}

.widget {
 color: #42718F;
 margin-top: -65px;
}

.widget a {

color: #42718F;
font-weight: bold;
}

.pagetitle {
color: #42718F;
}
.entry {
color: #42718F;

}
.post a {
color: #42718F;
font-weight: bold;
}
.post h1 {
color: #fff;

}
.navigation a {
color: #42718F;

}

img {
 border: 0px;
}

a {
 border: 0px;
}

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(http://www.miraclecreative.com/p/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; margin-left: 3px;
margin-right: 5px; }
#nav li.top {display:block; float:left; height:35px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://www.miraclecreative.com/p/three_0.gif);}
#nav li a.top_link span {float:left; text-align: center; display:block; padding:0 24px 0 12px; height:35px; background: url(http://www.miraclecreative.com/p/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; text-align: center; display:block; padding:0 24px 0 12px; height:35px; background: url(http://www.miraclecreative.com/p/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(http://www.miraclecreative.com/p/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://www.miraclecreative.com/p/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(http://www.miraclecreative.com/p/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:35px; background: #6b90aa; padding:3px; border:1px solid #3d6e8d; white-space:nowrap; width:175px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:175px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:173px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #6b90aa;}

#nav li:hover ul.sub li a:hover 
{background:#3976AD; color:#fff; border-color:#3d6e8d;}
#nav li:hover ul.sub li a.fly:hover
{background:#3976AD url(http://www.miraclecreative.com/p/arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #3976AD;; padding:3px; border:1px solid #3976AD; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(p/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}