/*
Theme Name: Eric's Empire
Theme URI: http://www.ericsempire.com/
Description: This theme was designed and built by Eric Franklin
Version: 1.0
Author: Eric Franklin	
*/

/*
----------------------------------------------------------------------------- 
Essential
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body {margin: 0;padding: 0;font: 1.2em Arial, Helvetica, sans-serif;color: #252525;background: #3e3743 url(/wordpress/wp-content/themes/Erics-Empire/images/brick.jpg) top left repeat;font-weight: bold;}
body * {margin: 0;padding: 0;}
* {position: relative; zoom: 1;}

h2, h3 {font-size:18px;font-style:normal;font-weight:800;text-transform:uppercase;}
a, a:visited{color: #af8634; text-decoration: none; outline: none; } 
a:hover, a:active{border-bottom: 0; text-decoration:underline; outline:none; }
a img{border:0;outline:none;}
a:hover img{border:0;text-decoration:none;outline:none;}
ul{list-style-type:none}
.clear-border{border:none !important;}
.clearfloat { clear:both;height:0;font-size:1px;line-height: 0px;}
.breadcrumb-navigation{font-size:10px;}

/* =clearfix standard */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; } /* for opera */
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */
/* end =clearfix standard */

#container {width: 1400px; background: #3e3743;margin: 0 auto; text-align: left;} 
#header {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/header-br.jpg) left no-repeat;width: 1400px;height: 295px;}
#postheader {width:1020px;height: 47px;margin: 0 auto;padding:0;}
#hdr-con {margin: 0 auto;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/top-content.jpg) left no-repeat;width: 1020px;height: 38px;/* position: relative;z-index: 50;*/}
#content {margin: 0 auto;width: 1024px;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/bg-content.jpg) top left repeat-y;}

