/*
Theme Name: Horse Racing Wordpress Theme
Description: Free Wordpress Theme designed by Vega Designs.
Author: Vega Designs
Author URI: http://www.vegadesigns.com
*/

@import 'css/reset.css'; 

/*----- basics -----*/
* { margin:0; padding:0;}
html { display:table; width:100%; background:#393939 url(images/bg-body-top.png) no-repeat center top; }
body { background:url(images/bg-body-style.png); font:12px arial,sans-serif; }
  
/*----- container -----*/
#container { width:1072px;	margin:0 auto; }
	
  /*----- header, nav menu -----*/
  #header { width:100%; height:57px; margin:0 auto;	background:url(images/bg-header.png) no-repeat; }

    /* nav menu */
    #menu { position:absolute; width:976px; height:31px; margin:10px 25px 0; padding:7px 18px 9px 28px; }
    #menu ul { display:block; float:left; width:721px; margin:0; padding:0; list-style-type:none; }
    #menu ul li { display:inline; }
    #menu ul li a { display:block; float:left; padding:10px 16px 8px; text-transform:uppercase; }
    
    /* searchform */
    #searchform div { float:left; width:255px; height:31px; }
    #searchform div .textfield { float:left; width:204px; height:100%; padding:0 5px; background:url(images/bg-s.png) no-repeat; border:none; }
    #searchform div .button { float:left; width:41px; height:100%; background:url(images/bg-searchbutton.png) no-repeat; border:none; cursor:pointer; }

  /*----- content (maincontent & sidebar) -----*/
  #content { width:1022px; margin:0 auto; padding:0 25px 25px; background:url(images/bg-content.png) repeat-y; }
  
    /*slideshow */
    #slideshow { display:block; width:100%; height:299px; margin:0 auto; padding:0; list-style-type:none; position:relative }
      #slideshow li { display:none; }
      #slideshow li.first { display:block; }
      #slideshow .nav { position:absolute; bottom:12px; left:451px; z-index:50; height:18px; }
      #slideshow .nav a { display:block; float:left; width:18px; height:18px; margin-right:3px; background:url(images/slideshow-navitem-off.png); text-indent:-9999px; }
      #slideshow .nav a.activeSlide { background:url(images/slideshow-navitem-on.png); }
      #slideshow .logo { position:absolute; top:30px; left:52px; z-index:51; height:83px; }
        #slideshow .logo .title, #slideshow .logo .subtitle { font:normal 50px Georgia,"Times New Roman",serif; color:#0a0a0a; text-shadow:-3px 0 4px #fff, 0 3px 4px #fff, 3px 0 4px #fff, 0 -3px 4px #fff; }
        #slideshow .logo .subtitle { font-size:20px; text-shadow:-2px 0 3px #fff, 0 2px 3px #fff, 2px 0 3px #fff, 0 -2px 3px #fff; }
      
    /* maincontent */
    #maincontent { float:left; width:615px; overflow:hidden; margin:19px 19px 0 26px; padding-right:10px; }
      #maincontent img { padding:5px 6px; background-color:#f4f4f4; border:1px solid #c1c1c1; }
      #maincontent hr { margin:10px 0; border:none; border-top:1px solid #bababa; }
      
      #maincontent #breadcrumbs { margin-bottom:10px; }
      
      #maincontent .title, #maincontent .title a { margin-bottom:19px; font-size:30px; }
      #maincontent .pagination { margin-bottom:15px; background-color:#eeeeee; text-align:right; }
      #maincontent .nav-below { margin-bottom:15px; background-color:#eeeeee; }
      
      #maincontent .post { width:560px; margin-bottom:15px; padding:12px 21px 18px 32px; background-color:#e9e9e9; border:1px solid #cbcbcb; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
      #maincontent .post h2.subtitle a { color:#000; font:25px normal Georgia,"Times New Roman",serif; }
      #maincontent .post h2.subtitle a:hover { color:#555555; }
      #maincontent .post hr { margin:10px 0; border:none; border-top:1px solid #bababa; }
      #maincontent .post .postmetadata { color:#3f3f3f; }
      #maincontent .post .postmetadata a, .comments a { color:#3f3f3f; font-weight:normal; }
      #maincontent .post .postmetadata a:hover, .comments a:hover{ text-decoration:underline; }
      #maincontent .post .entry { margin-top:11px; }
      #maincontent .post .entry img { display:block; width:206px; height:173px; padding:5px 6px; background-color:#f4f4f4; border:1px solid #c1c1c1; }
      
      /* comment list */
      #comments { width:90%; margin-top:20px; padding:3px; background-color:#eeeeee; }
      .commentlist { width:90%; }
      .commentlist, .commentlist li { list-style:none; padding:0; margin:0; }
      .commentlist li { margin-bottom:20px; border-top:1px dotted #cbcbcb; }
      .commentlist .comment-author { display:block; float:left; width:90px; text-align:center; }
      .commentlist .comment-author img { margin:10px; }
      .commentlist .comment-author .fn, .commentlist .comment-author .says { display:inline-block; font-size:11px; line-height:15px; }
      .commentlist p, .commentlist .comment-meta { margin-left: 120px; }
      .commentlist .reply, .comment-meta { margin:5px 0; text-align:right; font-size:11px; }
      .navigation { width:90%; padding:10px 0; }
      #respond { width:90%; border-top:1px solid #cbcbcb; }
      #respond h3 { padding:5px 0; }
      
    /* sidebar */
    #sidebar { float:right; width:326px; margin:19px 26px 0 0; }
      #sidebar .widget { margin:0 auto 15px auto; padding-bottom:20px; background-color:#e9e9e9; border:1px solid #cbcbcb; -webkit-border-radius:9px; border-radius:9px; -moz-border-radius:9px; }
      #sidebar .widget .title { display:block; width:281px; height:23px; margin:-1px 0 14px -1px; padding:7px 23px 9px; background:url(images/bg-widget-title.png) repeat-x; font:bold 20px "Myriad Pro",Arial,sans-serif; text-transform:uppercase; }
      
      /*-- widgets --*/
      
        /* ads */
        #sidebar .ads { padding:17px 0 10px 30px; }
        #sidebar .ads img, #wp125adwrap_2c .wp125ad { margin:0 15px 9px 0; }
          #wp125adwrap_1c { margin:17px auto 10px; }
            #wp125adwrap_1c .wp125ad { margin-left:30%; }
          #wp125adwrap_2c { padding:17px 0 0 30px; }
          #wp125adwrap_2c .wp125ad { display:inline-block; float:none!important; }      
        
        /* follow us */
        #sidebar .followus { padding-bottom:7px; }
        #sidebar .followus .sns { width:157px; height:48px; margin:0 auto; background:url(images/bg-followus-sns.png) no-repeat; }
        #sidebar .followus .sns img { float:left; margin-left:10px; }
        #sidebar .followus .sns img.rss { margin-left:9px; }
        
        /* flickr photos */
        #flickr_badge_wrapper { width:298px!important; margin:0 auto 0 19px!important; }
        #flickr_badge_wrapper .flickr_badge_image { display:inline-block; }
        #flickr_badge_wrapper .flickr_badge_image img { width:136px!important; height:120px!important; margin:0 13px 16px 0!important; border:none; }
      
        /* wp-search */
        #searchwidget div { margin:14px 0 0 19px; }
      
        /* wp-calendar */
        #wp-calendar { width:100%; font-size:12px; }
        #wp-calendar caption { padding:0 0 0 5px; font:italic 16px "Arial",Sans-serif; }
        #wp-calendar th { padding:2px 0; font:normal bold 12px "Arial",sans-serif; }
        #wp-calendar #next a { float:right; }
        #wp-calendar #prev a { float:left; }
        #wp-calendar a { display:block; text-decoration:underline; font:bold 12px "Arial",sans-serif; }
        #wp-calendar td { padding:2px 0; text-align:center; }
        #wp-calendar td.pad:hover { /* Doesn't work in IE */ }
        #wp-calendar #prev a, #wp-calendar #next a { font-size:12px; width:50%; }

  /*----- footer -----*/
  #footer { clear:both; width:998x; height:16px; margin:0 11px 0 13px; padding:20px 0 21px; background:#1e1e1e url(images/bg-footer.png) repeat-x; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; }
    #footer p { color:#fff; font:12px Arial,sans-serif; }
		.fcp { text-align:center }