/*
Theme Name: Fairlady Media
Theme URI: http://www.fairladymedia.com
Author: Tim Wright
Author URI: http://www.csskarma.com
*/

body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
blockquote,th,td         { margin:0;padding:0;}
body                     { line-height:1;color:#444;}
h1,h2,h3,h4,h5,h6,p      { font-size:100%;font-weight:400;}
ol,ul                    { list-style:none;}
caption,cite,code,th     { font-style:normal;font-weight:400;}
fieldset,img             { border:0;}
caption,th               { text-align:left;}
:focus                   { outline:1px dotted #eee;}
:active                  { outline:0; }
table                    { border-collapse:collapse;border-spacing:0;}
hr                       { border:0;border-top:1px solid #555;margin:0;height:1px;}
label,button,
input[type="submit"],
input[type="checkbox"],
input[type="radio"]      { cursor:pointer;}
a                        { overflow:hidden; }

/*
 * General elements
----------------------------------*/
html                     { text-align:center;background:#3e3ebb url(images/bg.png) repeat-x 0 0;height:100%; }
body                     { position:relative;text-align:left;font:12px/1.3 Helvetica, Arial, Sans-serif;width:950px;margin:auto;background:#3e3ebb url(images/bg.png) repeat-x 0 0; }
h1                       { font-size:28px; }
h2                       { font-size:24px;font-family:Eurostile, Verdana, Arial, Sans-serif; }
h3                       { font-size:20px;border-bottom:1px dotted #444;margin-bottom:20px;clear:both; }
h4                       { font-size:16px;margin-top:10px;color:#222; }
h5                       { font-size:12px;font-weight:700;color:#222; }
h6                       { font-size:12px;font-style:italic;color:#222; }

p,ul,ol,dl               { font-size:12px;margin:0 0 20px;line-height:1.6; }
ul,ol                    { margin-left:30px; }
ul                       { list-style:disc; }
ol                       { list-style:decimal; }

blockquote{ background:url(images/quotes.png) no-repeat 0 0;padding:5px; }
blockquote p{font-size:15px;line-height:1.3;margin:0;}
cite{display:block;text-align:right;font-size:16px;}

/*
   Anchors
*/
a                        { color:#303087;text-decoration:none; }
a:active                 { position:relative;top:1px; }
a:hover,
a:focus                  {  }

/*
 * Utility classes
----------------------------------*/
.left                    { float:left; }
.right                   { float:right; }
img.left                 { margin:0 20px 50px 0;clear:left;border:9px solid #eee;padding:1px; }
img.left:hover{border-color:#ccc;}
img.right                { margin:0 0 0 10px;clear:right; }
.clear                   { clear:both; }
.block                   { display:block;margin:0 auto 20px;width:auto; }
.imgcaption p            { color:#777;font-size:11px;line-height:1.4; }
.hr                      { clear:both;width:75%;margin:auto;height:2px;background:#eee;margin-bottom:30px; }

/* skip menu */
.accessibility           { position:absolute;top:-9999px;left:-9999px; }
.accessibility:focus     { position:static; }
.meta{background:#f7f7f7;padding:5px 10px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.meta:hover{background:#f3f3f3;}

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

/*
   Branding
*/
#branding                { position:absolute;top:26px;left:10px; }
#branding h1             {  }
#branding h1 a           { display:block;width:379px;height:135px;text-indent:-9999px;background:url(images/logo.png) no-repeat 0 0; }

/*
   Navigation
*/
#nav                     { background: url(images/nav_bg.png) no-repeat 0 0;height:55px;width:453px;position:absolute;top:35px;right:10px;
                            }
#nav ul                  { margin:0 0 0 5px; }
#nav li                  { float:left;display:inline; }
#nav li.page-item-4         { width:129px;background:url(images/nav_divider.png) no-repeat right center; }
#nav li.page-item-54             { width:100px;background:url(images/nav_divider.png) no-repeat right center; }
#nav li.page-item-2            { width:108px;background:url(images/nav_divider.png) no-repeat right center; }
#nav li.page-item-5            { width:103px; }
#nav a                   { text-shadow:1px 1px 1px #000;width:100%;text-align:center;display:block;float:left;line-height:55px;color:#fff;text-transform:uppercase; }

#nav img{position:absolute;top:-8px;left:-5px;}

/*
   Content
*/
#content                 { -moz-box-shadow:0 0 10px #1b1c6f;-webkit-box-shadow:0 0 10px #1b1c6f;background:#fff;position:relative;top:117px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;min-height:300px; }
#section                 { padding:20px; }

#search{text-align:center;padding:0 0 20px}
#search label{display:none;}

/* Main content */
#content-main            { width:80%;float:left; }
body.single #content-main,
body.archive #content-main,
body.search #content-main,
body.page-id-54 #content-main{width:66%;}


#breadcrumbs             { background:url(images/breadcrumb.png) no-repeat 0 bottom;padding:0 0 9px; }
#breadcrumbs p           { padding:7px 10px;margin:0; }
#breadcrumbs a           { font-weight:700; }

#media h2{height:135px;width:770px;text-indent:-9999px;margin:20px 0 0;}
body.page-id-303 #media h2{ background:url(images/takewingtitleimage.png) no-repeat center 0; }
body.page-id-7 #media h2{ background:url(images/game_logo_stinkysocks.png) no-repeat center 0; }
body.page-id-9 #media h2{ background:url(images/game_logo_spazzle.png) no-repeat center 0; }
body.page-id-15 #media h2{ background:url(images/whizzitwrds_website_title.png) no-repeat center 0; }
body.page-id-11 #media h2{ background:url(images/game_logo_spazzle.png) no-repeat center 0; }
body.page-id-339 #media h2{ background:url(images/whizzitcndy_website_title.png) no-repeat center 0; }
body.page-id-13 #media h2{ background:url(images/whizzit_website_title.png) no-repeat center 0; }
body.page-id-17 #media h2{ background:url(images/ps_title.jpg) no-repeat center 0; }

#media{margin:0 0 30px;}

#media ul            { list-style:none;position:absolute;right:32px;top:83px; }
#media ul li         {  }
#media ul li a       { color:#777;text-transform:uppercase;display:block;width:135px;line-height:45px;text-align:center;background:url(images/buttons.png) no-repeat center center;margin:0 0 5px; }
#media ul li a:hover { color:#222; }

#video{background:url(images/iphone.png) no-repeat center 0;margin:0 0 20px -10px;text-align:center;padding:25px 1px;}
#video embed{border:2px solid #1a1d20;}

#product-info { width:400px;float:left;margin:0 15px 30px 0; }
#product-info p,
#product-info blockquote{width:380px;}

#summary      { width:300px;float:left;margin:auto; }

#productlist{margin:30px 0 0;list-style:none;}
#productlist li{float:left;display:inline;margin:0 10px 30px;}

body.page-id-4 #content-main{width:100%;}

#screenshots{padding:30px;clear:both;}
#screenshots .imgcaption{width:50%;text-align:right;}
#screenshots .imgcaption p{text-align:center;width:280px;float:right;}

.ui-tabs .ui-tabs-hide              { display:none; }
.ui-tabs-selected a{font-weight:700;}

/* vertical videos */
body.page-template-vert-php #video{width:420px;float:left;background:url(images/iphone_vert.png) no-repeat center 0;margin:0;text-align:center;padding:117px 0;}
body.page-template-vert-php #product-info{width:300px;clear:right;}

/* Sub content */
#content-sub             { width:184px;float:right; }
body.single #content-sub,
body.archive #content-sub,
body.search #content-sub,
body.page-id-54 #content-sub{width:33%;}
#content-sub ul {margin:0;list-style:none;}
#content-sub ul ul{margin:0 0 20px;list-style:none;}
#content-sub li{line-height:1.3;padding:5px 0 5px 13px;}
#content-sub #features{margin-bottom:20px;}
#content-sub #features li{background:url(images/bullet_star.png) no-repeat 0 0;padding:5px 8px 8px 13px;}
#content-sub h2{border-bottom:2px solid #999;margin:0 0 10px;}
#content-sub li.active a{font-weight:700;}

/*
   Site info
*/
#site-info               { clear:both;height:25px;padding:30px 0 0 0 }
#site-info ul{ float:left;margin:0; }
#site-info li{display:inline;}
#site-info #social a{display:block;float:left;margin:0 0 0 10px;background:url(images/social_icons_small.png) no-repeat 0 0;line-height:16px;padding:0 0 0 20px;}
#site-info #social .twitter a{background-position:0 -30px;}
#site-info p{ float:right;padding:0 10px 0; }

/*
   Home
*/
body.home #content-main{width:100%;clear:both;border-bottom:1px solid #ccc;background:url(images/ferris_wheel.png) no-repeat 0 bottom;}
body.home blockquote{background:none;}
#iphone-icon{position:absolute;right:-15px;top:200px;z-index:99;}
#aboutflm{width:50%;float:left;font-family:Eurostile, Verdana, Arial, Sans-serif;}
#aboutflm p{font-size:30px;padding:15px 20px 0;line-height:1.2;}
#aboutflm p.more{padding:0 20px 0 0;font-size:14px;text-transform:uppercase;text-align:right;}
#nav-img{}
#img-nav a{color:#333;display:block;float:left;border:1px solid #303087;line-height:20px;width:20px;text-align:center;margin:0 5px 0 0;}
#img-nav a.activeSlide{color:#fff;background:#303087;}
#slideshow-wrap{width:435px;float:right;padding:20px;}
#slideshow{margin-bottom:15px;}
body.home #content-sub{min-height:250px;float:left;background:url(images/bg_home_sub.png) repeat-x 0 0;width:100%;clear:both;border-top:1px solid #fff;padding:15px 0 0;}
#content-sub h2{margin-bottom:5px;}
#content-sub h2 .rss{display:block;float:right;height:16px;width:16px;text-indent:-9999px;background:url(images/icons_home.png) no-repeat 0 0;margin:8px 0 0;}
#news{width:438px;padding:0 20px;float:left;}
#social-home{float:left;width:170px;}

#social-home ul{margin:10px 0 0;padding:0;}
#social-home ul li{font-size:11px;float:left;display:inline;width:50%;margin:0;padding:0;text-align:center;}
#social-home li a{color:#333;width:85px;display:block;float:left;padding-top:65px;margin:0;background:url(images/icons_home.png) no-repeat 0 0;}
#social-home li.twitter a{background-position:center -116px;}
#social-home li.facebook a{background-position:center -20px;margin-right:30px;}

#resources{width:263px;float:right;margin:0 20px 0 0;}

#about-nav{margin:0 auto 20px;padding:0;list-style:none;height:27px;width:310px;background:#eee;padding:10px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#about-nav li{float:left;display:inline;padding:0;margin:0;}
#about-nav li a{background:#f7f7f7;color:#333;display:block;border:1px solid #ccc;line-height:25px;width:80px;text-align:center;margin:0 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

#explore-nav li a.current{font-weight:700;}

#corner-topleft,
#corner-topright,
#corner-bottomleft,
#corner-bottomright{display:block;height:6px;width:6px;position:absolute;}

#corner-topleft{background:url(images/ie_corner_tl.png) no-repeat 0 0;top:0;left:0;}
#corner-topright{background:url(images/ie_corner_tr.png) no-repeat 0 0;;top:0;right:0;}
#corner-bottomleft{background:url(images/ie_corner_bl.png) no-repeat 0 0;bottom:0;left:0;}
#corner-bottomright{background:url(images/ie_corner_br.png) no-repeat 0 0;bottom:0;right:0;}

/* Blog */
.commentlist{ list-style:none;margin:0; }
.commentlist li{ padding:20px 30px;border-bottom:10px solid #eee; }
.commentlist li img{float:left}
.commentlist .comment-body{  }
.commentlist .comment-body p img{ float:none; }
.commentlist cite{ display:inline;font-size:20px;padding-left:10px; }
.commentlist .says{display:none;}
.comment-meta{clear:both;font-size:11px;margin-bottom:10px;}

#respond{padding:15px 30px 20px;width:50%;margin:20px auto 0;border:1px solid #ccc;-moz-border-radius:7px;-webkit-border-radius:7px;background:#f7f7f7;}
#commentform textarea{width:100%;}
input#submit{display:block;}

.note{display:none;width:85%;border:1px solid #ccc;padding:10px;background:#f7f7f7;font-size:11px;}
.tags{background:#f7f7f7;padding:10px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.tags:hover{background:#f3f3f3;}

#bloglist{margin:20px 0;list-style:none}
#bloglist li{font-size:22px;margin:0 0 10px 5px;border-bottom:1px solid #eee;}

.tweet_list{}
.tweet_list li{float:left;width:100%;clear:both;margin-bottom:10px;}
.tweet_list li:hover{background:#eee;}
.tweet_list li img{float:left;margin:0 5px 5px 0;padding:1px;border:1px solid #777;}