/*
+------------------------------------------------+
|	e107 Theme - FREE THEME - CALL OF DUTY GHOSTS
|
|	CsaSzy Themes
|	http://csaszy.hu/
|	varcsa77@gmail.com
|
+------------------------------------------------+
*/
 
*                                                 { margin: 0; padding: 0; } 
html                                              { background: #181818 url(images/background2.jpg) no-repeat center bottom; }
body                                              { font: 12px Georgia, Arial, Helvetica, sans-serif; color:#fff; background: url(images/background.jpg) no-repeat center top; margin: 0; padding: 0; }
a                                                 { color:#ffc000; text-decoration:none; border:none; outline:none; }
a:hover                                           { border:none; color:#fff; text-decoration: none; }
img                                               { border:none; outline:none; }

/* Clearing *************************************/
.clearfix:after                                   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix                                         { display: block; }
* html .clearfix                                  { height: 1%; }
.clearfix                                         { display: block; }
.clear                                            { clear: both; }
.noclear                                          { clear: none; }

/* SiteLinks ************************************/
#mainmenu                                         { width: 1000px; height: 96px; margin: 10px auto 0px auto; padding: 0px; background: url(images/mainmenu.png) no-repeat center top; }

/*Navigation ************************************/
div.menuBar, div.menuBar a.menuButton,
 div.menuButton, div.menuButton_over, 
div.menu, div.menu a.menuItem                     { font: 20px Impact, "tahoma", arial, helvetica, sans-serif; text-transform: uppercase; text-align: right; text-shadow: 0px 0px 1px #000; }
div.menuBar                                       { list-style: none; margin: 0; padding: 31px 0 0 0; height: 50px; }
div.emenuBar                                      { text-align: center; }
div.menuBar a.menuButton, div.menuButton, 
div.menuButton_over                               { margin: 0; padding: 9px 15px 8px 15px; color: #fff;	cursor: pointer; text-align: center; text-decoration: none; position: relative; left: 0px; top: 0px; z-index: 200; white-space: nowrap; background: url(images/separator.png) no-repeat right top; border:none; }
div.menuBar a.menuButton:hover, 
div.menuButton:hover, div.menuButton_over         { color: #fff; background: #3a2b26 url(images/separator.png) no-repeat right top; }
div.menuBar a.menuButtonActive, 
div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover              { color: #fff; background: #3a2b26 url(images/separator.png) no-repeat right top; }
/* sub links container */
div.menu                                          { position: absolute; left: -999em; top: 0px; left: -5px; margin-top: -1px; padding: 5px 5px 10px 5px; visibility: hidden; background: #3a2b26; width: 200px; z-index: 101; }
/* sub links item */
div.menu a.menuItem                               { font: 16px Impact, "tahoma", arial, helvetica, sans-serif; color: #fff; display: block; padding: 7px 10px 7px 20px; text-decoration: none; white-space: nowrap; margin: 0; text-align: left; border-bottom: 1px solid #b2b5bb; border-top: 1px solid #22242d; background: url(images/subitem-bullet.png) no-repeat 5px center; }
div.menu a.menuItem:hover, 
div.menu a.menuItemHighlight                      { color: #fff; left: 0; top: 0; background: #22242d url(images/subitem-bullet-hover.png) no-repeat 5px center; }
div.menu a.menuItem span.menuItemBuffer           { padding: 0px 2px 0px 2px; color: #fff; }
div.menu a.menuItem:hover span.menuItemBuffer     { padding: 0px 2px 0px 2px; color: #000; }
div.menu a.menuItem span.menuItemText             { padding: 5px 0 5px 0; background: transparent; }
div.menu a.menuItem span.menuItemText:hover       { padding: 5px 0 5px 0; background: transparent; }
div.menu a.menuItem span.menuItemArrow            { padding-right: 20px; }
div.menu div.menuItemSep                          { border-top: 0px solid #a5a5a5; border-bottom: 0px solid #fff; margin: 4px 2px; }
a.menuItem.header                                 { border-bottom: 0px solid #b3b3b3; }

/* SiteName *************************************/
#header                                           { width: 1000px; margin: 0 auto; }
#sitename-wrap                                    { position: relative; left: 0px; top: -46px; width: 303px; height: 239px; margin: 0; padding: 0; background: url(images/sitename-bg.png) no-repeat left top; }
.sitename                                         { padding-top: 95px; font: 30px Impact, Arial, Helvetica, sans-serif; text-align: center; line-height: 60px; text-transform: uppercase; text-align: center; text-shadow: 0px 0px 2px #000; } 
.sitename a                                       { color: #c27211; }
.sitename a:hover                                 { color: #fff; }
.sitetag                                          { color: #fff; text-align: center; font: bold 14px tahoma, arial, helvetica, sans-serif; text-transform: uppercase; }

/* WMessage & Carousel Panel ********************/
#wmessandcarousel                                 { width: 1000px; height: 200px; margin: 0 auto; padding: 0; background: url(images/panel.png) no-repeat; }
#wmessagepanel                                    { float: left; width: 500px; text-align: justify; margin: 0px; }
.wmessage                                         { margin: 0; padding: 0; }
.wmessage h2                                      { font: 26px Impact, georgia, "times new roman", times, serif; padding: 45px 0px 0px 20px; color: #c27211; margin: 0 !important; text-shadow: 0px 0px 2px #000; }
.wmessage .body                                   { line-height: 20px; font: 14px Century Gothic, Georgia, "times new roman", times, serif; color: #fff; padding: 0px 75px 0px 20px; text-align: justify; text-shadow: 0px 0px 2px #000; }
#carouselpanel                                    { float: left; width: 500px; margin: 0px; }
#carousel                                         { width: 412px; height: 129px; overflow: hidden; margin: 55px 0 0 70px;  }
#carousel .viewport                               { float: left; width: 360px; height: 129px; overflow: hidden; position: relative; }
#carousel .buttons                                { display: block; width: 16px; height: 26px; margin: 31px 10px 0 0; float: left; }
#carousel .buttons:hover                          { border: none; }
#carousel .prev                                   { background: url(images/prev.png) no-repeat 0 0; }
#carousel .prev:hover                             { background: url(images/prev.png) no-repeat 0 -26px; }
#carousel .next                                   { margin: 32px 0 0 10px; background: url(images/next.png) no-repeat 0 0; }
#carousel .next:hover                             { background: url(images/next.png) no-repeat 0 -26px; }
#carousel .disable                                { visibility: hidden; }
#carousel .overview                               { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#carousel .overview li                            { float: left; margin: 0 32px 0 0; padding: 1px; height: 84px; border: 1px solid #c27211; width: 160px; }

/* SiteLinks flat:2 *****************************/
.sitelinks2                                       { position: relative; margin: 20px auto 0px auto; width: 1000px; border: 1px solid #000; border-bottom: none; height: 43px; z-index: 300; background: url(images/flat2.png) repeat-x; }
.sitelinks2 ul.flat2                              { height: 43px; line-height: 1; list-style-type: none; margin: 0px; padding: 0; }
.sitelinks2 ul.flat2 li                           { display: inline; height: 43px; font: 16px Impact, "Arial", Helvetica, Sans-serif; text-shadow: 0px 0px 2px #000; text-decoration: none; text-transform: uppercase; }
.sitelinks2 ul.flat2 li a                         { color: #fff; line-height: 43px; outline: 0; padding: 12px 10px 13px 10px; }
.sitelinks2 ul.flat2 li a:hover                   { color: #e3ac7f; line-height: 43px; text-decoration:none; padding: 12px 10px 10px 10px; border-bottom: 1px solid #fff; background: url(images/flat2_hover.png); } 

/* Page *****************************************/
#wrapper                                          { overflow: hidden; width: 1000px; margin: 0 auto; padding: 0; border: 1px solid #000; background: url(images/main-bg.png); }
#content                                          { float: left; width: 682px; margin: 0 0 0 20px; padding: 0; }

/* Left *****************************************/
#left .box                                        { overflow: hidden; margin: 0; padding: 0; }
#left .box .title                                 { margin: 0; padding: 0; }
#left .box .title h2                              { text-transform: uppercase; font: 24px Impact, Verdana, Arial, serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000; color: #fff; margin: 0; padding: 25px 0px 0 0; font-variant: small-caps; }
#left .box .body                                  { margin: 0; padding: 10px 0px; font: 14px Century Gothic, Verdana, Arial, serif; color: #fff; line-height: 16px; }

/* Site *****************************************/
#sidebar                                          { float: right; width: 250px; margin: 20px 20px 0 20px; padding: 0; background: url(images/flat2_hover.png); border: 1px solid #000; }
#side-column                                      { float: left; width: 250px; margin: 0; padding: 0; }
#side-column .box                                 { overflow: hidden; margin: 0 0 20px 0; padding: 0; }
#side-column .box .title                          { margin: 0; padding: 0; background: url(images/menutitle.jpg); }
#side-column .box .title h2                       { text-transform: uppercase; font: 22px Impact, Verdana, Arial, serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000; color: #fff; line-height: 30px; margin: 0; padding:12px; font-variant: small-caps; }
#side-column .box .body                           { margin: 0; padding: 10px 20px; font: 11px Verdana, Arial, serif; color: #666; line-height: 16px; }

/* Other Menu  ***********************************/
.othermenu-box                                    { margin: 0; padding: 0; border: 1px solid #fff; }
.othermenu-title                                  { margin: 0; padding: 0; border-bottom: 1px solid #e7e5cd; }
.othermenu-title h2                               { font: bold 16px Verdana, Arial, serif; color: #333; margin: 0; padding: 10px; }
.othermenu-body                                   { line-height: 16px; margin: 0; padding: 10px; font: 12px Verdana; color: #3f3f3f; }
.othermenu-box .button a                          { color: #CC3300; text-decoration: none; }
.othermenu-box .button a:hover                    { color: #000; text-decoration: none; }

/* News Style ***********************************/
.post                                             { overflow: hidden; margin: 20px 0; padding: 0; }
.post-options-bg                                  { overflow: hidden; float: right; margin: 13px 0 0 0; padding: 0; }
.post-title                                       { font: 24px Impact, Arial,Helvetica,sans-serif; line-height: 42px; margin: 0; padding: 0; text-transform: uppercase; text-align: left; letter-spacing: 1px; text-shadow: 1px 1px 1px #000; }
.post-title a                                     { color: #fff; text-decoration: none; outline: none; }
.post-title a:hover                               { color: #e3ac7f; text-decoration: none; outline: none;  } 
.post-info                                        { margin: 0 0 10px 0; padding: 4px; background: url(images/flat2_hover.png); border: 1px solid #000; }
.post-info a                                      { color: #e3ac7f; }
.post-info a:hover                                { color: #fff; text-decoration: underline; }
.post-author                                      { display: inline; font: bold 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 24px; margin: 0 6px 15px 0; padding: 0; text-align: right; }
.post-date                                        { display: inline; font: bold 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 24px; margin: 0 6px 15px 0; padding: 0 0 0 8px; border-left: 1px solid #e3ac7f; text-align: right; }
.post-comments                                    { display: inline; font: bold 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 24px; margin: 0 6px 15px 0; padding: 0 0 0 8px; border-left: 1px solid #e3ac7f; text-align: right; }
.post-body                                        { font: 14px Century Gothic, Arial,Helvetica,sans-serif; color: #fff; line-height: 21px; margin: 0px; padding: 0; text-align: justify; }
.post-body img                                    { width: 200px; float: left; display: block; margin: 0 12px 0 0; padding: 2px; border: 1px solid #000 !important; background: #fff; }
.morebutton                                       { display:inline-block; height:34px; margin-left:10px; background: url(images/readtherest-button-right.png) no-repeat right top; }
.morebutton:hover                                 { background: url(images/readtherest-button-right.png) no-repeat right -34px; }
.morebutton span                                  { overflow:visible; display:block; float:left; height:31px; font: bold 12px Arial,Helvetica,sans-serif; color:#fff; line-height:32px; text-shadow:0px 0px 2px #000; margin-left:-10px; padding: 0 15px 3px; background:url(images/readtherest-button-left.png) no-repeat left top; cursor:pointer; }
.morebutton span:hover                            { color: #e3ac7f; text-decoration: none; outline: none; background:url(images/readtherest-button-left.png) no-repeat left -34px; }
a.news_extendstring                               { color: #fff; padding: 7px 0; text-decoration: none; outline: none; }
a.news_extendstring:hover                         { color: #e3ac7f; padding: 7px 0; text-decoration: none; outline: none; }
.post-bottom                                      { background: url(images/postbottom.jpg) repeat-x center; height: 22px; padding: 0 10px; } 

/* Footer ***************************************/
#footer                                           { overflow: hidden; width: 1000px; margin: 0 auto; padding: 0; font: 12px Century gothic, Arial, sans-serif; background: url(images/main-bg.png); text-align: center; border: 1px solid #000; border-top: none; }
#footer a                                         { color:#e03521; text-decoration: none; }
#footer a:hover                                   { color:#eee; text-decoration: none; }
#footer-menu                                      { float: left; width: 312px; text-align: left; margin: 10px; padding: 0; background: url(images/flat2_hover.png);}
#footer-menu2                                     { float: left; width: 314px; text-align: left; margin: 10px; padding: 0; background: url(images/flat2_hover.png); }
.footermenu-title                                 { font: 22px Impact, "Georgia",Century gothic,Verdana,Tahoma,sans-serif; color:#e0af17; margin: 5px 10px; padding: 5px 10px; text-transform:uppercase; background: url(images/menutitle.jpg); text-shadow: 1px 1px 1px #000; }
.footermenu-body                                  { padding: 20px; margin: 0; font: 14px Century gothic, Arial, sans-serif; color: #999; }
#footer-data                                      { overflow: hidden; width: 100%; margin: 0; padding: 20px 0; background: #000; text-align:left; border-top: 3px solid #272727; }
#footer-data-inner                                { overflow: hidden; width: 1000px; margin: 0 auto; padding: 0; }
#footer-data-left                                 { float: left; margin: 0px; padding: 0px; color:#666; font:12px Century gothic, Arial, sans-serif; }
.movetop                                          { float: right; }

/* TBox, ChatBox, Button ************************/
.tbox                                             { font: bold 13px Century Gothic, Arial,Helvetica,sans-serif; color: #000; background: #cacaca url(images/form-bg.png) no-repeat left top; margin: 0; padding: 3px 0; border: 1px solid #c0c0c0; }
.tbox.chatbox                                     { width: 90%; color: #181818; background: #cacaca url(images/form-bg.png) no-repeat left top; padding: 5px; margin: 10px auto; border: 1px solid #c0c0c0; }
.button                                           { font: 10px Tahoma, century gothic, georgia, "times new roman", times, serif; font-weight: bold; color:#fff; text-transform:uppercase; margin: 2px; margin-top: 4px; padding: 3px 5px; text-align: center; cursor:pointer; background: #dc7711; background: -moz-linear-gradient(top, #a05910, #dc7711); background: -webkit-gradient(linear, left top, left bottom, from(#a05910), to(#dc7711)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a05910', endColorstr='#dc7711'); -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a05910', endColorstr='#dc7711')"; border: 1px solid #75400b; }
.button:hover                                     { text-decoration: none; color: #000; background: #a05910; border: 1px solid #75400b; outline: none; }

/* Forums ***************************************/
.border                                           { border: 2px dotted #1a1a1a; }
.fborder                                          { border: 2px dotted #1a1a1a; border-collapse: collapse; background: transparent; border: none; }  
.forumheader                                      { background: #0f0f0f; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; }
.forumheader2                                     { background: #171717; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; } 
.forumheader3                                     { background: #171717; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; }
.forumborder                                      { border: 1px dotted #1a1a1a; }
a.forumlink                                       { text-decoration: none;color: #deb731; }
a.forumlink:hover                                 { text-decoration: underline;color: #fff; }
.nforumcaption2                                   { background: #171717; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; }
.caption                                          { background: #171717; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; }   
.fcaption                                         { background: #171717; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; }
.fcaption a                                       { text-decoration: none; color: #E99022; }
.fcaption a:hover                                 { text-decoration: underline; color: #fff; }
.finfobar                                         { background: transparent; font: 12px Arial, Helvetica, sans-serif; color: #b48e69; padding: 8px 10px; border-bottom: 1px dotted #000; } 
.nforumholder, .nforumcaption, .nforumthread,
.nforumreplycaption, .nforumreply, 
.nforumdisclaimer, .nforumview1, .nforumview2,
.nforumview3, .nforumview4                        { }
          
/* Texts ****************************************/
.indent                                           { font: italic 12px Arial, Helvetica, Sans-serif; color: #000; background: #d3d3d3; border: 1px solid #161616; padding: 10px; margin: 5px; }
.indent a                                         { color: #000 !important; text-decoration: none; }
.indent a:hover                                   { color: #777 !important; text-decoration: underline; } 
.smalltext                                        { font: 11px Arial, Helvetica, Sans-serif; } 
.smallblacktext                                   { font: 11px Arial, Helvetica, Sans-serif; }  
.defaulttext                                      { font: 13px Arial, Helvetica, Sans-serif; }
.mediumtext                                       { font: 12px Arial, Helvetica, Sans-serif; }
blockquote                                        { font: italic 12px Arial, Helvetica, Sans-serif; background: #171717; border: 1px solid #fff; padding: 10px; margin: 5px; }
.nextprev                                         { height: 25px; font: 15px Arial, Helvetica, Sans-serif; color: #b4b4b4; margin: 0 0 20px 0; padding: 0; }
.nextprev_link                                    { margin: 0 1px; padding: 3px 5px; }
.nextprev a                                       { font: 15px Arial, Helvetica, Sans-serif; color: #b4b4b4; line-height: 15px; background: transparent; border: 1px solid #fff; padding: 5px 8px; border: none; }
.nextprev a:hover                                 { color: #fff; background:#333333; border: 1px solid #525252; padding: 4px 7px; }
.nextprev_current                                 { font: 15px Arial, Helvetica, Sans-serif; color: #fff; line-height: 15px; background:#171717; border: 1px solid #fff; padding: 4px 7px; } 
.nextprev_total                                   { font: 15px Arial, Helvetica, Sans-serif; color: #b4b4b4; line-height: 15px; padding: 4px 8px 4px 0; }
.searchhighlight                                  { text-decoration: underline; color: #ff0000; font-weight: bold; }

/* Misc *****************************************/
td                                                { font-family: arial,Helvetica,sans-serif; padding: 0 5px; text-align:left; }
form                                              { margin: 2px 0px 0px 0px; }
p                                                 { margin: 0px; padding: 0 0 10px 0; font: 12px arial,Helvetica,sans-serif; }
.spacer                                           { padding: 5px 0px 5px 0px; }
hr                                                { clear: both; width: 90% !important; height: 0px; margin: 10px auto 5px auto; padding: 0; background: transparent; border-top: 1px solid #0e1519; border-bottom: 1px solid #202e37; border-left: none; border-right: none; } 
.helpbox                                          { background: transparent; font: 10px Arial,Helvetica,sans-serif; color:#666; border: 0px; margin: 0; padding: 0; }
.bodytable                                        { font-family: arial,Helvetica,sans-serif; padding: 8px; }
.code-box                                         { font: 12px arial,Helvetica,sans-serif; color:#393939; padding: 8px; }
.code_highlight                                   { width: 94%; margin: 5px auto; padding: 20px 20px; text-align: left; display: block; overflow: auto; font: 12px Arial,Helvetica,sans-serif; background: #000; border: 1px solid #161616; }
.code_highlight span                              { color:#99b6c8 !important; }  
.b                                                { border: none !important; }



/*2013.12.15*/