/*
+---------------------------------------------------------------+
|	e107 Theme
|     --------------
|     e107 Magyarország - Themes
|     --------------
|	Jónás Portál Stúdió
|	http://webdesign.jonipeti.hu/
|	jonipeti@gmail.com
|
+---------------------------------------------------------------+
*/


body                     {margin: 0px; padding: 0; font-size: 60.3%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #ff9900; text-align: center; background: #6D0000 url('images/background.jpg') no-repeat top center fixed;}

a                        {color: #000000; text-decoration: none;}
a:hover                  {color: #ff0000; text-decoration: none;}

h1                       {font-size: 30px;}
h2                       {font-size: 14px; color: #800000;}
h3                       {font-size: 12px;}
h1, h2, h3               {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}

td                       {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; font-style: normal; color:#800000; padding: 0px; text-align:left;}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr            {border-bottom: 1px dashed #800000;}

blockquote               {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite          {margin: 5px 0 0; display: block;}

hr                       {display: none;}

a img                    {border: none}

.linkspage_button        {border:0px;}

.hidden                  {display:none;}

#toplinks                {width: 700px; padding: 3px 0 0 0; margin: 10px 0 0 40px; float: left; }
#toplinks li             {display: inline; margin: 0 5px; background: url('images/bullet2.gif') no-repeat left; list-style-type:none; padding-left:23px; padding-right:0; padding-top:2px; padding-bottom:3px}

#page                    {margin-left: auto; margin-right: auto; width: 1000px; border:medium none; text-align: left; background: #800000 url('images/page.jpg') repeat-y bottom left;}

#topheader               {margin-left: auto; margin-right: auto; width: 1000px; height: 20px; background: #800000 url('images/topheader.jpg') no-repeat bottom left; }

#loginmenu               {float:left; width: 193px; height: auto;  padding:0;  margin:50px 0 0 45px;}

#content                 {margin-top:0px; font-size: 12px;}

.left                    {margin-top: 15px; float:left; margin:0; padding:0; background: url('images/header.jpg') no-repeat top left; width:1000px;}

#sidebar                 {margin-top: 80px; float:left; margin-bottom:0px; margin-left: 20px; margin-right:0px; padding:11px; width: 225px; font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#menutopleft             {background: url('images/menutopleft.png') no-repeat top left; width: 14px; height: 30px; margin: 0px;}
#menutopcenter           {background: url('images/menutopcenter.png') repeat-x top left; height: 30px; margin-left: 30px;}
#menutopright            {background: url('images/menutopright.png') no-repeat top right; height: 30px; width: 30px;}
#menutopcenter h3        {color:#800000; margin:0px; margin-top: 2px;}

#menubottomleft          {background: url('images/menubottomleft.png') no-repeat top left; width: 30px; height: 35px; margin: 0px;}
#menubottomcenter        {background: url('images/menubottomcenter.png') repeat-x top left; height: 35px; width: 100%;}
#menubottomright         {background: url('images/menubottomright.png') no-repeat top right; height: 35px; width: 30px;}

#text                    {background: url('images/menu.png') no-repeat top right; color:#800000;  padding-left:10px; padding-right:5px; padding-top: 10px;}
#no-fullmenutext         {background: url('images/menuleft.png') no-repeat top right; color:#800000;  padding-left:10px; padding-right:5px; padding-top: 10px;}

      .narrowcolumn      {padding: 9px 0 0 0; margin-left: 278px; width: 700px;}
.narrowcolumn .entry     {line-height: 2.3em;}

#footer                  {padding: 0; margin: 0 auto; width: 1000px; height: 70px; clear: both; background: #800000 url('images/footer.jpg') no-repeat top left;}
#footer a                {color: #ff9900;}
#footer a:hover          {color: #fff000;}
#sitedisclaimer          {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; color: #ff0000; margin: 0; padding-top: 0px; text-align: right; padding-right: 10px;}
#licens                  {padding-left: 65px; padding-top: 10px;}

#source                  {float:right; margin: 50px 40px 0 0; text-align:center; color: #000; }

#left                    {background:#996633; padding:5px; border:1px solid; border-color:#000;}
#right                   {padding:5px; background:#663300; border:1px solid; border-color: #000;}

#mess                    {margin-left: 3px; color: #800000;  background:#FFAC30; padding:3px; margin-top:3px; border: 1px solid #fff;}
#timedate                {border-bottom: 1px solid #6c4721; padding: 5px; color: #000;}
#chat                    {margin-bottom: 5px; font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#chatimg                 {margin: 5px;}

#info                    {padding:0 0 4px 3px; background:#333; margin-top:-5px; margin-bottom:5px;}

#comm                    {padding:3px; background:#663300;}

#track                   {float:left;}

#up                      {text-align:center;}

.button                  {border:1px solid #FEA725; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; text-align:center; color: #800000; background:url('images/button.jpg') repeat-x bottom left; margin:2px 0; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px}

.spacer                  {padding: 2px 0 2px 0;}

.smalltext               {font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.mediumtext              {font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.tbox.chatbox            {width: 80%; margin-left: auto; margin-right: auto; border-color: #FEA725; background:#fff; color:#cccccc;}
.tbox                    {background-color: #fff; border:1px solid; border-color: #FEA725; color: #000; font: 10px verdana, tahoma, arial, helvetica, sans-serif;}

.helpbox                 {border: 0px; background-color: transparent; color:#000; font: 10px tahoma, verdana, arial, helvetica, sans-serif;}

.fborder                 {border: 1px solid #FEA725;}
.forumheader             {background: #fff url('images/cap.jpg')repeat-x bottom; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 12px; color:#000; padding: 4px; border: 1px solid #ff9900;}
.forumheader a           {color: #000;}
.forumheader a:hover     {color: #800000;}
.forumheader2            {background: #fff url('images/cap3.png') repeat-x bottom left; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; color:#000; padding: 4px; border: 1px solid #ff9900;}
.forumheader2 a          {color:#800000;}
.forumheader2 a:hover    {color:#000000;}
.forumheader3            {background: #fff url('images/cap2.png') repeat-x top left; font: 10px verdana, tahoma, arial, helvetica, sans-serif; color:#800000; padding: 4px; border: 1px solid #FEA725;}
.forumheader4            {background-color: #663300; font: 10px verdana, tahoma, arial, helvetica, sans-serif; color:#000; padding: 4px; border: 1px solid #000;}

.fcaption                {background: #fff url('images/cap.jpg')repeat-x bottom;  height:35px; border: 1px solid #ff9900; color:#000; font-weight:bold; text-align:center; font-style:normal; font-variant:normal; font-size:11px; font-family:verdana, tahoma, arial, helvetica, sans-serif; padding-left:8px; padding-right:0; padding-top:2px; padding-bottom:2px}
.fcaption a              {padding-right:4px; color:#800000;}
.fcaption a:hover        {padding-right:4px; color:#ff0000;}

.nicetitle                     {font-weight: bold; color: #3C3C3C; text-align: left; position: absolute; left: 0; top: 0; width: 35em; z-index: 20; max-width: 60%;}
.nicetitle-content             {overflow: hidden;	background: white; border: 1px solid #333;	padding: 7px;	opacity: 0.9;}
.nicetitle p                   {margin: 0; line-height: 120%;}
.nicetitle p.destination       {font-weight: normal; font-size: 11px; color: #5E7743;}
div.nicetitle p span.accesskey {color: #FF7200;}

.code                    {font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif; color:#000; padding: 8px; }
.code_highlight          {width:95%; margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 12px 'Lucida Console', 'courier new', monospace; background: #fff; border: 1px solid #ff0000; border-left: 3px solid #ff0000; }
.indent                  {padding:4px; border: 1px solid #ff9900; background: #fff; color: #ff0000; }

#ie                            {padding-top: 5px; height: 60px; background:url('images/ie.png') no-repeat top left;}
#ie ie1                        {padding-top: 5px;}

.newsContent                   {font: 14px Arial, Helvetica, Sans-Serif; color: #800000; margin: 0px;	padding-left: 10px; padding-right: 10px;}
.newsContent img               {margin-right:10px; margin-bottom:5px; }
.newsComments                  {width: 100%; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:tahoma, verdana, arial, sans-serif; padding-left: 15px; padding-bottom: 20px; border-top: 1px solid #0c253e; }
.newsTitle                     {color: #800000; background: url('images/newsheader.png') no-repeat left bottom;}
.newsLeft                      {float: left; margin-right: 10px; padding-left: 5px;}
.newsHeader                    {font: bold 24px Arial, Helvetica, Sans-Serif; color: #000000; margin: 5px 0px 0px 0px; padding:0; padding-left: 10px; padding-bottom: 5px;}
#newsOptions                   {float: right; margin: 0;  padding-top: 0px; padding-left: 5px; padding-right: 5px; }
#newsPosted                    {font: 12px Arial, Helvetica, Sans-serif; color: #ff0000; background: transparent; padding: 2px 0 2px 5px; margin: 0px; text-align: left; }
#newsHatter                    {padding: 2px 0px 2px 0px; background: url('images/newshatter.png') no-repeat right bottom;}

#cim                           {padding-left: 10px;  padding-top: 15px;	color: #fff;	font: 20px verdana, tahoma, arial, helvetica, sans-serif;}
#categori                      {padding-left: 10px;  padding-bottom: 0px;	color: #996633;	font: 10px verdana, tahoma, arial, helvetica, sans-serif;}
#categori a                    {color: #d59352;}
#categori a:hover              {color: #eba35a;}

#NEWSDATE                      {padding-left: 0px; color: #A28364; font: 12px verdana, tahoma, arial, helvetica, sans-serif;}

.menucolor                     {background: url('images/newsbg.png') repeat-y top left; border-left: 0px solid #996633; padding-left: 25px; color: #bd8e5f; font: 14px verdana, tahoma, arial, helvetica, sans-serif;}
.icons                         {margin-top: -50px;}

#navigation                    {width: 100%; margin-right: 0px; padding-top: 25px;}

#site                          {margin-left: auto; margin-right: auto; width: 1000px; height: 35px; background: #000 url('images/site.jpg') no-repeat bottom left;}
#sitename                      {float: right; padding-top: 2px; height: 35px; padding-right: 12px; font: bold 24px verdana, tahoma, arial, helvetica, sans-serif;}
#sitename a                    {color: #FFE0B1;}

#loginbox                      {text-align: right; padding-top: 0px; color: #ff9900; font: bold 10px verdana, tahoma, arial, helvetica, sans-serif;}

/*-----COMMENTSTYLE KEZDET-----*/

#commentstyle                  {background: #FFE0B1; border: 1px solid #ff9900; padding: 10px;}
#commentusername               {background: #FFC977; border: 1px solid #ff9900; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 10px; color: #000; margin-top: 10px;}
#commentusername a             {color: #800000;}
#commentusername a:hover       {color: #ff0000;}

/*-----COMMENTSTYLE VÉG-----*/

/*-----FELSŐ NAVIGÁCIÓ KEZDET-----*/

a.list               {width: 140px; height: 70px; background: url('images/list.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;}
a.list:hover         {width: 140px; height: 70px; background: url('images/list.png') no-repeat; background-position: 0px -70px; border: medium none;}

a.index              {width: 140px; height: 70px; background: url('images/index.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;}
a.index:hover        {width: 140px; height: 70px; background: url('images/index.png') no-repeat; background-position: 0px -70px; border: medium none;  }

a.contact            {width: 140px; height: 70px; background: url('images/contact.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;}
a.contact:hover      {width: 140px; height: 70px; background: url('images/contact.png') no-repeat; background-position: 0px -70px; border: medium none;}

a.download           {width: 140px; height: 70px; background: url('images/themes.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;}
a.download:hover     {width: 140px; height: 70px; background: url('images/themes.png') no-repeat; background-position: 0px -70px; border: medium none;}

/*-----FELSŐ NAVIGÁCIÓ VÉG-----*/
 
/*-----Feature Box-----*/

div#promos div.scroller                 { width: 690px;   height: 205px; overflow: hidden; }
div#promos div.scroller div.section     { width: 690px;   height: 205px; overflow: hidden; padding:1em; }
div#promos div.scroller div.content     { width: 10000px; height: 205px;}

#featurebox                             { width: 100%; margin: 0px; padding: 0px; margin-left: 5px;}
table.fBox                              { background-position: 0 0; background-repeat: repeat-x; }
div.fbox-cont                           { height: 205px;  margin: auto auto; background-position: top left; background-repeat: repeat-x;}
#buts                                   { position: absolute; width: 700px; margin: 0px; height: 0px; z-index: 0; padding-right: 0px;}

#fbox_center                            { height: 205px; width: 690px; vertical-align: top;}
.fbox_img                               { margin: 0px;}
.fbox_title                             { color: #fff; font-size: 16px; font-weight: bold; padding-bottom: 10px; margin: 0px; text-align: center; }
.fbox_text                              { color: #fff; text-align: left; font-size: 12px; font-weight: none; margin: 0px }
.fbox_text a                            { color: #fff; text-decoration: underline;}
.fbox_text a:hover                      { color: #fff; text-decoration: none; }

/*-----Feature Box-----*/

/*-----Megosztás panel-----*/
.ddpanel .ddpanelcontent                                    { color: #000; margin-right: 14px; }
.ddpanel .ddpaneltab                                        { margin-right: 10px; font: normal 12px Arial; }
.ddpanel .ddpaneltab a                                      { float: right; color: #000; text-decoration: none; letter-spacing: 1px; }
.ddpanel .ddpaneltab a span                                 { float: left; display: block; padding-left: 3px; cursor: pointer; }
.ddpanel .ddpaneltab a span img.pointerimage                { margin-top: 2px; margin-left: 5px; }
.ddpanel .ddpaneltab a:hover                                { color: #ff0000; }
.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus { outline: 0; }
.ddpanel .ddpaneltab a:hover span                           { background-color: transparent; }