/*
Theme Name: Classical Gamer
Theme URI: http://www.arrastheme.com/
Description: This child theme requires at least <strong>Arras Theme 1.5.0.1</strong> to be installed.
Author: Melvin Lee
Author URI: http://www.zy.sg/
Template: arras
Version: 1.0.1
Tags: two-columns,three-columns,left-sidebar,right-sidebar,fixed-width,theme-options,threaded-comments,sticky-post,microformats,translation-ready,custom-menu
.
This child theme, like Arras Theme, is released under the GNU General Public License, version 2 (GPL).

For more information about the GPL, please visit:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

If you require any support, please visit the theme website at 
http://www.arrastheme.com/.
.
*/

/*

WARNING: DO NOT EDIT THIS STYLESHEET!

If you intend to make changes to the stylesheet, you should copy the style from here and
override it in user.css (located on the same directory).

*/

/* YUI2 CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Clearfix Hack */
.clearfix:after	{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix  { display: inline-block; }
html[xmlns] .clearfix  { display: block; }
* html .clearfix  { height: 1%; }

/* Globals */
body  { font: 12px 'Segoe UI', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif; line-height: 1.5em; }
input[type=text], input[type=password], textarea  { padding: 5px; border: 1px solid;font-size: 14px; }
input[type=submit]  { font-size: 14px; padding: 5px; margin: 10px 0; }
p  { margin: 0 0 1em; }
blockquote  { font-style: italic; padding: 0 1em; margin: 1em 0; }
cite  { font-style: italic; color: #777; font-size: 11px; }
code  { font-family: 'Consolas', 'Lucida Console', Courier New, Courier, monospace; }
caption  { text-align: center; font-size: 14px; padding: 5px; }
table  { margin: 10px 0; width: 100%; }
table th, table td  { padding: 5px; }
dl  { margin: 10px 0; font-size: 14px; }
dl dt  { padding-bottom: 3px; }
dl dd  { margin-bottom: 10px; }

.aligncenter, div.aligncenter  { display: block; margin: 0 auto; }
.floatleft, .alignleft  { float: left; margin: 10px; }
.floatright, .alignright  { float: right; margin: 10px; }
img.alignleft, img.alignright, img.aligncenter, .wp-caption { padding: 4px; }
.wp-caption  { padding: 5px 0; text-align: center; }
.wp-caption-text  { margin-bottom: 0; font-size: 11px; }
.hide, .ui-tabs-hide  { display: none !important; }
.tags  { line-height: 20px; }
.avatar  { float: left; padding: 3px; margin: 0 10px 10px 0; }

/* Hyperlinks */
a  { outline: none; }
a:link, a:visited  { text-decoration: none; }
a:hover  { }

/* Structure */
#wrapper  { overflow: hidden; }
#main  { padding: 10px; margin-top: 20px !important; }
.page-template-page-onecolumn-php #content  { border: none; }
#content  { padding-bottom: 10px; }

/* Header */
#header  { overflow: hidden; }
#branding  { width: 980px; height: 80px; margin: 0 auto; }
.logo  { float: left; margin: 25px 0; }
.blog-name  { float: left; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; }
.blog-name a:link, .blog-name a:visited  { text-decoration: none; }
.blog-description  { float: left; margin: 0 0 0 10px; padding: 0; font-size: 14px; }

/* Menus */
.sf-menu, .sf-menu *  { list-style: none; margin: 0; padding: 0; }
.sf-menu  { line-height: 1; }
.sf-menu ul	 { position: absolute; left: -999em; width: 11em; z-index: 101; }
.sf-menu ul li  { width: 100%; }
.sf-menu li:hover  { visibility: inherit; }
.sf-menu li  { float: left; position: relative; }
.sf-menu a  { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul  { left: 0; top: 2.8em; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul  { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul  { left: 11em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul  { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul  { left: 11em; top: 0; }
.sf-shadow ul { background:	url(../images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

.sf-menu .sf-with-ul  { padding-right: 15px !important; }
.sf-menu ul .sf-sub-indicator { display: none; }
.sf-sub-indicator  { background: url(images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: -1px; vertical-align: middle; }

/* Navigation */
#top-menu, #nav  { min-width: 990px; }
#top-menu-content, #nav-content  { margin: 0 auto; width: 980px; }
#top-menu-content .sf-menu, #nav .sf-menu  { float: left; max-width: 770px; }

#nav  { padding-bottom: 18px; }

#nav .sf-menu  { float: left; }
#nav .sf-menu li  { line-height: 35px; }
#nav .sf-menu li a  { text-decoration: none; text-transform: uppercase; padding: 0 9px; font-size: 11px; }
#nav .sf-menu li a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfhover  { }
#nav .sf-menu ul  { margin: 2px 0 0 -1px; }
#nav .sf-menu * li  { line-height: 25px; margin-top: -1px; }
#nav .sf-menu ul li a  { }


#top-menu  { padding: 5px 0; }
#top-menu .sf-menu  { line-height: 1.1; }
#top-menu .sf-menu li  { line-height: 23px; }
#top-menu .sf-menu li a  { text-decoration: none; text-transform: uppercase; padding: 0 9px 1px; font-size: 10px; }
#top-menu .sf-menu li a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfhover  { }
#top-menu .sf-menu ul  { margin: 2px 0 0 -1px; top: 1.8em; }
#top-menu .sf-menu ul ul  { top: 0; }
#top-menu .sf-menu * li  { line-height: 25px; margin-top: -1px; }
#top-menu .sf-menu ul li a  { }


.quick-nav  { float: right; list-style: none; margin: 0; padding: 0; }
.quick-nav li  { padding: 9px 7px 0 0; float: left; display: inline; }
.quick-nav a:link, .quick-nav a:visited	{ display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; background: url(images/icon_bits.gif) no-repeat; opacity: 0.6; }
.quick-nav a:hover  { opacity: 1; }
.quick-nav #rss  { background-position: -2px -34px; }
.quick-nav #twitter  { background-position: -2px -53px; }
.quick-nav #facebook  { background-position: -2px -73px; }

/* Search Form */
#searchbar  { float: right; margin: 20px 0; }
#searchbar input  { border: none; }
#searchbar input[type=text]  { padding: 7px; }
.searchform  { width: 270px; border: 1px solid; vertical-align: middle; }
.searchform .s  { border: none; width: 230px; font-size: 12px; }
.searchform .searchsubmit  { position: relative; font-size: 0; padding: 0 10px; margin: 0 2px 0 0; text-indent: -9000px; background: url(images/icon_bits.gif) -2px 0px no-repeat; width: 15px; height: 15px; border: none; line-height: 5em; top: -5px; }
.searchform .searchsubmit:hover { background-position: -2px -15px; }

/* Sidebar */
.layout-2c-l-fixed #primary .widgetcontainer  { padding-right: 10px; }
.layout-2c-r-fixed #primary .widgetcontainer  { padding-left: 10px; }
.layout-2c-l-fixed #secondary, .layout-2c-r-fixed #secondary  { display: none; }
.sidebar * ul  { border: none; }
.sidebar li:first-child .widgettitle  { padding-top: 0; }
.widgetcontainer  { padding: 0 0 15px; }
.widgetcontainer ul  { margin: 5px 0 0 0; }
.widgetcontainer ul li  { list-style: circle; margin-left: 15px; }
.widgetcontainer li  { margin-bottom: 8px; }
.widgettitle  { font-size: 16px; padding: 15px 0 10px; margin: 0; }
.widgetcontent  { margin: 5px 0; }

#calendar_wrap  { padding: 0 10px 10px; }
#wp-calendar #today  { }
#wp-calendar  { margin: 5px 0 0; }
#wp-calendar th, #wp-calendar td  { text-align: center; }

.widgettitle .rsswidget  { }
.widgetcontent .rsswidget  { font-size: 14px; }
.rss-date  { font-size: 11px; }
.rssSummary  { margin: 10px 0; }

.multi-sidebar-container  { padding: 10px 0; }
.layout-2c-r-fixed .tabs  { margin-left: 10px; }
.multi-sidebar .tabs li { float: left; margin-right: 5px; }
.multi-sidebar .tabs li a { display: block; padding: 3px; margin-bottom: 5px; }
.multi-sidebar .tabs li.ui-tabs-selected a { }
.multi-sidebar .widgetcontainer  { border: none; padding: 5px 10px 5px 0; }
.attachment-sidebar-thumb, .multi-sidebar .avatar  { float: left; padding: 2px; margin: 0 10px 5px 0; }
.multi-sidebar .sub  { font-size: 11px; }
.multi-sidebar ul  { margin: 0; padding: 0; }
.multi-sidebar ul li  { list-style: none; margin-left: 0; }

ul.featured-stories li  { margin: 0 0 10px; padding-bottom: 10px; }
ul.featured-stories a { font-size: 14px; }
ul.featured-stories .sub  { font-size: 11px; }
ul.featured-stories .excerpt  { margin: 10px 0; clear: left; line-height: 18px; overflow: hidden; }
a.sidebar-read-more  { font-size: 12px; }

/* Featured Slideshow */
#slideshow  { margin: 0 auto 10px; width: 970px; padding: 5px; }
.slideshow-outer  { width: 640px; float: left; position: relative; padding: 10px 0 10px 10px; }
.slideshow-inner  { height: 250px; }
.slideshow-inner div  { width: auto !important; }
.slideshow-link  { overflow: hidden; text-decoration: none; font-size: 14px; display: block; height: 250px; }
.slideshow-link:hover  { text-decoration: none; }
.slideshow-link img  { width: 640px; height: 250px; }
.slideshow-entry  { position: relative; top: -115px; left: 0; opacity: 0.8; filter: alpha(opacity = 80); width: 400px; display: block; padding: 10px; text-align: right; overflow: hidden; }
.slideshow-entry p  { margin-bottom: 0; }
.slideshow-entry .entry-title  { display: block; font-size: 17px; margin-bottom: 5px; font-weight: 700; }
#slideshow .hoverscroll  { width: 310px; float: left; margin: 10px 10px 10px 0; height: 250px; }
#slideshow .listcontainer  { overflow: hidden; }
.slideshow-list  { padding: 0 0; font-size: 13px; overflow: hidden; }
.slideshow-list li  { border-bottom: 1px solid #333; margin: 0 1px; }
.slideshow-list a  { padding: 10px 0; margin: 0 15px; display: block; text-decoration: none; }
.slideshow-list a:hover  { }
.slideshow-list a.activeSlide  { margin: 0; padding: 10px 15px; }
.slideshow-list .entry-info  { display: block; font-size: 11px; }

/* Scrollable */
.scrollable  { width: 980px; margin: 20px auto; }
.scrollable-inner  { position: relative; width: 910px; height: 100px; overflow: hidden; float: left; }
.scrollable-inner .items  { width: 20000em; position: absolute; }
.scrollable ul  { float: left; margin-top: 0; }
.scrollable .posts .post  { float: left; margin: 0 27px 5px 0; padding: 0; }
.scrollable .posts .post:last-child  { margin-right: 2px; }
.scrollable .prev, .scrollable .next  { display: block; width: 15px; height: 22px; text-indent: -9000px; background: url(images/icon_bits.gif) no-repeat; }
.no-js .scrollable .prev, .no-js .scrollable .next  { display: none; }
.scrollable .prev  { float: left; background-position: -21px -54px; margin: 37px 20px 0 0; }
.scrollable .prev:hover  { background-position: -21px -80px; }
.scrollable .next  { float: right; background-position: -22px -2px; margin: 37px 0 0 20px; }
.scrollable .next:hover  { background-position: -22px -27px; }

.scrollable .posts img  { display: block; }
.scrollable .posts .entry-meta  { position: relative; float: left; display: block; opacity: 0.9; filter: alpha(opacity = 70);
 position: relative; padding: 5px 10px; margin: 0; cursor: hand; }
.scrollable .posts .entry-title  { display: block; margin-bottom: 5px; font-size: 14px; }
.scrollable .posts .entry-comments  { background: url(images/icon_bits.gif) no-repeat -39px 2px; padding-left: 15px; color: #999; }
.scrollable .posts .entry-thumbnails  { padding: 4px; }

/* Tapestries */
.posts-default  { overflow: hidden; margin: 15px 0 20px; }
.posts-default .post  { float: left; margin: 0 15px 5px 0; font-size: 12px; padding: 0; }
.posts-default img  { }
.posts-default .entry-thumbnails  { width: auto !important; height: auto !important; padding: 4px; margin-bottom: 10px; }
.posts-default .entry-thumbnails-link  { text-decoration: none; display: block; }
.posts-default .entry-meta  { width: auto !important; height: 17px; float: right; display: block; font-size: 11px; padding: 4px; opacity: 0.8; filter: alpha(opacity = 80); position: relative; margin-top: -25px; }
.posts-default .entry-meta  { margin-top /*\**/: 0\9; top /*\**/: -25px\9 }
.posts-default .entry-subcat  { margin-right: 5px; padding-right: 3px; }
.posts-default .entry-comments  { background: url(images/icon_bits.gif) no-repeat -39px 1px; padding-left: 12px; }
.posts-default .entry-title  { font-size: 15px; line-height: 18px; margin-bottom: 10px; }
.posts-default .entry-title a  { display: block; width: 100%; overflow: hidden; }
.posts-default .more-link  { float: right; }

.posts-quick  { margin: 15px 0 10px; }
.posts-quick  .post  { margin: 0 10px 20px 0; }
.posts-quick .entry-thumbnails  { width: auto !important; float: left; margin: 0 20px 20px 0; }
.posts-quick .entry-thumbnails-link  { display: block; padding: 4px; }
.posts-quick .entry-title  { font-size: 16px; line-height: 20px; } 
.posts-quick .entry-info  { font-size: 11px; margin-bottom: 5px; }
.posts-quick .quick-read-more  { margin-top: 15px; }

.posts-line  { margin-right: 10px; }
.posts-line .post  { padding: 7px 0; }
.posts-line .post .entry-cat  { padding: 2px 5px 5px; float: left; text-align: right; width: 80px; font-size: 11px; margin-right: 10px; }
.posts-line .post .entry-title  { max-width: 70%; font-size: 14px; float: left; margin-right: 10px; padding: 2px 0; }
.posts-line .post .entry-comments  { float: right; padding: 5px 2px 3px; }

.entry-summary  { line-height: 16px; height: 85px; }
.more-link, .quick-read-more a { font-style: italic; padding: 4px; margin: 15px 0 10px; }

.navigation  { padding: 20px 10px 20px 0; }
.navigation .floatleft, .navigation .floatright  { margin: 0; }
.comments-navigation  { margin: 0 10px 30px 0; }
.navigation a, .comments-navigation a  { padding: 5px 7px; font-size: 14px; display: inline-block; }
.comments-navigation span.current  { padding: 7px 9px; }

/* Home Page */
.home-title, .archive-title  { margin: 0 0 10px; font-size: 19px; }
#index-news ul  { border: none; margin-bottom: 0; }

#bottom-content-1, #bottom-content-2  { float: left; width: 330px; margin: 10px 0; }
#bottom-content-1 .widgetcontainer, #bottom-content-2 .widgetcontainer  { padding: 10px 10px 10px 0; border: none; }
#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle  { font-size: 19px; }

/* Archive Posts */
#archive-posts ul  { border: none; margin-bottom: 0; }

/* Search Results */
.search-results  { margin-bottom: 20px; }
.search-results h2  { margin: 0 0 5px; font-size: 19px; }

/* Single Post */
.single-post  { margin-bottom: 50px; }
.traditional .post  { margin: 10px 10px 40px 0; }
.traditional .post .entry-title, #main .single-post .entry-title  { font-size: 19px; }
.traditional .post .entry-info, #main .single-post .entry-info { margin: 3px 0 10px; -webkit-text-size-adjust: 120%; }
.traditional .post .entry-author, #main .single-post .entry-author { float: left; }
.entry-author address  { display: inline; font-style: normal; padding-right: 5px; }
.single-post .post-edit-link  { margin-left: 10px; }
.traditional .post .entry-photo, #main .single-post .entry-photo  { margin: 10px auto; text-align: center; }
.entry-photo img  { padding: 4px; }
.traditional .post .entry-content, #main .single-post .entry-content  { font-size: 13px; line-height: 18px; overflow: hidden; margin-top: 20px; }
.traditional .post .entry-cat, #main .single-post .entry-cat  { margin-left: 15px; }
.traditional .post .tags, #main .single-post .tags  { padding: 5px 0; font-size: 11px; clear: both; }
.traditional .post .entry-comments, #main .single-post .entry-comments  { float: right; padding: 3px; margin-top: 5px; background: url(images/comments.gif) no-repeat 3px 6px #333; display: inline-block; color: #FFF; font-size: 14px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }

.page .entry-content  { margin-top: 10px; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6  { margin-bottom: 0.5em; }
.entry-content h1  { font-size: 20px; }
.entry-content h2  { font-size: 17px; }
.entry-content h3  { font-size: 16px; }
.entry-content h4  { font-size: 15px; }
.entry-content h5  { font-size: 14px; }
.entry-content ul, .entry-content ol  { padding: 0 1.5em 1em; }
.entry-content ul li  { list-style: disc; padding: 0.25em 0; }
.entry-content ol li  { list-style: decimal; padding: 0.25em 0; }

.single-post-meta  { clear: right; float: right; width: 30%; margin: 0 0 15px 15px; }
.single-post-meta span  { display: block; padding: 5px; font-size: 13px; }
.single-post-meta-field  { font-size: 12px; }
.single-post-meta-value  { }
span.single-post-meta-score-value  { font-size: 19px; }

.about-author  { border-width: 1px 0; border-style: solid; padding: 10px 0; line-height: 18px; margin: 0; clear: both; }
.about-author h4, .author-content h1  { font-size: 16px; margin: 0 0 10px; }
.module-title, #reply-title  { font-size: 19px; margin: 10px 0; }
.about-author h5  { font-size: 14px; margin-bottom: 5px; }

.gallery  { clear: both; margin: 10px 0; }
.gallery-item  { float: left; margin-right: 10px; width: 31%; text-align: center; }
.gallery-icon img  { padding: 4px; }
.gallery-caption  { font-size: 12px; }

/* Comments */
.nocomments  { font-size: 14px; padding-bottom: 10px; margin: 0 10px 20px 0; }
#commentlist  { margin: 15px 10px 15px 0; }
#commentlist li  { margin: 0; padding: 0; }
#commentlist .children li  { margin: 0 0 0 5px; border-bottom: none; }
#commentlist li .bypostauthor  { }
#commentlist .comment-node  { padding: 10px; margin: 5px 0; }
#commentlist .children .comment-node  { }
.comment-node .comment-controls  { float: right; }
.comment-author .avatar  { float: left; padding: 2px; margin: 0 10px 10px 0; }
.comment-author cite  { font-style: normal; font-size: 14px; }
.comment-meta  { font-size: 11px; }
.comment-content  { clear: left; }
.comment-reply-link  { padding: 5px; font-size: 11px; }
#cancel-comment-reply-link  { margin-left: 10px; }
#commentform input[type=text]  { width: 60%; display: block; }
#commentform textarea  { width: 90%; display: block; }
#commentform label.error  { display: inline-block; padding: 3px; border: 2px solid #330000; color: #FFF; background: #D8000C; margin: 10px 0; width: 60%; }
#respond  { margin-right: 10px; }

.pingbacks  { padding: 0 1.5em 1em; margin-bottom: 20px; }
.pingbacks li  { list-style: decimal; padding: 0.25em 0; }

/* Author Template */
.author-content  { margin: 15px 10px 15px 0; }
.author-content .avatar  { margin: 0 20px 20px 0; }
.author-content dl  { margin-left: 125px; }
.author-posts-title  { font-size: 17px; margin-top: 30px; padding-top: 20px; }

/* WP-PageNavi */
.wp-pagenavi  { clear: both; margin: 10px 0 20px; }
.wp-pagenavi a, .wp-pagenavi span  { text-decoration: none; padding: 3px 5px; margin: 2px; }

/* Footer */
#footer  { margin: 0 auto; width: 970px; padding: 5px; }
#footer .widgettitle  { padding-top: 0; }
#footer .widgetcontainer	{ float: left; padding: 5px 10px; max-width: 300px; border-bottom: none; }

.footer-sidebar-container  { margin: 10px; }
.footer-sidebar  { overflow: hidden; float: left; margin: 0; padding: 0 0 10px; }

#footer .footer-message  { padding: 5px 10px; }
#footer .footer-message p  { margin: 5px; }