@charset "utf-8";
/*
Theme Name: GOF
Theme URI: http://localhost/wordpress/themes/gof
Description: Clean and clear design for the decent blogger. 
Version: 1.0
Author: Nicula Vlad (agilius)

 */ 
 
/* ==================================================================
   General Styles
   ================================================================== */
   
   body {background:url(layout/bodyBG.jpg); color:#666666; font-family:Arial, Helvetica, sans-serif;}
   a, a:visited { color:#d5540d; text-decoration:underline;}
   a:hover { color:#46b8dc;}
   h1, h2, h3, h4, h5, h6 { color:#666666; font-weight:500; font-family:Arial, Helvetica, sans-serif;}
   input  {border:1px solid #999; padding:5px;}
   .clearItem {clear:both;}
   .alignleft {float:left;}
   .alignright {float:right;}
   .aligncenter {display:block; margin:0px auto;}
   img {margin:5px;}
   
   #webLayer {position:relative; top:46px; margin:0px auto; width:961px; background-color:#fff; text-align:left; line-height:18px;} 
   #dropShadowBottom {position:absolute; left:10px; right:0px; bottom:-10px; height:11px; background:url(layout/dropshadowBottom.png) repeat-x;}
   #dropShadowLeft {position:absolute; right:-10px; top:0px; bottom:0px; background:url(layout/dropShadowLeft.png) repeat-y; width:10px;}
   #lefBottomCorner {background:url(layout/leftBottomCorner.png); width:10px; height:11px; position:absolute; left:0px; right:0px; bottom:-10px;}
   #rightBottomCorner {background:url(layout/rightBottomCorner.png); width:10px; height:11px; position:absolute; right:-10px; bottom:-10px;}
   
/* ==================================================================
   HeaderArea Styles
   ================================================================== */
   
   #header {position:relative; width:961px; height:260px; padding:0px 11px; margin-bottom:15px;}
   #logoArea {position:absolute; width:236px; height:45px; background:url(layout/logo.jpg) no-repeat; left:20px; top:13px; }
   #logoArea h1 a {display:block; width:236px; height:45px; text-indent:-9999px;}
   #menuArea {position:absolute; right:30px; top:0px; max-width:700px; z-index:100; background:url(layout/menuTopbar.jpg) repeat-x top;}
  /* #topBar { width:100%; height:9px; background-color:#46b8dc; position:absolute; top:0px; right:0px;} */
   #menuList {margin-top:18px; position:relative; line-height:18px;}
   #maskFirst {position:absolute; top:0px; left:0px; width:10px; height:19px; background-color:#FFF;}
   
   #menuList ul .page_item {float:left; position:relative; }
   #menuList ul .page_item  a { border-left:1px solid #ff6a10;  display:blok; text-decoration:none; text-transform:uppercase; 
   padding:0px 20px; font-size:12px; letter-spacing:1.5px; height:30px;}
   #menuList ul .page_item  a:hover {text-decoration:underline;}
   #menuList ul .page_item ul {position:absolute; top:18px; background-color:#fff; border-right:1px solid #E0E1E5;  border-bottom:1px solid #E0E1E5;  z-index:100;
   width:auto; left:-1px; display:none; padding:5px;}
   #menuList ul .page_item ul li a {border:none;}
   #headerPlace {background:url(layout/headerBG.jpg) no-repeat; width:944px; height:197px;  position:relative; top:60px; left:0px; z-index:10;}
   #headerWidget {width:311px; height:184px;background:url(layout/promoOneHover.jpg);  background:url(layout/promoOne.jpg); padding:0px; margin:0px; 
   position:absolute; top:-6px; right:6px; }
   #headerWidget:hover {background:url(layout/promoOneHover.jpg);}
   #headerWidget a {display:block;width:311px; height:184px;}
   
/* ==================================================================
   ContentArea Styles
   ================================================================== */
   
   #contentArea {position:relative; padding:0px 13px; width:937px; font-family:Arial, Helvetica, sans-serif;}
   
   #footerArea {height:56px; position:relative; font-family:Arial, Helvetica, sans-serif;}
   #footerIEFix {height:45px; background-color:#d5540d; position:absolute; top:11px; width:921px; line-height:45px; color:#FFF; padding: 0px 20px;
   font-size:12px; letter-spacing:0.4px;}
   #copyright span { font-weight:500; font-family:Arial, Helvetica, sans-serif;}
   #copyright span a { font-weight:500; font-family:Arial, Helvetica, sans-serif; color:#f9db02; text-decoration:underline;}
   #copyright span a:hover { font-weight:500; font-family:Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}
   #footerMenu {height:15px; position:absolute; right:0px; top:12px;}
   #footerMenu ul {height:15px;}
   #footerMenu ul li {float:left; border-left:1px solid #f9db02; height:15px; padding:2px 10px; line-height:15px;}
   #footerMenu ul li a {color:#f9db02; display:inline;}
      #footerMenu ul li a:hover {color:#FFF;}
   .rssFooter {background:url(layout/rssIcon.jpg) no-repeat #d5540d; height:17px; width:18px; position:absolute; top:0px; left:-12px; border:2px solid #d5540d;}
   .rssFooter a {display:block; margin:0px; padding:0px; width:18px; height:17px; text-indent:-9999px;}