/*
----------------------------------------------------------------------------- 
blog content
-----------------------------------------------------------------------------*/
.post {margin-bottom: 15px;}
.post h2 { margin: 30px 0 15px 0; padding:0; color: #532e19 }
.post h2 a{color:#000; border: 0; text-decoration: none;}
.post h2 a:hover {text-decoration:underline;}
.post h3 { margin: 0; padding:25px 0 10px 0; color: #532e19 }
.posted{margin-bottom: 10px;}
a:hover img#roll {width:601px;height:174px;border:2px dotted #532e19;}

#mainContent div.posted{padding-bottom: 10px; font-size:10px; color:#252525;}
#mainContent .postbottom{background:url(images/line-separator-trans.png) repeat-x bottom left; padding: 20px 0; font-size:10px; color:#252525;}
#mainContent {position: relative; margin: 0 332px 0 29px; padding: 0 22px; padding-bottom: 5px; background-color: #f4f7e9;}
#mainContent p{line-height: 20px;margin: 5px 0 0 0;padding: 0;font-size: 12px;font-weight: lighter;}
#mainContent h4#web{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/web-header.png) no-repeat left top;text-indent: -9999em;height: 46px;margin: -30px 0 0 -70px;position: relative;z-index: 100;font-size: 15px;}
#mainContent h4#blog{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/blog-header.png) no-repeat left top;text-indent: -9999em;height: 46px;margin: -30px 0 0 -70px;position: relative;z-index: 100;font-size: 15px;}
#mainContent h4#print{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/print-header.png) no-repeat left top;text-indent: -9999em;height: 46px;margin: -30px 0 0 -70px;position: relative;z-index: 100;font-size: 15px;}
#mainContent h4#about{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/about-header.png) no-repeat left top;text-indent: -9999em;height: 46px;margin: -30px 0 0 -70px;position: relative;z-index: 100;font-size: 15px;}
#mainContent h4#featured{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/featured-header.png) no-repeat left top;text-indent: -9999em;height: 46px;margin: -30px 0 0 -70px;position: relative;z-index: 100;font-size: 15px;}
.post blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #EFE6C5; }
.post blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }

.meta{font-family:Helvetica, Arial, sans-serif;font-style:normal;font-size:10px;color:#a3a3a3;margin-bottom:50px;}
.meta a{color:#a3a3a3;font-weight:normal;text-transform:uppercase;text-decoration:underline;}

.navigation {font-size:14px;padding-bottom:10px;}
.date {color: #a3a3a3;font-size: 10px;font-family: helvetica,arial,sans-serif;font-style: normal;margin-bottom: 4px;}
.author a{text-transform: uppercase;text-decoration: underline;color: #a3a3a3;}
.continue{font-size: 12px;color:#af8634;font-weight:bold;text-transform:uppercase;}

.alignright {text-align:left;}
.alignleft  {text-align:right;}

.comments a{color: #af8634;text-decoration: none;}
.comments a:hover{color: #af8634;text-decoration: underline;}

.divider{background:url(/wordpress/wp-content/themes/Erics-Empire/images/line-separator-trans.png) repeat-x bottom left; padding: 20px 0; font-size:10px; color:#252525;}
.page{padding:5px;margin-right:10px;border:solid 1px #c0c5d6;float:left; display:inline; width:240px;}
/*
----------------------------------------------------------------------------- 
Nav and Logo
-----------------------------------------------------------------------------*/
#nav{float:right; display: inline; background: #fff url(images/nav-bg.gif) no-repeat;width: 504px;height: 47px;margin-right:2px;padding:0;}

#logo {position:relative;margin-left:-2px;padding:0;border:0;outline:none;}
#logo, #logo a {float: left; display: inline; width: 516px; height: 47px; text-indent: -9000em;
background: url(/wordpress/wp-content/themes/Erics-Empire/images/logo.gif) no-repeat 0 0; }

#tagline-con {width:1020px;height: 59px;margin:0 auto;padding:0;}
#tagline-con h2#tagline {width:1020px;height: 59px;display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/tagline.jpg) left no-repeat; text-indent: -9999em;}
#rss {position: relative; margin:0px 0px 0px 536px;padding:0;}
#rss, #rss a {width:149px;height:40px; text-indent: -9000em;background: url(/wordpress/wp-content/themes/Erics-Empire/images/rss-c.jpg) no-repeat 0 0; }
#rss a:hover{text-decoration:none;}

/*
----------------------------------------------------------------------------- 
Homepage
-----------------------------------------------------------------------------*/
.gallery img {padding:5px;}		
.gallery {text-align:left;}
.galleryitem {width: 191px;float: left; display:inline; margin: 0px auto;padding: 0 15px 20px 0;}
.galleryitem p {text-align: left; padding-top:3px; margin:0; font: normal 11px arial, helvetica, sans-serif; color:#000;}

.galleryitem h3 {text-align: left; padding:0 0 0 12px; margin:0; font-weight:normal; font-size:13px; font-family:Arial, sans-serif;}
.galleryitem h3 a{text-decoration:none;color:#af8634;}
.galleryitem h3 a:hover{text-decoration:underline;}
 
.featured {margin-left:-23px;width:650px;height:362px;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/hm-featbg.jpg) left no-repeat;}

/*.featured {position: absolute; top:50px; left:5px; width:650px;height:362px;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/hm-featbg.jpg) left no-repeat;}*/

/*#text {width:186px;height:220px;margin: 0px 0px 0px 445px;padding:135px 25px 0px 5px;position:relative;}*/
#text {width:186px;height:220px;margin: 0px 0px 0px 445px;padding:135px 25px 0px 5px;position:relative;}
#text p {color:#3e3743;font-size:13px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
/*#text p {position:absolute; width:186px; top:135px;#top:585px:_top:585px; left:456px; color:#3e3743;font-size:13px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}*/
#text a{color:#3e3743;text-decoration:underline;}
#text a:hover{text-decoration:none;}

/*
----------------------------------------------------------------------------- 
sprite nav
-----------------------------------------------------------------------------*/
#main {position: relative; margin: 0; padding: 0; width: 469px; height: 47px;}
#main li {width: auto; height: 47px; position: absolute; top: 0px; background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) 0 0 no-repeat; display: block; list-style: none;}
#main a {width: auto; height: 47px; display: block; text-indent: -9999em; font-size: 1%;}
#main a:hover {border: none;}
#main #main-web {left: 0px;width: 154px;}
#main #main-print {left: 154px; background-position: -154px 0;width: 96px;}
#main #main-blog {left: 250px; background-position: -250px 0;width: 90px;}
#main #main-about {left: 340px; background-position: -340px 0;width: 106px;}

#main #main-web a:hover {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) 0px -49px no-repeat;}
#main #main-print a:hover {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) -154px -49px no-repeat;}
#main #main-blog a:hover {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) -250px -49px no-repeat;}
#main #main-about a:hover {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) -340px -49px no-repeat;}

#main #main-web a.current {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) 0px -49px no-repeat;}
#main #main-print a.current {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) -154px -49px no-repeat;}
#main #main-blog a.current {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) -250px -49px no-repeat;}
#main #main-about a.current {background: url(/wordpress/wp-content/themes/Erics-Empire/images/nav.gif) -340px -49px no-repeat;}

/*
----------------------------------------------------------------------------- 
side bar
-----------------------------------------------------------------------------*/ 
#main-side {float: right; display: inline; width: 253px;margin: 0 0 0 0;}

#sidebar1 {width: 270px;height: 261px;padding: 10px 0;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/social-bg.jpg) left no-repeat;position: relative;z-index: 200;margin: -19px 0 0 0;}
#sidebar1 h5#social{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/social-header.png) no-repeat left top;text-indent: -999em;height:46px;margin: 10px 0 0 -6px;position: relative;z-index: 3000;}
#sidebar1 li{font: 18px/28px Arial, Helvetica, sans-serif; color: #af8634;font-weight:bold;padding:0 0 10px 40px; text-decoration: none; vertical-align: bottom;}
#sidebar1 li#s-del {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/del-icon31.jpg) top left no-repeat; margin: 0px 10px 0px 10px;}
#sidebar1 li#s-face {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/face-icon31.jpg) top left no-repeat; margin: 0px 10px 0px 10px;}
#sidebar1 li#s-twit {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/twit-icon31.jpg) top left no-repeat; margin: 0px 10px 0px 10px;}
#sidebar1 li#s-flick {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/flick-icon31.jpg) top left no-repeat; margin: 0px 10px 0px 10px;}
#sidebar1 li#s-link {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/linked-icon31.jpg) top left no-repeat; margin: 0px 10px 0px 10px;}

#sidebar2 {width: 270px;height: 261px; padding: 10px 0;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/flickr-bg.jpg) left no-repeat;position:relative;z-index: 200;margin: 0px -14px 0 0;}
#sidebar2 img {padding:0;margin:0px 0px 15px 15px;border:1px solid #3E3743;}
#sidebar2 h5#flickr{display: block;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/flickr-hdr.png) no-repeat left top;text-indent: -999em;height: 46px;margin: 10px 0 0 -7px;position: relative;z-index: 3000;}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/ 
#grass {margin: 0 auto;width: 1024px;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/footer-grass.jpg) left no-repeat;height:208px;}
#footer {padding: 0 10px 0 32px;margin: 0 auto;width: 982px;height: 225px;background: #3D3743 url(/wordpress/wp-content/themes/Erics-Empire/images/footerbg.gif) 0 65px repeat-x; }

#twitter{background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/twitter-bird.png) top left no-repeat; height:76px;padding-right:45px;width: 31%;float:left; display:inline; }
.aktt_tweets {height:180px;padding:100px 10px 0px 20px;margin:0;background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/bubble.gif) 10px 75px no-repeat;}
.aktt_tweets li {list-style-type:none;font-size:16px;line-height:20px;color: #fff;font-weight:normal;font-style:italic;}
.aktt_tweet_time {font-size:8px;}
.aktt_tweets li a{color: #AF8634;text-decoration: none;}
.aktt_tweets li a:hover{text-decoration: underline;}

#delic{background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/del-footer.png) top left no-repeat; padding-right:23px;margin-top:25px;height:61px;width: 31%;float:left; display:inline; }
.del-links {padding-top:60px;padding-left:35px;}
.del-links li {font-size:11px;line-height:15px;color: #fff;font-weight:normal;background:transparent url(/wordpress/wp-content/themes/Erics-Empire/images/arrow-ft.gif) left 0.3em no-repeat;padding-left:20px;padding-bottom:10px;}
.del-links li a{color: #AF8634;text-decoration: none;}
.del-links li a:hover{text-decoration: underline;}

#recent {background: transparent url(/wordpress/wp-content/themes/Erics-Empire/images/recent-footer.png) top left no-repeat; height:42px;width: 31%;padding: 0;margin-top:35px;float:left; display: inline;}
.rec-links {padding-top:55px;padding-left:35px;}
.rec-links li {font-size:11px;line-height:15px;color: #fff;font-weight:normal;background:transparent url(/wordpress/wp-content/themes/Erics-Empire/images/arrow-ft.gif) left 0.3em no-repeat;padding-left:20px;padding-bottom:10px;}
.rec-links li a{color: #AF8634;text-decoration: none;}
.rec-links li a:hover{text-decoration: underline;}

#postfooter {margin: 0 auto;width:1004px;background-color:#000000;padding:10px;}
	#supplementary-nav { margin-top: 3px; }
		#supplementary-nav li { display: inline; }
		#supplementary-nav li a { padding: 0 8px; border-left: 1px solid #fff; font-size: 10px; }
		#supplementary-nav li#home a { border: 0; }
#postfooter p {color:#FFF;font-size:10px;margin:0;padding:6px 8px;}

/*
----------------------------------------------------------------------------- 
comments
-----------------------------------------------------------------------------*/
.comments-list { padding-top: 20px;}
.comments-list h2 { color:#272d36; font: normal 25px/20px "Arial"; letter-spacing: -1px; padding-bottom: 15px;}
.comments-list div.entry { margin-bottom: 15px; padding: 25px; border: 1px solid #EFE6C5; background: #F4F7E9;}
.comments-list div.alt { background: #EFE6C5; padding-top: 10px; border: none; margin-bottom: 25px;}
.comments-list p.name { font: bold 14px/14px "Arial", sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.name a{ font: bold 14px/12px "Arial", sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right; display: inline;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px; padding:0;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#af8634; text-decoration: underline;margin:0; padding:0;}
.comments-list .con { font: normal 12px/10px Arial, Helvetica, sans-serif; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/10px Arial, Helvetica, sans-serif; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }

/*
----------------------------------------------------------------------------- 
comments form
-----------------------------------------------------------------------------*/
.comments-form { background: #EFE6C5; padding: 20px; margin: 10px 0px;}
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #3E3743; }
.comments-form p { padding: 7px 0px; color:#3E3743;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #F4F7E9; background: #fff url(images/form-name-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formemail { border: 1px solid #F4F7E9; background: #fff url(images/form-email-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formuri { border: 1px solid #F4F7E9; background: #fff url(images/form-uri-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form textarea { border: 1px solid #F4F7E9; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #F4F7E9; background-color:#3E3743; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 4px;}
.wpcf7-response-output {font-size:12px;line-height:30px;}
/*
----------------------------------------------------------------------------- 
slideshow
-----------------------------------------------------------------------------*/	
#s3slider { width: 367px; height: 273px; position: relative; overflow: hidden; float:left; display:inline; margin:45px;}
#s3sliderContent { width: 367px; position: absolute; top: 0; margin-left: 0; }
.s3sliderImage { float: left; position: relative; display: none;}
.s3sliderImage span {position: absolute; left: 0; font: 12px/15px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 341px;background-color: #000; color: #fff; display: none; bottom: 0; }
.clear {clear: both;}