/*
Theme Name: Ithaca (html5 version)
Theme URI: http://www.cssigniter.com/
Description: Gaming reviews theme for WordPress
Author: the cssigniter.com team
Version: 1.3
*/

/* reset based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul { list-style-type:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
:focus { outline:0; }

/* html5 tags */
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section { display:block; }

/* GLOBAL STYLES */
@font-face { font-family: 'PTSansNarrowRegular'; src: url('fonts/pt_sans_narrow-webfont.eot');	src: local('☺'), url('fonts/pt_sans_narrow-webfont.woff') format('woff'), url('fonts/pt_sans_narrow-webfont.ttf') format('truetype'), url('fonts/pt_sans_narrow-webfont.svg#webfontH5ImK8IS') format('svg'); font-weight: normal; font-style: normal; }

/* BASIC RULES */
body { font:14px/20px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#1d1d1d url(images/bg_body.gif) repeat-x; color:#ececec; }
h1 { font-size:28px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:12px; }
h6 { font-size:11px; }
h1,h2,h3,h4,h5,h6 { font-family:PTSansNarrowRegular, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
p { font:14px/20px "Helvetica Neue", Helvetica, Arial, Verdana, Tahoam, sans-serif; }
a { text-decoration:none; }
abbr,acronym { border-bottom-width:0; }
strong { font-weight:bold; }
em { font-style:italic; }
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* COMMON STYLES */
.alignleft { float:left; }
.alignright { float:right; }
img.alignleft, img.floatleft { float:left; margin:5px 15px 15px 0; }
img.alignright, img.floatright { float:right; margin:5px 0 15px 15px; }
label { display:block; margin-bottom:5px; }
input.button { font-family:PTSansNarrowRegular,"Helvetica Neue", Helvetica, Tahoma, Arial, Verdana, sans-serif; font-size:15px; color:#fff; border:none; padding:5px 10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.text,textarea { width:180px; font-size:13px; padding:5px; }

/* CLEARFIX */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#page { width:980px; margin:0 auto; }
#header { position:relative; z-index:400;}

/* GENERIC CSS3 BOX STYLING */
.rounded { border:solid 1px #313131; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333; box-shadow:0 0 3px #333; }

/* TOP NAV */
#topnav { height:33px; font-family:PTSansNarrowRegular, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
#topnav ul li { float:left; }
#topnav ul li a { display:block; padding:6px 15px 5px 0; color:#bebebe; }
#topnav ul li a:hover { color:#ffffff; }

/* LOGO */
#logo { padding:30px 0; }
#logo h1 a { display:block; height:45px; margin-bottom:3px; font-size: 60px; }
#logo h2 { font-size:14px; font-weight:normal; }

/* TOP BANNER */
#topbanner { position:absolute; top:70px; right:0; }

/* NAVIGATION */
#nav { background:red; padding:10px 0 0 10px; background:#000; font-family:PTSansNarrowRegular, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; position: relative; z-index:1; }
.main-nav ul { position:absolute; top:-999em; width:15em; }
.main-nav ul li { width:100%; }
.main-nav li:hover { visibility:inherit; }
.main-nav li { float:left; position:relative; z-index:2000; }
.main-nav a { display:block; position:relative; padding:4px .6em .7em; text-decoration:none; }
.main-nav a:hover { background:url(images/bg_nav_hover.png) no-repeat center bottom; color:#fff; }
.main-nav li a { font-size:16px; color:#adadad; text-transform:uppercase; }
.main-nav li ul { background:#000; color:#898466; border-bottom:solid 1px #313131; border-left:solid 1px #313131; border-right:solid 1px #313131; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-box-shadow:0 0 5px #333; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-box-shadow:0 0 5px #333; padding-bottom:10px; }
.main-nav li li ul { border:solid 1px #313131; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; }
.main-nav li li a { font-weight:normal; background:#000; color:#adadad; text-transform:none; padding:10px; border-bottom:solid 1px #222; }
.main-nav li li a:hover { color:#ffff; background:none; }
.main-nav li:hover ul,.main-nav li.sfHover ul { left:5px; top:2.5em; z-index:99; }
.main-nav li:hover li ul,.main-nav li.sfHover li ul { top:-999em; }
.main-nav li li:hover ul,.main-nav li li.sfHover ul { left:15em; top:0; }
.main-nav li li:hover li ul,.main-nav li li.sfHover li ul { top:-999em; }
.main-nav li li li:hover ul,.main-nav li li li.sfHover ul { left:15em; top:0; }
.main-nav a.sf-with-ul { min-width:1px; }
.main-nav ul a:focus > .sf-sub-indicator,.main-nav ul a:hover > .sf-sub-indicator,.main-nav ul a:active > .sf-sub-indicator,.main-nav ul li:hover > a > .sf-sub-indicator,.main-nav ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }
.main-nav li.current a,li.sfHover > a { background:#000; color:#fff; }
.main-nav li.current li a { color:#adadad; }
.main-nav li.current li a:hover { color:#fff; }

/* SLIDER */
#slider { background:#000; margin:15px 0 20px; position:relative; font-family:PTSansNarrowRegular, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
.slides-wrapper { padding:20px; }
.slides { height:400px; }
.slide { position:relative; }
.slide h2,.slide p { display:none; }
.slide a { display:block; position:absolute; color:#fff; width:128px; height:32px; bottom:20px; left:0; font-size:16px; text-shadow:1px 1px #000; padding:5px 0 0 15px; }
.slide img { display:block; }
#slides-nav { position:absolute; top:20px; right:0; width:371px; z-index:300; }
#slides-nav li { background:url(images/bg_slide.png) no-repeat 29px; height:60px; padding:20px 40px 20px 50px; }
#slides-nav li a { color:#fff; font-size:16px; font-weight:bold; display:block; text-shadow:1px 1px #000; }

/* MAIN AREA */
#main { margin-top:15px; background:#000; padding:20px 0; }
#content { float:left; width:620px; padding-left:20px; }
.full { float:none; width:940px!important; }
.main-header { padding:13px 20px 2px; height:31px; text-shadow:1px 1px #000; font-size:21px; letter-spacing:-1px; position:relative; left:-20px; margin-bottom:20px; display:block; width:600px; }
.main-header-full { padding:13px 20px 2px; height:31px; text-shadow:1px 1px #000; font-size:21px; letter-spacing:-1px; position:relative; left:-20px; margin-bottom:20px; display:block; width:920px; }

/* SIDEBAR */
#sidebar { float:right; width:320px; }
.sideblock { margin-bottom:20px; }
.sideblock h3 { padding:13px 20px 2px; height:31px; text-shadow:1px 1px #000; font-size:21px; letter-spacing:-1px; position:relative; margin-bottom:20px; display:block; }
.sidecopy { background:#1d1d1d; margin-right:20px; }
.sidecopy p { padding:20px 20px 10px; }
.sidecopy ul { padding:10px 0; }
.sidecopy ul li { display:inline; }
.sidecopy ul li a { color:#fff; display:block; padding:10px 20px 10px 50px; }
.sidecopy ul li a:hover { background:#121212; }

/* LATEST ARTICLES */
#latest li { width:300px; height:525px; float:left; margin-right:20px; background:#1d1d1d url(images/bg_latest.png) no-repeat bottom right; margin-bottom:20px; }
#latest li.last { margin-right:0; }
#latest h2 a { display:block; font-size:21px; line-height:1.2; margin:10px 0; }
#latest h2 a:hover { border-bottom:none; }
#latest .latest-article { padding:20px; }
#latest p.cats { font-weight:bold; font-size:14px; }
#latest p.meta { color:#a1a1a1; margin-bottom:10px; font-size:12px; }
#latest a.more-link { display:inline-block; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:4px 12px 5px; font-size:12px; margin-top:15px; }
#latest a.more-link:hover { border-bottom:none; }
#latest .block { display: block; }

/* OLDER ARTICLES */
#older-articles li { background:#1d1d1d; padding:20px; }
#older-articles li.odd { background:#141414; }
#older-articles h2 a { display:block; font-size:21px; line-height:1.2; margin:10px 0; }
#older-articles h2 a:hover { border-bottom:none; }
#older-articles .latest-article { padding:20px; }
#older-articles p.cats { font-weight:bold; font-size:14px; }
#older-articles p.meta { color:#a1a1a1; margin-bottom:10px; font-size:12px; }
#older-articles a.more-link { display:inline-block; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:4px 12px 5px; font-size:12px; margin-top:15px; }
#older-articles a.more-link:hover { border-bottom:none; }
#older-articles p.older-thumb { float:left; margin-right:20px; }

/* FEATURED VIDEO */
#embed { padding:20px; background:#1d1d1d; }
.inner-embed { padding:20px 20px 20px 0 !important; }
#video { background:#1d1d1d; padding:0 20px 20px; margin-bottom:20px; }
#video p.cats { font-weight:bold; font-size:14px; }
#video h2 a { display:block; font-size:21px; line-height:1.2; margin:10px 0; }
#video h2 a:hover { border-bottom:none; }
#video p.meta { color:#a1a1a1; margin-bottom:10px; font-size:12px; }
#video a.more-link { display:inline-block; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:4px 12px 5px; font-size:12px; margin-top:15px; }
#video a.more-link:hover { border-bottom:none; }
#video-title { float:left; width:280px; }
#video-description { float:right; width:280px; }

/* BLOG */
#posts { padding:20px; background:#1d1d1d; }
#posts .post { margin-bottom:50px; border-bottom:solid 1px #2f2f2f; padding-bottom:50px; }
#posts .post h2 { font-size:28px; line-height:1.1; margin-bottom:10px; }
#posts .post h3 { margin:25px 0 10px; }
#posts .post h4 { font-size:18px; margin:25px 0 10px; }
#posts .post h5 { font-size:16px; margin:25px 0 10px; }
#posts .meta { color:#a1a1a1; margin-bottom:10px; font-size:12px; position:relative; }
#posts .comments-no { position:absolute; top:0; right:0; }
#posts .date { color:#a1a1a1; margin-bottom:10px; font-size:12px; }
#posts a.more-link { display:inline-block; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:4px 12px 5px; font-size:12px; margin-top:15px; }
#posts a.more-link:hover { border-bottom:none; }
#posts .post p { line-height:1.5; margin-bottom:15px; }
#posts .post ul { list-style:disc; list-style-position:inside; margin-bottom:15px; }
#posts .post li { padding-left:15px; }
#posts .post ol { list-style:decimal; list-style-position:inside; margin-bottom:15px; }
#posts .post blockquote { font-style:italic; margin-bottom:15px; padding-left:15px; }
#posts .post img { display:block; }

/* PAGING */
#paging { margin-top:20px; }
.wp-pagenavi { clear:both; }
.wp-pagenavi a,.wp-pagenavi span { text-decoration:none; padding:3px 5px; margin:2px; }
.wp-pagenavi span.current { font-weight:bold;  }

/* COMMENTS */
.post-comments { margin:5px 0 20px; line-height:1.5; }
.comment-text { padding:15px 0; }
.comment-copy { margin-left:60px; border-bottom:solid 1px #2f2f2f; padding-bottom:10px; }
.comment-meta { font-size:12px; margin-bottom:5px; }
.avatar { float:left; margin-top:5px; }
.depth-2,.depth-3,.depth-4,.depth-5 { margin-left:60px; }
.btn-reply { display:inline-block; margin-top:15px; border-bottom:solid 1px #1d1d1d; }
#cancel-comment-reply-link { display:block; font-size:13px; }
#cancel-comment-reply-link:hover { border-bottom: none !important; }

/* FORM */
#form-wrapper { margin-top:20px; }
#form-wrapper h2 { margin-bottom:20px; }
.post-form { margin-top:5px; }
.post-form fieldset { margin-bottom:10px; }
textarea { width:90%; height:140px; }

/* REVIEW */
.review .cats { font-weight:bold; }
#score { border-bottom:solid 20px #000; border-left:solid 20px #000; float:right; position:relative; top:-20px; right:-20px; padding:20px; text-align:center; }
#score p { margin-bottom:0!important; }
#score #total { font-size:50px; text-align:center; font-weight:bold; line-height:1; text-shadow:1px 1px #000; }

/* FOOTER */
#footer-wrapper { background:#000; border-top:solid 1px #333; margin-top:20px; padding:35px 0; }
#footer { width:980px; margin:0 auto; }
#footer a:hover { border-bottom:dotted 1px #d1d1d1; }
.footerblock { width:300px; float:left; margin:0 0 30px 20px; }
.footerblock h4 { font-size:21px; border-bottom:solid 1px #333; margin-bottom:15px; padding-bottom:5px; }
#credits { clear:both; text-align:right; padding-top:15px; border-top:solid 1px #333; font-size:12px; }

/* WIDGETS */
#ads125 { padding:20px 0 10px 20px; }
#ads125 li { float:left; margin:0 10px 10px 0; }
#ads125 li.last { margin:0 0 10px; }
#ads125 img { display:block; }
#ads125 a { padding:0; }
#searchform div, .widget_about, #calendar_wrap, #twitter_update_list, #recentcomments { padding:20px; }

/* CALENDAR WIDGET */
table#wp-calendar { width:100%; }
table#wp-calendar td { text-align:center; }

/* FLICKR WIDGET */
.flickr_badge_image { float:left; background: #212121; padding:5px;}
.flickr_badge_image a img { display:block; }
#flickr_badge_image1, #flickr_badge_image2, #flickr_badge_image4, #flickr_badge_image5, #flickr_badge_image7, #flickr_badge_image8 { margin:0 10px 10px 0; }
#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9  { margin:0 0 10px 0; }

/* TWITTER UPDATES */
.widget_ci_twitter_widget .tul a { display:inline; background: none; padding:0; }
.widget_ci_twitter_widget .tul a:hover { background: none; }
.widget_ci_twitter_widget .tul li span a { font-weight:bold; display: inline; } 
.widget_ci_twitter_widget .tul li { display:block; padding: 0 10px 15px 10px;}
.twitter-time { display:block !important; font-size:11px; }

/* NEWSLETTER */
#newsletter { padding-bottom:20px; }
#newsletter p { padding:5px 0 10px 20px; }

/* SOCIAL */
.icn { margin: 5px; }