/* -------------------------------------------------------------------------------
	Theme Name: Mak News
	Theme URI: http://grafisia.com/
	Description: Designed by <a href="http://grafisia.com">Habieb</a>.
	Version: 1.00
	Author: Habieb
	Author URI: http://grafisia.com/
   ------------------------------------------------------------------------------- */

/* Table of Contents
----------------------------------------------------------------------------------
   1. Reset
   2. Grid
   3. General
   4. Header
   5. Content
   6. Slider
   7. Blog
   8. Post Column
   9. Post Photo Slide
   10. Post Category List
   11. Archive
   12. Contact
   13. 404
   14. Sidebar
   15. Comments
   16. Footer
   ------------------------------------------------------------------------------- */

/* Reset
------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	text-align: center;
	color: #C90;
	font-weight: bold;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #B00000;
}

/* Layout
------------------------------------ */

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 { float: left; display: inline; margin-left: 20px; }

.grid1 { width: 60px; } .grid2 { width: 140px; } .grid3 { width: 220px; } .grid4 { width: 300px; } .grid5 { width: 380px; } .grid6 { width: 460px; } .grid7 { width: 540px; } .grid8 { width: 620px; } .grid9 { width: 700px; } .grid10 { width: 780px; } .grid11 { width: 860px; }

.first { margin-left: 0; clear: left; }

/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	color: #FFF;
	font-weight: bold;
}

/* General
------------------------------------ */

body {
	font:13px/20px  Arial, Helvetica, Sans-Serif;
	color:#fcfcfc;
	background:#1f1f1f url(images/dark-grain-tile.jpg) top center;
}

.outside { background:transparent url(images/top-body-repeat.jpg) repeat-x top center; }

.container { width: 940px; margin: 0 auto; }

