/*

Theme Name: Runaway Play
Theme URI: 
Description: A custom theme for NHNZ
Version: 1.0
Author:Hayden Raw / Gareth @ Thirdman
Author URI: 
Tags:

/

*/

/* including for compatibility */

.alignleft {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.alignright {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*
color

grey #666666
grey _light d9d9d9
green: 8DA43F
blue 26AAE1
*/

/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

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

/* == Layout ==*/

body{ font:11px/1.6em Arial, "Helvetica Neue", Helvetica, Arial, Helvetica, sans-serif; 
	text-align: center;	
	color: #666;
	}
#container{	margin: 0 auto; width: 720px;
	text-align: left;
	}
#header{ height:70px;  border-bottom: 0px solid #d9d9d9;}
#homelink{width: 140px; float: left; margin-top: 10px; background: #ff000;}
#homelink a:link, #homelink a:visited{ width: 140px; height: 50px; overflow: hidden; background: url(imgs/runaway_logo.jpg) 18px 3px no-repeat; display: block;}
#homelink a:hover{ /*background-position: 0px -30px;*/}
#homelink a span{ display: none;}



#thecontent{ margin-top: 10px;}
#content{ width: 540px;  float: left;}
.comments_section {width: 540px;  float: left;}
.pagination_single{ float: left; background: #f4f4f4; margin-top: 2em;}




#footer{border-top: 1px solid #d9d9d9; margin-top: 22px; margin-bottom: 50px; padding-top: 25px; min-height: 120px; width: 720px;}
.footer_section{ width: 130px; float: left;}
.footer_section_right{ float: right; color: #d9d9d9;}
#footer ul li { list-style-type: none;}
#footer ul li a{ text-decoration: none;}
#footer ul li a:hover{ text-decoration: underline;}


/* == POSTS== */
.post{/*border-top: 1px solid #d9d9d9;*/ padding-top: 22px; margin-bottom: 20px;}
.post:first-child{ border-top: 0px solid #d9d9d9; padding-top: 0px;}
.postinfo{ float: left; width: 130px; height: 100px;  text-align: right; line-height: 1.3em; color: #bbb; font-size: 10px; margin-top: -5px;}
.highlight{color: #26AAE1; text-transform: uppercase;}
.post_tags{ margin-top: 20px;}
.postcontent{ float: left; margin-left: 10px; width: 400px;}
.postcontent ul, .postcontent ul li  { list-style-type: disc; margin-left: 1em;}

.post_comment{margin-top: 1em;}
.post_comment a:link, .post_comment a, .post_comment a:visited{ background:  url(imgs/commentlink.gif) 0px 0px no-repeat; display: block; width: 80px; height: 18px; line-height: 18px; color: #fff; text-decoration: none; text-align: center; font-size: 9px;}
.post_comment a:hover{ color: #fff; text-decoration: underline;}


.page .postcontent{width: 530px; margin-left: 0;}
.page h3{ border-top: 0px solid #999; margin-bottom: 20px; margin-top: 0;}

.blog h3{ border-top: 0px solid #999; margin-bottom: 0px; margin-top: 0;}

.post p, .page p{ margin: .5em 0 1em 0;}
.contact_email{font-size: 16px; font-weight: bold; }
.contact_box{width: 174px;/* width: 130px; */ float: left; min-height: 140px; padding-top: 2em;}
.contact_box p{ margin: 0;}
.boxlast{ clear: right; width: 174px;}

.social_links{margin: 10px 0;}
.social_links span.thesocial{ margin: 0; display:  block; width: 70px; height: 100px; float: left;}

/*
.fb_share_no_count {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#B0B9EC none repeat scroll 0 0;
color:#333333;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
text-align:center;
display: block !important;
}
.fb_share_count_top {
font-size:22px;
letter-spacing:-1px;
line-height:34px;
}
*/

/* == Titles===*/
a:link{ color: #8DA43F; text-decoration: none;}
a:visited{ color: #8DA43F; text-decoration: underline;}

h1{ font-size: 22px; color: #26AAE1; margin: 1em 0;}
h2{ font-size: 20px; background: #26AAE1; color: #fff; font-weight: normal; text-decoration: none; padding: 5px 0;margin: 0 0 6px 0; display:inline;  line-height: 30px; /*24px*/ }
.h2_space{margin-bottom: 12px; /*margin-bottom:-6px*/}
h2.post_title{background: transparent; padding: 0;  line-height: 28px;}

#content.flutterpages h2 {color: #26AAE1; background: none; font-weight: bold; margin-top: 1em; padding-top: 1em; line-height: 1.1em;}
.flutterhome {position: relative; top: 8px;}

.wrapper{clear:left;
overflow:hidden;
width:100%;}
.padder{border-left:8px solid #26AAE1;
	padding: 0px 0 1px 0;}
.title_spacer{display: inline; background: #26AAE1; padding: 4px 3px 4px 1px;
	/*position: relative; left: 8px; */}
.title_spacer2{/*position: relative; left: -4px; display: inline;*/
/*background:red none repeat scroll 0 0;*/
display:inline;
left:-4px;
position:relative;
top:0; }


.thearchive_li .h2_space{margin-top: 4px;
}

h2 a, h2 a:visited, h2 a:link{ color: #fff; text-decoration: none;}
h3, #sidebar h2, h2.widget-title, .inspiration_feature h2{font-size: 12px; font-weight: bold; color: #26AAE1; padding: 15px 0 3px 0; 
	border-top: 0px solid #d9d9d9; margin: 10px 0 6px;
	border-bottom: 1px solid #26AAE1 ; background: transparent; display: block; line-height: 12px;}


h2.widget-title a:link, h2.widget-title a:visited { color: #26AAE1;}
h3 a, h3 a:link, h3 a:visited{color: #26AAE1; text-decoration: none;}
h3 a:hover{text-decoration: underline;}
h3.fluttertitle {border-bottom: 0px solid white; margin-bottom: 0; padding-bottom: 0;}
h3.fluttertitle a{text-decoration: none; font-size: 1.4em;margin-bottom: 0; padding-bottom: 0;}

#sidebar .widget_twitter h2{/*margin: 0 0 4px;*/ color: #fff;text-align: right; font-weight: normal; font-size: 12px; }

#quick-flickr h2.widget-title{margin: 0 0 4px;}

.quick-flickr-item a {
    float: left;
    height: 80px;
    margin-top: 5px;
    overflow: hidden;
    width: 80px;
    margin-right: 5px;
}
.quick-flickr-item img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#sidebar .widget_twitter a.twitterwidget-title{background: url(imgs/twittertitle.gif) right bottom no-repeat; display: block; line-height: 24px; height: 20px; color: #fff; padding-right: 4px;}

h4{color: #26AAE1;}
#content.flutterpages h4{color: #26AAE1; font-weight: bold; font-size: 1.3em; padding-top:5px;}


h5{color: #26AAE1; font-size: 11px; text-transform: uppercase;}

/* == Nav ==*/

ul#nav{ list-style-type: none; float: left;}
ul#nav li{ float: left;}
ul#nav li a{display: block; height: 67px; color: #666; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 67px; padding: 4px 14px 0; margin: 0 5px 0 0; text-transform: uppercase;}
ul#nav li a:hover, ul#nav li a.current_page_item, ul#nav li.current_page_item a, ul#nav li.current_page_ancestor a{background: url(imgs/nav_bg.gif) 0px 0px no-repeat; color: #fff;}
ul#nav li a:hover{background: url(imgs/nav_bg.gif) 0px 0px no-repeat; color: #fff;}

/*
ul.subpagenav {}
ul.subpagenav .page_item{ background: red; display: none;}
ul.subpagenav .current_page_item{ background: blue; display: block;}
ul.subpagenav li.current_page_item ul{ margin-left: 10px; background: #eee; display: block;}
ul.subpagenav li.current_page_item ul li.page_item{ background: #999;display: block;}
ul.subpagenav li.current_page_item ul li.current_page_item{ background: #000;display: block;}
*/


.subpagenav li a{
display: none;

}
.subpagenav li li a, .subpagenav li.current_page_parent a, .subpagenav li.current_page_ancestor a
, .subpagenav li.current_page_item a{
display: block;
text-transform: uppercase;
padding:2px 10px 2px 0;
margin-top: 10px;
color: #4d4d4d;
text-decoration: none;

}

.subpagenav li li a, .subpagenav li.current_page_parent a, .subpagenav li.current_page_ancestor a{
display: block;
text-transform: uppercase;
text-decoration: none;
}

.subpagenav li.current_page_item a {
color: #fff; background: url(imgs/submenuarrow.gif) center right no-repeat;
text-decoration: none;
}

.subpagenav li.current_page_item ul li a {
color: #4d4d4d; background:  background: #fff;
text-decoration: none;
}
.subpagenav li.current_page_item ul li a:hover {
color: #000; 
text-decoration: none;
}

.subpagenav li.current_page_ancestor ul li.current_page_item a {
color: #fff; background: url(imgs/submenuarrow.gif) center right no-repeat;
text-decoration: none;

}

.subpagenav li.current_page_item ul li a{

color: #4d4d4d;
background: #fff;
text-decoration: none;

}

.subpagenav li.current_page_ancestor a{
color: #4d4d4d;
background: #fff;
text-decoration: none;
}

.subpagenav li.current_page_ancestor a:hover{
color: #000;
background: #fff;
text-decoration: none;
}
.subpagenav li.current_page_item ul li a.current_page_item{
}


.subpagenav li.current_page_item a:hover, .subpagenav li.current_page_ancestor ul li.current_page_item a:hover  {
color: #eee;text-decoration: none;
}



/* == Flutter pages== */
.flutterpage .postinfo{ position: relative; top: 10px;}
.flutterpage {padding-top:18px;}
.pageimage {margin-bottom: 0px;}
.flutterlogo{ position: relative; left: -50px;}
.flutterpage .postcontent{width: 400px; margin-left: 10px; float: left;}
.flutterpage p{margin-top: .3em;}

#playnow{ float: right; width: 100px; height: 70px; margin: 20px 5px 1em 2em; text-align: center;}
#playnow a{ text-decoration: none;}
.pfirst{ margin-top: 1em; padding-top: 10px;}

table#howtoplay{ margin-top: 10px; padding-top: 0;}
table#howtoplay td{ padding-top: 20px; }
dl#howtoplay{ margin-top: 0; padding-top: 0;}
dl#howtoplay dt{ margin-top: 2em; padding-top: 30px; padding-bottom: 10px; clear: both;color: #26AAE1; font-weight: bold; font-size: 1.3em; display: block;}
dl#howtoplay dt.dlfirst{margin-top:1em; padding-top: 0;}

dl#howtoplay dd{ margin-bottom: 2em;}
dl#howtoplay dd img{ float: left; margin-right: 1em;}



/* == FORMS ==*/

#form_search{ float: right; width: 170px; margin-top: 25px;
}
form .input_text{ background: url(imgs/bg_form_text.gif) 0px 0px no-repeat;  border: 0px solid red; width: 170px; height: 20px; color: #bbb; font-size: 9px; padding: 0px 5px 0px; line-height: 20px;padding-top: 2px; overflow: hidden;}

form input{/*margin-top: 6px;*/}
.submit_go{ float: right;}
#searchsubmit{display: none;}

/*Inspiration*/
ul#thelinks li a{ width: 180px; float: left;}
ul#thelinks li a:visited{text-decoration: none;}

#inspiration_lists{ border-top: 1px solid #d9d9d9; margin-top: 20px;}
#inspiration_listening { width: 260px; float: left; }
#inspiration_playing {width: 260px; float: left; margin-left: 10px;}
.inspiration_feature{}

/* == sidebar==*/
#sidebar{width: 170px; float: right; margin-top: 8px;}
#sidebar_spacer{/*margin-top: -16px;*/ margin-top:19px;
}
#sidebar_spacer_home{margin-top:19px;}

.sidebar_feature{margin-top: 20px; clear: left;}
#sidebar_playing{border-bottom: 0px solid #d9d9d9;}
.sidebar_feature a{clear: left;}
.sidebar_feature img{clear: left;}

.sidebar_feature li, .inspiration_feature li{clear:left;}
.sidebar_feature li div h4, .sidebar_feature ul div h4, .inspiration_feature ul div h4, .inspiration_feature ul div h4{margin-top: 0; padding-top: 0;}
.sidebar_feature li img, .inspiration_feature li img{float: left;}

.list_content{margin-left: 65px; }
.list_content p{margin: 0;}

.sidebar_feature .morelink{float: right;  /* -28*/ margin: 4px 0 4px 0; padding: 0 0; text-align: center;  }

.sidebar_game {
	clear: both;
	margin: 8px 0;
}

.sidebar_game a {
	display: block;
	height: 60px;
}

.sidebar_game img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.sidebar_game_text {
	float: left;
	padding-top: 10px;
	display: block;
	width: 95px;
}

.sidebar_game_title {
	font-weight: bold;
	color: #26AAE1;
}

.sidebar_game_desc {
	color: #000;
	line-height: 12px;
}


.widget_twitter{margin-top: 0px;}
#thetwittr li{margin: 5px 0 0;}
#thetwittr li.twitter_other{color: #d9d9d9;}

.widget_twitter li {
	clear:both; margin-top: 4px;
	background: #F2F2F2;
	padding: 4px;
	font-size: 10px;
	line-height: 13px;
}
.widget_twitter li img {
	float:left;
	margin-right:.5em;
}
.widget_twitter li .clear {
	clear:both;
}

.widget_twitter li .entry-meta {
	font-size: 9px; color: #999;
}

.widget_twitter .entry-meta .from-meta {

    display:none;

}


.flutter_sidebar #quick-flickr {display:none;}
.flutter_sidebar #quick-flickr.screenshots {display:block !important;}

#flickr{ padding-top: 6px; margin-top: 2px; clear: both;}
#flickr a img{margin: 1px; width: 83px;}
#quick-flickr .morelink{float: right;  margin: 8px 0 4px 0; padding: 0 0; text-align: center; }

.flickrimg {float: left; margin: 0; padding: 0; } 


.fan_box .connect_top {
padding:0px !important; 
}


.app_content_206639742409 a:visited,.app_content_206639742409 a:link { display: none !important; }

.fan_box .connect_action {
padding:0 0 0 0px !important;
}


 .profileimage {
float:left;
height:40px;
margin:0 0 4px;
padding:0 10px 0 0;
width:111px !important;
}

.UIButton{border-width: 0px !important; width: 170px; height: 15px; background: transparent url( /none.jpg) top left !important; /*background:white url(http://runawayplay.comimgs/becomeafan.jpg) no-repeat scroll left top !important;*/}

.UIButton_Gray .UIButton_Text {
color:#333333;
margin-top:-4px;
}

.UIButton_Gray {
-moz-box-shadow:0 0px 0 rgba(0, 0, 0, 0.1) !important;
background-color:#EEEEEE;
border-color:#999999 #999999 #888888;
}


.fan_box .full_widget .connect_top {
background: transparent none repeat scroll 0 0 !important;
}
.app_content_206639742409 .fan_box .connect_top {
border:0px solid red;
padding:0 0 0 !important;
}

.fan_box .page_stream {
border-top:1px solid #D8DFEA;
height:300px;
overflow:auto;
padding:0 10px;
position:relative;
text-align:center;
display: none !important;
}
.fan_box .connections {
border-top:1px solid #D8DFEA;
min-height:150px;
padding:10px 0 4px 10px;
display: none !important;
}
.fan_box .full_widget {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border:0px solid #94A3C4;
}

.fan_box .connect_button{ margin: 0;
padding: 4px 3px 2px 6px;
background: transparent url(http://runawayplay.comimgs/becomeafan.jpg) top left no-repeat !important;  
width: 170px; height: 18px;color: #666; text-decoration: none;
display: block; 
}
.fan_box .connect_span{ margin: 0;
padding: 4px 3px 3px 6px;
background: transparent !important;  /*url(http://runawayplay.comimgs/becomeafan.jpg) top left no-repeat */
width: 170px; /*height: 18px;*/color: #666; text-decoration: none;
display: block;
}


#stream_content{display: none;}
 .connect_top img{margin-left: -1000px !important; }
.profileimage{display:none!important;}
.name_block{display:none!important;}

#facebookdiv{padding: 0px 0 0px;}
#facebookdiv h2{ border-bottom:1px solid #26AAE1; border-top: 0px solid #d9d9d9; padding-top:0px; margin-top: 5px;}
#facebookdiv h2 a { color: #26AAE1; }
#sidebar_about{/* padding-top: 8px; padding-bottom: 10px;*/ /*border-top: 1px solid #26AAE1;*/ color: #000; line-height: 21px; font-weight: bold; font-size: 20px;}
#sidebar_about h2{ border-bottom:1px solid #26AAE1; border-top: 0px solid #d9d9d9;}
#facebooklink{background: url(imgs/becomeafan.jpg) top left no-repeat;  }
#facebooklink a{width: 170px; height: 23px;display: block;padding: 3px 3px 3px 28px; color: #666; text-decoration: none;}

#sidebar_partners_container {
	text-align: center;
}


/* == PLAY ==*/
#play_top{ width: 740px; height: 78px; background: url(imgs/play/Top.jpg) top left no-repeat;}
#play_left{ width: 10px; height: 490px; background: url(imgs/play/Left.jpg) top left no-repeat; float: left;}
#play_content{ float: left; height: 490px; width: 720px;background: url(imgs/play/Bottom.jpg) bottom left no-repeat;}
#play_center{ width: 740px; height: 490px; background: url(imgs/play/Right.jpg) top right no-repeat;}
#play_bottom{ width: 720px; height: 10px; display: none; }


/* == MISC ==*/
a.morelink{  width: 37px; height: 15px; display: block; color: #fff; background:url(imgs/bg_more.gif) 0px 0px no-repeat; text-decoration: none; padding: 0 4px; line-height: 15px; }
a.morelink:hover{ text-decoration: underline; color: #666;}
.footer_section a.morelink{ margin-top: 5px;}
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}

#nhnzlogoholder{ height: 31px; width: 130px; line-height: 31px;}
#nhnzlogoholder p {float: left;}
.nhnz_link{ float: right; /*margin: -8px 0 0 4px;*/}

.theexcerpt p{ margin: 1em 0;}
.thearchive_li{ margin: 1em 0; border-top: 1px solid #d9d9d9; padding: 1em 0;}
/*====  COMMENTS  ===*/
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.li-comment { border-bottom:1px solid #d9d9d9; padding:1em 0;clear: both; min-width: 250px; min-height: 100px; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px solid #d9d9d9; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.comment_left{ width: 130px; float: left; text-align: right; font-size: 9px; color: #666;  padding: 2px 2px 0 0 ;}
.comment_right{  float: left; margin-left: 8px; width: 394px; padding: 2px;}
.byauthor .comment_left{ background: #f2f2f2; }
.comment_additional{ /*background: #f2f2f2;*/ margin: 1em 0; padding: 5px;}
.comment_leavereply{ font-size: 16px; color: #26AAE1; font-weight: bold; margin-left: 140px;}
form p{clear: left; margin: 1em 0 0;}
label{ width: 130px; float: left; /*clear: both;*/margin-right: 10px; }
label em{ font-size: 9px; color: #26AAE1;}
textarea {width: 400px; margin-left: 140px;}
#respond p input{ /*float: left;*/}
#respond p input#submit{ margin-left: 140px; background: url(imgs/form_submit.gif) 0px 1px no-repeat; border: 0px solid white; width: 115px; text-align: center; line-height: 12px; height: 17px; color: #fff; font-size: 10px; }
#respond p input#submit:hover	{ background: url(imgs/form_submit.gif) 0px -29px no-repeat; cursor: pointer; }

textarea#comment	{ background: #f5f5f5 url(imgs/bg_form_textbox2.gif) top left no-repeat scroll; border: 0px solid white; height: 121px; padding: 0 0 0 5px;font-size: 10px; color: #666;}