/*
Theme Name: Twilight-fire and Illusion
Theme URI: http://www.platypie.com/
Description: Template built for Twilight-fire, designed by <a href="http://www.platypie.com">Joshua Van Horsen</a>
Author: Joshua Van Horsen
Author URI: http://www.platypie.com/
*/
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

/* LINKS */
a { outline: none; }
a img { border: 0; }
strong {font-weight:bold;}

a:link, a:visited { text-decoration:underline; color:#550000; }
a:hover { text-decoration:none; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearest { clear: both; display: block; margin: 0; padding: 30px 0 0 0; height: 0; line-height: 1px; font-size: 1px; }

#container { width: 924px; margin: 0 auto; position: relative; background-color:#020202; }
#main { width: 100%; position: relative; padding: 0; }
#content { position: relative; }
#global_header { width: 100%; margin: 0 auto; position: relative; }
#global_footer { width: 924px; margin: 0 auto; position: relative; }

/* GRID */
.column { float: left; text-align:left; position:relative; }
.grid1col { width: 100%; }
.grid2col { width: 100%; }
.grid3col { width: 100%; }
.grid4col { width: 100%; }

.grid1col .column { width:924px; }

.grid1col.footer .column { width:924px; }

.grid2col_header .column.first { width:410px; }
.grid2col_header .column { width:410px; }
.grid2col_header .column.last { width:514px; }

.grid2col .column.first { width:100%; padding-left: 40px;  }
.grid2col .column { width:406px; }
.grid2col .column.last { width:478px; }

.grid3col .column.first { width: 40px; }
.grid3col .column { width: 406px; }
.grid3col .column.last { width: 478px; }

.grid4col .column.first { float:left; width: 149px;  }
.grid4col .column { float: left; width: 131px; }
.grid4col .column.last {float: left; width: 136px; }

.column.first, .column.last { margin-left: 0 !important; }
.column.first { float: left !important; }
.column { float: left !important; }
.column.last { float: right !important; }

html, body { background-color:#181818; }

img.youtube { margin: 38px 0 25px 0; }

/* LOGO */
#logo_container {}
#logo { padding: 170px 0 0 0; overflow: hidden; background: url(images/img_logo.png) top left no-repeat; height: 0px !important; height /**/:170px; }

/* SLOGAN */
#slogan_container { padding: 48px 0 0 38px; }
#slogan { padding: 90px 0 0 0; overflow: hidden; background: url(images/img_slogan.png) top left no-repeat; height: 0px !important; height /**/:90px; width: 100%; }

#agentinfo { padding: 34px 0 0 42px; position:absolute;z-index:1;color:white; left:16px; top:129px;}
#info { padding: 90px 0 0 0; }


/* LAYOUT */
#container { background-color:#181818; }
#global_header { background-color:#020202; height: 191px; background: url(images/bckgrnd_cityscapeR.gif) repeat-x left bottom; }
#header { height: 191px; width:924px; background: url(images/bckgrnd_header.png) no-repeat; margin: 0 auto; }

#main .grid1col .column.bckgrnd_distressed { background: url(images/bckgrnd_distressed.jpg) repeat-y; background-position: 100% -300%; }

#overlay_text { background: url(images/h4_overlay.gif) no-repeat bottom right; position:relative; width: 100%; height: auto; display:block; }

#main .grid2col .column.first { width: 40px; height:auto; }

/* NAVIGATION */
.nav_container { float:left; width: 924px; height: 36px; background: url(images/bckgrnd_nav.jpg) repeat-x; position:relative; }

#nav, #nav ul { position:relative; padding: 0; margin: 0 0 0 80px; list-style: none; }
#nav li { float: left; position : relative; font-size: 17px; font-family:"Garamond", "Caslon", "Times New Roman","MS Serif" Times, serif; padding: 0; margin: 0; line-height : 27pt; color: #fff; }
#nav li a { color:#fff; width: auto; w\idth : auto;  text-decoration: none; margin: 0 0 0 0; padding: 10px 12px 17px 12px;}
#nav li a.spacer { color:transparent; width: auto; w\idth : auto;  text-decoration: none; margin: 0 0 0 0; padding: 0;}
#nav li.spacer a:hover { background: url(none) no-repeat; color:#fff; cursor:default;}

#nav li a:hover { background: url(images/bckgrnd_navRO.jpg) no-repeat; color:#fff; }

#nav .current_page_item a { background: url(images/bckgrnd_navRO.jpg) no-repeat; color:#fff; }

#nav2, #nav2 ul { position:relative; padding: 0; margin: 0 0 0 60px; list-style: none; }
#nav2 li { float: left; position : relative; font-size: 12px; font-family:"Garamond", "Caslon", "Times New Roman","MS Serif" Times, serif; padding: 0; margin: 0; text-transform:uppercase; line-height : 28pt; color: #fff; }
#nav2 li a:link, #nav2 li a:visited { width: auto; w\idth : auto;  text-decoration: none; margin: 0; padding: 11px 15px; color:#fff; }
#nav2 li a:hover { text-decoration:underline; }

/* FOOTER */
.nav_footer { height: 36px; background: url(images/bckgrnd_nav.jpg) repeat-x; margin:0 auto; }
#footer { width: 100%; height: 16px; padding: 8px 0 5px 0; font-size: 12px; color: #a8a8a8; text-align: center; }

/* CONTENT */
h3 { padding:20px 0 20px 0; border-bottom:4px double #bebbb4;width:700px;font-size:52px;color:#990000;overflow:visible;height:100px;}
p { padding: 10px  0 34px 7px; width: 95%; font-family:"Garamond", "Caslon", "Times New Roman","MS Serif" Times, serif; font-weight:bold;font-size: 18px; line-height: 18pt; color: #262626; }

h4 { text-align:center; width: 425px; margin: 0 0 20px 0; text-decoration: none; font-family:"Garamond", "Caslon", "Times New Roman","MS Serif" Times, serif; font-size: 20px; line-height: 18pt; color: #4e4e4e; font-weight:bold; font-style:italic; }
h4 a:link, h4 a:visited { text-decoration:underline; color: #4e4e4e; }
h4 a:hover { text-decoration:none; }

/* TYPE */
#footer { font-family:"Garamond", "Caslon", "Times New Roman","MS Serif" Times, serif; font-size: 12px; color: #b2b2b2; margin: 5px 0 10px 0; }
#footer a:link, #footer a:visited { font-family:"Garamond", "Caslon", "Times New Roman","MS Serif" Times, serif; font-size: 14px; color: #b2b2b2; text-decoration:underline; }
#footer a:hover { text-decoration:none; }

/* IE Hacks */
* html #main .grid1col .column.bckgrnd_distressed { background: url(images/bckgrnd_distressed.jpg) repeat-y; background-position: 100% -300%; margin: 36px 0 -36px 0; }

* html #main .grid2col .column.first { width: 40px; height:auto; }

object {float:right;margin:-75px 0 60px 50px;clear:both;}
img {border:2px solid #990000;}
.newsentry {width:850px; padding-bottom:60px;}
.newsentry p{padding-bottom:10px;}
.post small{margin:30px 0 0 20px;}
img.alignright {float:right;margin:20px 0 60px 30px;border:4px double black;}
.post {width:100% padding:30px 0 100px 32px;height:auto;}
img, h1, h2, h3, div, a, #logo, #slogan {behavior: url(http://www.twilight-fire.com/wp-content/themes/twilightfire/iepngfix.htc);}
object.flash {margin:0 0 0 0;}
blockquote {font-size:18px; color:#550000; padding-left:40px; width:500px;

}