a { color:#E9DE14; text-decoration:none; }
a:hover { color:#fff; text-shadow:0 0 5px #cf0; text-decoration:none; }
a:active { color:#fff; text-decoration:none; }
a:focus {
	outline: none;
	color: #b00000;
}

hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0 }

@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/PTS55F-webfontd41d.eot?') format('eot'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#webfontakBUUg6U') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font-family: PTSansRegular, arial, helvetica; font-weight: normal; font-style: normal; font-variant: normal; color:#F00; text-shadow: 0 -1px 1px #000; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#fff; }

h1 { font-size:25px; }
h2 {
	font-size:23px;
	text-align: center;
	color: #BF0000;
}
h3 { font-size:20px; }
h4 { font-size:13px; color:#FFF;}
h5 { font-size:16px; }
h6 {
	font-size:13px;
	color: #FF0;
}

entry {
	color:#FFF;
	font-size:12px;	
}

game {
	color: #E9DE14;
	font-size:16px;
}

number {
	color:#F00;
	font-size:16px;}
	
perdict {
	color: #E9DE14;
	font-size:12px;

}

input, textarea { background:#161616; border:1px solid #3b3b3b; color:#999; }

input:focus, textarea:focus { border:1px solid #666; color:#999; }

.left { text-align:left; }
.right { text-align:right; }

pre, code { font: 12px Consolas,"Andale Mono",Courier,"Courier New",monospace; }

pre { border: 1px solid #ddd; margin: 30px 0 40px 0; overflow-x: visible; overflow-y: hidden; padding: 1px; background:#ff0; }

code { border-left:3px solid #d6d5d5; border-top:1px solid #d6d5d5; border-right:1px solid #d6d5d5; border-bottom:1px solid #d6d5d5; background:#f8f8f8; padding:7px 10px; display:block; color:#858585; margin-bottom:15px; }

/* Blockquotes and Pullquotes */

blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ccc; background:url(images/quote.png) no-repeat top left; padding:0 50px 0 50px; margin:0 0 20px 50px; }

abbr, acronym { border-bottom:1px dotted #aaa; }

.quote-right, .quote-left { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ccc; font-size:1.2em; float:right; margin-bottom:0; margin-top:7px; margin-left:20px; padding-left:20px; width:30%; border-left:2px solid #ccc; }

.quote-left { border-right:2px solid #ccc; border-left:none; float:left; margin-left:0px; margin-right:10px; padding-left:0; padding-right:20px ; }

/* Dropcap */

.dropcap { font-family: PTSansRegular, arial, helvetica; font-weight: normal; font-style: normal; font-variant: normal; color:#ccc; float:left; font-size:35px; line-height:35px; margin:5px 7px 0 0; text-align:center; }

/* Divider and Top */

.top { font-size:9px; line-height:10px; margin-bottom:40px; position:relative; text-align:right; }

.top a { background:#161616; color:#bbb; height:20px; position:absolute; right:0; top:13px; width:20px; }

.divider { background:url(images/h4-line.gif) repeat-x scroll center bottom transparent; clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }

/* Notification */

.info { margin:15px 0; color:#2850c1; padding:15px 10px 15px 55px; background:#dbecff url(images/info.png) 12px 9px no-repeat; border:1px solid #9fc7f5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.success { margin:15px 0; color:#258815; padding:15px 10px 15px 55px; background:#d4ffcd url(images/success.png) 12px 9px no-repeat; border:1px solid #9adf8f; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.error { margin:15px 0; color:#871414; padding:15px 10px 15px 55px; background:#ffd2d3 url(images/error.png) 12px 9px no-repeat; border:1px solid #df8f90; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
 
.warning { margin:15px 0; color:#878314; padding:15px 10px 15px 55px; background:#fefccb url(images/warning.png) 12px 9px no-repeat; border:1px solid #e5db55; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

/* Images */

#content img, #content a img, .slider-image a, .home-blog .image a, .post-column .column .image a, .photo-slide .image a, .category-list li .image a, #sidebar .widget .flickr-widget img, .tab-content li .image a, .archive-image a, .archive-posts li .image a, .author-box .image { padding:8px; background: rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.2); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

#content a img:hover, .slider-image a:hover, .home-blog .image a:hover, .post-column .column .image a:hover, .photo-slide .image a:hover, .category-list li .image a:hover, #sidebar .widget .flickr-widget img:hover, .tab-content li .image a:hover, .archive-image a:hover, .archive-posts li .image a:hover { background:rgba(0, 0, 0, 0.4); border:1px solid #777; }

/* Button */

a.button, input.button { border:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fcfcfc; filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#acacac'); background:-moz-linear-gradient(top,  #fcfcfc,  #acacac); background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#acacac)); background:linear-gradient(-90deg, #fcfcfc, #acacac); font-size:11px; color:#1b1b1b; text-transform:uppercase; padding:8px 15px; }

a.button:hover, input.button:hover { background:#acacac; filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#acacac', endColorstr='#fcfcfc'); background:-moz-linear-gradient(top,  #acacac,  #fcfcfc); background:-webkit-gradient(linear, left top, left bottom, from(#acacac), to(#fcfcfc)); background:linear-gradient(-90deg, #acacac, #fcfcfc); color:#3a3a3a; text-shadow:none; }

input.button { border:none; cursor:pointer; }

/* Toggle Contents */

.toggle, h4.toggle { cursor:pointer; background:url(images/toggle-open.gif) 98% 5px #373737 no-repeat; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:10px; line-height:inherit; margin:20px 0 }

.toggle.active { background:url(images/toggle-close.gif) 98% 5px #373737 no-repeat; }

.toggle-content { margin-left:10px; padding:15px; background:#4b4b4b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:20px }

/* Header
------------------------------------ */

#header {
	position:relative;
	z-index:2;
	text-align: center;
}

#topnav { width:100%; height:35px; }

#topnav ul { float:right; position:absolute; top:8px; right:0px; }

#topnav ul li { display:inline; margin-left:13px; }

#topnav ul li a { font-size:11px; color:#666; }

#topnav ul li a:hover { color:#fff; text-shadow:0 0 5px #cf0; }

/* Logo */

#logo { margin:20px 0; float:left; margin-right:15px; }

/* Header Ad */

#header-ad { margin:20px 0 15px 0; float:right; width:468px; }

/* Main Navigation */

#nav { background:url(images/nav-bg.png); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; margin:0 0 20px 0; z-index:3; height:36px; border-right:1px solid #0b0b0b; border-left:1px solid #0b0b0b; } 

#nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }

#nav li a { display:block; float:left; padding:8px 20px; font-size:13px; color:#e7e5e5; font-weight:bold; text-shadow: 0 0 5px #000000; }

#nav li a:hover { color:#F00; background: #0b0b0b; background: -webkit-gradient(linear, left top, left bottom, from(#0b0b0b), to(#4f4f4f)); background: -moz-linear-gradient(top,  #0b0b0b,  #4f4f4f); background: linear-gradient(-90deg, #0b0b0b, #4f4f4f); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#nav li:first-child a:hover { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }

#nav li { float:left; position:relative; }

#nav ul { position:absolute; top:32px; left:0; display:none; background: #7a7a7a; padding:0; margin:4px 0 0 0; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); width:150px; -moz-box-shadow: 0 -5px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 -5px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 -5px rgba(0, 0, 0, 0.3) inset; }

#nav ul ul { top:auto; }

#nav li ul ul { left:140px; margin:0px 0 0 10px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
	
#nav ul li a { padding: 7px 0 7px 20px; color:#e7e5e5; font-weight:bold; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); width:130px; border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; }

#nav ul li a:hover { background:#555555; border-top:1px solid #3a3a3a; border-bottom:1px solid #939393; }

#nav ul li:first-child a:hover { -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; }

#nav ul li:last-child { padding-bottom:5px; }

/* Content
------------------------------------ */

#content-wrap { position:relative; z-index:1; }

#content p, #comments p, #respond p { font-size:13px; color:#aaa; line-height:22px; margin:0 0 15px 0; }

#content img { max-width:96%; }

#content img.alignleft { float:left; margin:0 20px 15px 0; }

#content img.alignright { float:right; margin:0 0 15px 20px; }

#content img.aligncenter { display:block; margin:auto; text-align:center; margin-bottom:15px; }

#content h1 { margin:10px 0 20px 0; }

#content h2, #content h3 { margin:5px 0 15px 0; }

#content h4, #content h5, #content h6 { margin:5px 0 10px 0; }

.content-block { float:left; width:100%; border:1px solid #3b3b3b; position:relative; margin-bottom:25px; }

.content-area { background:#161616 url(images/content-bg.jpg) repeat-x top; border:1px solid #161616; padding:20px 15px; }

.post-title { float:left; width:100%; margin-bottom:25px; }

.post-title h1, .post-title h1 a { line-height:32px; clear:both; }

.post-title .meta { float:left; width:100%; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; margin:10px 0 0 0; }

#content .wp-caption p { text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px }

#content .wp-caption.alignleft { float:left; margin:0 30px 15px 0; }

#content .wp-caption.alignright { float:right; margin:0 10px 15px 30px; }

/* List Style */

#content ul li { list-style:inside disc; }

#content ul, #content ol { margin:0px 0px 25px 30px; }

#content ul ul, #content ol ol { margin:0 0 0 0; }

#content li li { margin:0 0 0 15px; }

#content ol li { list-style:inside decimal; }

#content ul.checklist, #content ul.checklist-line, #content ul.arrowlist, #content ul.arrowlist-line { margin:0px 0px 25px 0px; }

#content ul.checklist li, #content ul.checklist-line li, #content ul.arrowlist li, #content ul.arrowlist-line li { background-image:url(images/check.png) !important; background-position:0px center; background-repeat:no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 30px !important; line-height:24px !important; list-style:none; }

#content ul.arrowlist li, #content ul.arrowlist-line li { background-image:url(images/arrow.png) !important; }

#content ul.checklist-line li, #content ul.arrowlist-line li { border-bottom: 1px solid #3b3b3b; padding:2px 0px 2px 30px !important; }

#content ul.checklist-line li:first-child, #content ul.arrowlist-line li:first-child { border-top: 1px solid #3b3b3b; }

/* Breadcrumb */

.breadcrumb {
	font-size:11px;
	color:#1f1f1f;
	margin:0 0 20px 0;
	width:100%;
}

.breadcrumb a { color:#bbb; }

.breadcrumb a:hover { color:#fff; }

/* Author Box */

.author-box { margin:20px 0; padding:15px; width:556px; border:1px solid #3b3b3b; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.author-box .image { width:80px; height:80px; float:left; margin-right:20px; padding:7px; }

.author-box .author-info { float:left; margin:0; width:440px; }

.author-box .author-info h4 { display:block; margin-bottom:10px; }

/* Social Media Box */

#social-box { position:absolute; left:-85px; background:#373737; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0px 10px 10px 10px; margin:auto; text-align:center; }

#social-box div { margin-top:10px; }

/* Slider
------------------------------------ */

#slider { float:left; width:620px; background:#161616; border:1px solid #3b3b3b; margin:0px 0px 30px 0px; }

.ribbon { position:absolute; top:-5px; right:-5px; }

.slider-content { background:url(images/content-bg.jpg) repeat-x top; border:1px solid #161616; padding:45px 10px; height:150px; position:relative; }

.panel { background:none; background-color:transparent; padding: 10px; width:580px; height:270px; }

.slider-image a { padding:10px; width:255px; height:250px; float:left; }

#slider .inside { float:left; margin:0 0 0 20px; width:280px; }

#slider .meta, .post-column .column .meta, .category-list li .inside .meta, .tab-content li .inside .meta, .home-blog .meta, #archive .meta, .archive-posts .inside .meta { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; color:#7e7e7e; margin: 2px 0 12px 0; }

#slider .header h2, .home-blog h2 { font-size:20px; margin:0 0 8px 0; line-height:26px; }

#slider .excerpt, .home-blog .excerpt { color:#aaa; line-height:21px; font-size:13px; margin-bottom:15px; /*IE 6 bug fix */ margin-right:-3px; }

#slider .header, #slider .meta, #slider .excerpt { width:275px; float:left; }

/* Pager */

#pager {
	margin-top:10px;
	text-align:center;
	font-weight: bold;
}

/*#pager a {
	background: url(images/slidenav.png) no-repeat;
	display:inline-block;
	font-size:12px;
	width:11px;
	height:11px;
	margin:11px 4px 0px 4px;
	outline-style:none;
	outline-width:medium;
	text-indent:-9999px;
}*/

#pager .activeSlide { background: url(images/slidenav-active.png) no-repeat; }

/* Blog
------------------------------------ */

.home-blog .image a { padding:10px; width:200px; height:200px; float:left; }

.home-blog .inside { float:left; margin:0 0 0 20px; width:346px; }

.home-blog .meta, .home-blog .excerpt { width:346px; float:left; }

.pagination.home-blog { margin:15px 0 40px 0; }

/* Post Column
------------------------------------ */

.post-column {
	margin-bottom:45px;
}

.post-column h4 { display:block; font-size:13px; margin:0 0 30px 0; padding:0 0 10px 0; }

.post-column .column { width:280px; float:left; margin:0 25px 10px 0; min-height:400px; }

.post-column .column.last { margin:0 0 10px 0; }

.post-column .column .image a { width:172px; height:132px; display:block; }

.post-column h3 a { display:block; color:#f0f0f0; font-size:15px; line-height:25px; margin:15px 0; line-height:24px; }

.post-column .column .meta { margin: 0 0 15px 0; }

.post-column .column .excerpt p { font-size:13px; line-height:20px; }

.pagination.post-column { margin:0 0 10px 0; }

/* Pagination */

.pagination { width:100%; float:left; padding:0; }

.pagenavi { margin:auto; text-align: center; }

.pagenavi a { padding: 4px 8px; color:#333; background-color:#b0d551; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:none; margin-left:3px; }

.pagenavi a:hover, .pagenavi .current { padding: 4px 8px; color:#333; text-shadow:none; background-color:#eeecec; border:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

.pagenavi .current { margin-left:3px; }

.pagenavi  .extend { background:none; border:none; margin:0; }

.pagenavi .pages { color:#e5e5e5; border:none; margin-right:7px; }

/* Post Photo Slide
------------------------------------ */

.photo-slide {  background: #373737; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.photo-slide h4 {
	background:url(images/list-line.gif) bottom repeat-x;
	display:block;
	font-size:19px;
	margin:0 10px 20px 10px;
	padding:0 0 10px 0;
	text-align: left;
}

.photo-slide h3 a { display:block; color:#f0f0f0; font-size:15px; line-height:25px; margin:15px 0; line-height:24px; }

.photo-slide ul li { width:180px; min-height:100px; margin:0 10px 10px 10px; padding:0; list-style:none; float:left; }

.photo-slide-nav a { width:25px; height:48px; margin-top:-40px; display:block; }

.photo-slide-nav .photo-slide-prev { position:absolute; left:-2px; }

.photo-slide-nav .photo-slide-next { position:absolute; right:-2px; }

/* Post Category List
------------------------------------ */

.category-list h4 { background:url(images/h4-line.gif) bottom repeat-x; display:block; font-size:19px; margin:0 0 15px 0; padding:0 0 10px 0; width:100%; }

.category-list { margin:0 0 28px 0; float:left; }

.category-list ul { float:left; }

.category-list li { float:left; background:url(images/h4-line.gif) bottom repeat-x; padding:15px 0 15px 0; width:100%; }

.category-list li.last { border:none; }

.category-list li .image { margin:0 14px 0 0; float:left; }

.category-list li .image a { width:41px; height:41px; padding:4px; display:block; margin:0; }

.category-list li .inside { float:left; width:235px; }

.category-list li .inside h5 a { font-size:13px; font-weight:normal; line-height:17px; color:#f0f0f0; }

.category-list li .inside .meta { margin:0; }

/* Archive
------------------------------------ */

#archive { float:left; width:620px; height:362px; border:1px solid #3b3b3b; margin:0px 0px 30px 0px; }

.archive-content { background:#161616 url(images/content-bg.jpg) repeat-x top; border:1px solid #161616; padding:45px 20px; height:270px; position:relative; }

.archive-image a { padding:10px; width:255px; height:250px; float:left; }

.archive-title h1, .archive-title h1 a { display:block; font-size:19px; line-height:24px; margin-bottom:15px; padding-bottom:20px; background:url(images/h4-line.gif) bottom repeat-x; }

.archive-desc { background:url(images/h4-line.gif) bottom repeat-x; padding-bottom:15px; margin-bottom:25px; }

#archive .inside { float:left; margin:0 0 0 20px; width:280px; }

#archive .header h2 { font-size:19px; margin:0 0 8px 0; line-height:26px; }

#archive .excerpt { color:#aaa; line-height:21px; font-size:12px; margin-bottom:15px; }

#archive .header, #archive .cats, #archive .meta, #archive .excerpt { width:275px; float:left; }

/* archive list */

.archive-posts li { float:left; width:620px; background:url(images/h4-line.gif) bottom repeat-x; padding:25px 0 25px 0; }

.archive-posts li .image a { width:100px; height:100px; display:block; margin:0; }

.archive-posts .inside h5 { margin-bottom:5px; }

.archive-posts .inside h5 a { font-size:17px; font-weight:normal; line-height:24px; clear:both; }

.archive-posts .inside { float:left; margin:-120px 0 0 135px; }

.archive-posts .inside p { margin:11px 0 0 0; padding:0; width:485px; }

.pagination.archive-posts { margin:40px 0; }

/* description and error */

.description.archive p { width:620px; }

.description p, .description h1, .error p, .error h1 { width:620px; }

.error p, .error h1 { background:none; margin:0; }

.description h1, .error h1 { font-size:19px; line-height:24px; float:left; padding-bottom:15px; margin-bottom:25px; background:url(images/h4-line.gif) bottom repeat-x; }

.description { float:left; width:100%; }

.single .description, .page .description { width: 450px; }

/* Contact
------------------------------------ */

.hide { display: none; }

.text-input, .text-area { padding: 8px; width: 250px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.text-area{ width:400px; }

fieldset label { padding-left:7px; font-weight: bold; }

fieldset label small { font-weight: normal; }

.blocklabel { display:block; padding:0 0 10px 0; }

/* 404
------------------------------------ */

.error-404-box { margin-bottom:50px; padding:30px; background-color:#ffd2d3; border:1px solid #df8f90; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; }

.error-404-box h1 { font-size:80px; color:#871414; text-shadow:none; float:left; line-height:70px; }

.error-404-box h1.not-found{ font-size:60px; margin-bottom:25px; color:#404040; text-shadow:none; float:left; line-height:60px; }

.error-404-box p { color:#C38485; font-size:15px; border-top:2px solid #ffadae; padding:20px 0; }

.error-404-image { float:right; margin-top:75px; }

/* Sidebar
------------------------------------ */

#sidebar { float:left; width:300px; color:#888; }

#sidebar p { margin:0 0 15px 0; }

#sidebar .widget { float:left; margin:0 0 20px 0; width:300px; }

#sidebar .widget .inside { float:left; width:70px; }

#sidebar .widget h4 { margin:0; padding:0 0 20px 0; }

#sidebar .widget a { color:#ccc; text-shadow:0 -1px 1px #000000; font-size:12px; display:block; line-height:22px; }

#sidebar .widget a:hover { color:#fff; text-shadow:0 0 5px #cf0; }

#sidebar .widget li { margin-bottom:0px; background:url(images/h4-line.gif) bottom repeat-x; width:50%; float:left; }

#sidebar .widget li a { background:transparent url(images/bullet.png) no-repeat 0 11px; padding:3px 10px 5px 10px; }

/* Latest Tweet Widget */

#sidebar .widget .latest-tweet li { margin-bottom:10px; padding-bottom:10px; background:url(images/h4-line.gif) bottom repeat-x; width:100%; float:left; }

#sidebar .widget .latest-tweet li a { background:none; padding:0; display:inline; }

#sidebar .widget .latest-tweet .tweet-time a { color:#515151; text-shadow:none; font-style:italic; }

/* Flickr Widget */

#sidebar .widget .flickr-widget div { margin:0 10px 10px 0; float:left; display:inline; }

#sidebar .widget .flickr-widget div.last { margin:0 0 10px 0; }

#sidebar .widget .flickr-widget div a { line-height:0; }

#sidebar .widget .flickr-widget img { padding:7px; }

/* Social Media Widget */

#sidebar .widget .social-media-widget li { margin-bottom:5px; background:url(images/h4-line.gif) bottom repeat-x; width:100%; float:left; }

#sidebar .widget .social-media-widget li a { font-size:15px; font-family: PTSansRegular, arial, helvetica; font-weight: normal; font-style: normal; font-variant: normal; display:block; line-height:22px; padding:2px 0 8px 28px; }

#sidebar .widget .social-media-widget .rss-widget a { background:transparent url(images/rss.png) no-repeat 0 4px; }

#sidebar .widget .social-media-widget .email-widget a { background:transparent url(images/email.png) no-repeat 0 4px; }

#sidebar .widget .social-media-widget .facebook-widget a { background:transparent url(images/facebook.png) no-repeat 0 4px; }

#sidebar .widget .social-media-widget .twitter-widget a { background:transparent url(images/twitter.png) no-repeat 0 4px; }

#sidebar .widget .social-media-widget .youtube-widget a { background:transparent url(images/youtube.png) no-repeat 0 4px; }

#sidebar .widget .social-media-widget .flickr-widget a { background:transparent url(images/flickr.png) no-repeat 0 4px; }

/* Searchform */

#searchform { margin-bottom:10px; }

#search { height: 25px; padding: 0; }

#search input { float:left; padding: 8px; width: 282px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#search input.btn { background: none; border: 0; margin: 8px 0 0 -30px; padding: 0; width: auto; }

#error-search input { float:left; padding: 8px; width: 96%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#error-search input.btn { background: none; border: 0; margin: 8px 0 0 -30px; padding: 0; width: auto; }

/* Tab */

ul.tabs { margin:20px 0 0 0; padding:0; float:left; list-style:none; height:43px; width:100%; }

ul.tabs li { float: left; margin: 0; padding: 0; background:none; overflow: hidden; position: relative; }

ul.tabs li a { background:#888; color:#dcdcdc; font-weight:bold; font-size:12px; display:block; padding:12px 0; text-align:center; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; }

ul.tabs li a:hover { background:#555; }

html ul.tabs li.active a  { background:#373737; color:#ccc; }

ul.tabs li#tabs1 { padding-right:3px; width:25%; }

ul.tabs li#tabs2 { padding-right:3px; width:24%; }

ul.tabs li#tabs3 { padding-right:3px; width:29%; }

ul.tabs li#tabs4 { width:19%; }

.tab-container { clear:both; float:left; width:100%; background:#373737; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

.tab-content ul { float:left; }

.tab-content li { float:left; width:264px; margin:3px 18px; padding:15px 0; background:url(images/list-line.gif) bottom repeat-x; }

.tab-content li:first-child { margin: 10px 18px 3px 18px; }

.tab-content li.last { background:none; }

.tab-content li .image { float:left; }

.tab-content li .image a { width:41px; height:41px; padding:4px; display:block; margin:0; }

.tab-content li .inside { float:left; margin:-50px 0 0 65px; }

.tab-content li .inside h5, .tab li .inside .meta { float:left; width:200px; }

.tab-content li .inside h5 a { float:left; cursor:pointer; color:#f0f0f0; font-size:13px; font-weight:normal; }

.tab-content li .inside .meta { margin:0; }

.tab-content .tab-tags { padding: 15px; }

.tab-content .tab-tags a { float:left; display:block; padding:3px 7px; background:#666; color:#ccc; margin: 0 4px 4px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

.tab-content .tab-tags a:hover { background:#555; color:#fff; }

/* Comments
------------------------------------ */

#comments h3,#respond h3 { display:block; font-size:19px; width:100%; padding:20px 0; margin:0 0 0px 0; }

/* commentlist level1 */

#comments .commentlist { list-style: none; margin: 0; padding: 0; }

#comments .commentlist li { margin-top: 15px; padding: 15px; border:1px solid #3b3b3b; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#comments .comment-author { margin: 0 0 10px 63px; border-bottom:1px solid #323232; }

#comments .comment-author .fn { font: normal 1.3em/1em Arial, Helvetica, sans-serif; }

#comments .comment-author .fn a { color:#f0f0f0; }

#comments .comment-author .says { display:none; }

#comments .comment-meta { margin: 0 0 10px 63px; }

#comments .comment-meta a { color:#7e7e7e; font: normal 0.8em/1em Arial, Helvetica, sans-serif; }

#comments .comment-meta a:hover { text-shadow:none; }

#comments .avatar { position: absolute; margin: 0 0 0 -63px; height:48px; width:48px; }

#comments .reply { padding:0; margin-top:20px; }

#comments .comment-reply-link { text-transform: uppercase; font: bold .8em/1em Arial, Helvetica, sans-serif; color:#7e7e7e; text-decoration: none; }

#comments a.comment-reply-link:hover { color:#fff; }

#comments .commententry { clear:both; margin-left:63px; }

#comments .commentlist ul, #comments .commentlist ul ul { margin:0 0 0 30px; padding: 0; }

#comments .pingback .comment-author { margin: 0 0 10px 0; }

#comments .pingback .comment-meta { margin: 0 0 10px 0; }

#comments .pingback .avatar { display:none; }

#comments .pingback .reply { display:none; }

#respond { /*background:rgba(0,128,0,0.5);*/ }

#respond .cancel-comment-reply { margin:0; float:right; }

#respond #cancel-comment-reply-link { font: bold .8em/1em Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #7e7e7e; font-weight: bold; }

#respond #cancel-comment-reply-link:hover { color:#fff; }

/* comment form */

#commentform input[type=text] { padding: 8px; width: 250px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#commentform textarea { width:97%; height:200px; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#commentform label { font-weight: bold; padding-left:7px; }

#commentform label small { font-weight: normal; }

/* Footer
------------------------------------ */

#footer { background:#1e1e1e url(images/footer-repeat.jpg) repeat-x top center; color:#a7a7a7; text-shadow: 0 -1px 1px #000; padding-top:20px; margin-top:30px; }

#footer-bottom { min-height:30px; padding-top:10px; margin-top:30px; background:#0b0b0b; color:#808080; }

#footer #footer-bottom p {
	font-size:11px;
	text-align: left;
}

#footer h4 { border-bottom:1px solid #333333; display:block; font-size:17px; font-weight:normal; color:#dddddd; padding:30px 0; margin:0 0 7px 0; }

#footer .widget { margin:0 0 10px 0; }

#footer p {
	font-size:12px;
	margin:15px 0 25px 0;
	text-align: center;
}

#footer-bottom p { margin:0; }

#footer a { color:#bfbfbf; }

#footer a:hover { color:#fff; text-shadow:0 0 5px #cf0; }

#footer li { padding:5px 0 7px; border-bottom:1px solid #333333; margin:0; }

#footer li:first-child { padding: 0 0 7px 0; margin:0; }

/* Footer Social Media Widget */

#footer .widget .social-media-widget li a { padding:0 0 0 25px; }

#footer .widget .social-media-widget .rss-widget a { background:transparent url(images/rss.png) no-repeat; }

#footer .widget .social-media-widget .email-widget a { background:transparent url(images/email.png) no-repeat; }

#footer .widget .social-media-widget .facebook-widget a { background:transparent url(images/facebook.png) no-repeat; }

#footer .widget .social-media-widget .twitter-widget a { background:transparent url(images/twitter.png) no-repeat; }

#footer .widget .social-media-widget .youtube-widget a { background:transparent url(images/youtube.png) no-repeat; }

#footer .widget .social-media-widget .flickr-widget a { background:transparent url(images/flickr.png) no-repeat; }

home {
	position: relative;
		right: -75px;
		top: 30px;
}
visitors {
	position: relative;
		right: 67px;
		top: 30px;
		

}

game {
		position: relative;
		right: -65px;
		top: -10px;
}

gameNum {
		position: relative;
		right: -105px;
		top: -31px;
		font-size:14px;
		color:#FFF;
}

at {
		position: relative;
		right: -6px;
		top: 20px;
}

percent {
	position:relative;
		right: 100px;
		top: -5px;
}

homeNum {
	position:relative;
		right: -47px;
}

games{
	width: 100%;
	
}