/** Lindsay Lohan taught me to eat Oreo with peanut butter in Parent Trap **/

/**************** Styles **/
body { font-family: "Lucida Sans Unicode", Arial, Helvetica; background: #e7f2fd url(../images/bg.gif) repeat-x; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }
a.selected { font-weight: bold;  }
a:active, a:visited { color: #fff; }
input.txt { color: #61769a; font-size: 16px; margin-right: 2px; border: none; background: url(../images/sprites.png) no-repeat -550px -300px; height: 36px; }

.masthead { height: 54px; background: url(../images/sprites.png) no-repeat; }
a.kureno-blog, a.kureno-hq { margin: 9px 10px 0 0; float: left; display: block; width: 150px; height: 34px; background: url(../images/sprites.png) no-repeat 0 -56px; }
a.kureno-blog span, a.kureno-hq span { display: none; }
a.kureno-blog:hover { background-position: -150px -56px; }
a.kureno-blog:active { background-position: -300px -56px; }
a.kureno-hq { background-position: -450px -56px; }
a.kureno-hq:hover { background-position: -600px -56px; }
a.kureno-hq:active { background-position: -750px -56px; }

.banner { height: 198px; background: url(../images/banner.gif) no-repeat; }
h1.logo { float: left; margin: 65px 0 0 0;  }
h1.logo a { display: block; width: 410px; height: 59px; background: url(../images/sprites.png) no-repeat 0 -90px;}
h1.logo span { display: none; }
.sharing { width: 150px; position: relative; top: 5px; left: 320px; }
.sharing .twit, .sharing .fb { position: absolute; }
.sharing .twit { left: 90px; top:2px;}
.sharing .fb {  left: 8px; top:0; }

.boldtext { padding: 30px 24px 0 54px; float: right; width: 308px; height: 84px; margin: 42px 0 0 0; background: url(../images/sprites.png) no-repeat -410px -90px; color: #fff; font-size: 16px; font-weight: bold; font-family: Georgia; text-shadow: #000 0 1px 0px; line-height: 23px; }
.boldtext a, .boldtext a:visited { text-decoration: none; color: #c11818; }
.boldtext a:hover { text-decoration: none; color: #fff; }
.content-wrap { margin: 25px 0; min-height: 200px; height: auto !important; height: 200px; }
.twitterfol { background: #eef7ff; border: 1px solid #c0d9f1; font-size: 11px; font-family: Arial; color: #000; margin: 10px 0; padding: 5px;}	
.twitterfol a { color: #375485; font-weight: bold; }
.content-repeat { z-index: 1; background: url(../images/content-repeat.gif) repeat-y; }
.content-top { z-index: 2; background: url(../images/content-top.gif) no-repeat; }
.content { z-index: 3; padding: 0 0 1px 0; min-height: 100px; height: auto !important; height: 100px; }
.content-left { text-align: center; margin: 20px 0 0 0; }
.content-left h1 { font-family: Arial; font-weight: normal; color: #333; letter-spacing: -1px; text-transform: uppercase; font-size: 28px; text-shadow: #fff 0 1px 2px; margin-bottom: 10px; }
.content-bottom { height: 39px; background: url(../images/sprites.png) no-repeat 0 -227px; }

.box { width: 550px; margin: 25px 0 0 0; }
.box-top { height: 26px; background: url(../images/sprites.png) 0 -266px; }
.box-repeat { background: url(../images/box-repeat.gif) repeat-y; padding: 0 0 1px 0; }
.box-repeat h1, .box-repeat p { margin: 0; padding: 0; }
.box-repeat h1 { margin: 0 0 5px 0; font-size: 22px; font-family: Georgia; color: #425980; text-shadow: #fff 0 1px 1px; padding: 0 0 0 40px; height: 29px; background: url(../images/sprites.png) no-repeat; }
.box-repeat h1.app1 { background-position: 0 -312px; }
.box-repeat h1.app2 { background-position: 0 -399px; }
.box-repeat h1.app3 { background-position: 0 -370px;}
.box-repeat h1.app4 { background-position: 0 -341px; }
.box-bottom { height: 21px; background: url(../images/sprites.png) 0 -292px; }
.buttons { padding: 50px 0 0 30px;}
.buttons-wrap { position: relative; display: block; margin: 0 20px 0 0; }
.buttons-wrap a { font-family: Verdana; letter-spacing: 0px; font-weight: bold; padding: 6px 4px 5px 16px; text-shadow: #000 0 1px 1px; position: relative; display: block; text-align: center; background: url(../images/sprites.png) no-repeat 0 -150px;  }
.buttons-wrap a span { width: 15px; top: 0; height: 31px; right: -14px; text-indent:-9999px; position: absolute; top: 0; display: block; background: url(../images/sprites.png) no-repeat -337px -150px; }
.buttons-wrap a:hover, .buttons-wrap a.selected { text-decoration: none; background: url(../images/sprites.png) no-repeat 0 -182px; text-shadow: #4c535e 1px 0 2px; }
.buttons-wrap a:hover span, .buttons-wrap a.selected span { text-decoration: none; background: url(../images/sprites.png) no-repeat -337px -182px;  }

ul.menu { margin: 30px 0 0 0; padding: 0; }
ul.menu li { background: #61769a url(../images/menu-li.gif) repeat-y; list-style:none;  margin: 0;  }
ul.menu li a { position: relative; font: bold 15px Arial; text-transform: uppercase; text-shadow: #000 0 1px 0; margin: 0 2px; padding: 10px; display: block; border-top: 1px solid #a6bde5; border-bottom: 1px solid #182434; }
ul.menu li.app1 a { border-top: 1px solid #000; }
ul.menu li a:hover, ul.menu a.selected { background: #162e61 url(../images/li-hover.gif) repeat-x; text-decoration: none; margin: 0 -7px 0 2px; border-top: 1px solid #2c539d; border-bottom: 1px solid #162e61; }
ul.menu li a span.tap { display: none; }
ul.menu li a:hover span.tap, ul.menu a.selected span.tap  { display: block; width: 8px; height: 8px; background: url(../images/sprites.png) no-repeat -796px -90px; position: absolute; bottom: -9px; right: 0; text-indent: -9999px; }
ul.menu li.app4 a:hover span.tap, ul.menu li.app4 a.selected span.tap  { display: block; width: 9px; height: 8px; background: url(../images/sprites.png) no-repeat -804px -90px; position: absolute; top: -9px; right: -1px; text-indent: -9999px; }
ul.menu li.app1 span.icon { display: inline-block; height: 22px; padding: 7px 0 0 37px; background: url(../images/sprites.png) no-repeat 0 -312px; }
ul.menu li.app2 span.icon { display: inline-block; height: 22px; padding: 7px 0 0 37px; background: url(../images/sprites.png) no-repeat 0 -399px; }
ul.menu li.app3 span.icon { display: inline-block; height: 22px; padding: 7px 0 0 37px; background: url(../images/sprites.png) no-repeat 0 -370px; }
ul.menu li.app4 span.icon { display: inline-block; height: 22px; padding: 7px 0 0 37px; background: url(../images/sprites.png) no-repeat 0 -341px; }

ul.locations { margin: 0 0 6px 0; }
ul.locations li { margin: 3px; float: left; list-style: none; }
ul.locations li a { color: #3a4b64; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #bdcce2; border: 1px solid #a2b3cc; text-decoration: none; font-size: 11px; padding: 2px 4px; display: block; }
ul.locations li a.saved { color: #a0b3c5; background: #e4eff9; border: 1px solid #ccdbeb; }
ul.locations li a:hover, ul.locations li a.selected, li a.saved:hover { color: #fff; border: 1px solid #384961; background: #445977; }

ul.tweets  { text-align: left; margin: 0; padding: 0; }
ul.tweets li { overflow: hidden; position: relative; border: 1px solid #ccdbeb;  background: #fff; list-style: none; margin: 0 0 10px 0; padding: 10px; }
ul.tweets li img { width: 48px; float: left; border: 1px solid #ccdbeb; margin:0;padding: 0;  }
ul.tweets li a { color: #2d405d;  }
ul.tweets li span { color: #666; font-size: 10px; }
ul.tweets li p { float: right; width: 390px; margin: 0;}
ul.tweets li a.savebtn { font-size: 11px; text-decoration: none; background: #e4eff9; color: #a0b3c5; position: absolute; bottom: 5px; right: 5px; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccdbeb; padding: 1px 3px; }
ul.tweets li a.savebtn:hover { border: 1px solid #99aabb; }

.clouds { color: #376ba4; font: bold 12px Arial; display: inline-block; text-align: center; margin: 20px 5px; background: url(../images/sprites.png) no-repeat 0 -10px; }
.tiny { width: 95px; height: 69px; background-position: -550px -381px;}
.small { width: 108px; height: 79px; background-position: -645px -381px; }
.medium { width: 129px; height: 94px; background-position: -753px -381px; }
.big, .kurenocloud { width: 154px; height: 112px; background-position: -795px -269px; }
.kurenocloud { background-position: -576px -491px; }
span#charlimitinfo { padding: 5px 0; display: block; }
.large { width: 176px; height: 127px; background-position: -374px -429px;  }
.clouds span,.clouds span a.cloudy { display:table-cell; text-align: center; vertical-align: middle; color: #425980;} 
.tiny span { width: 95px; height: 69px; font-size: 22px; }
.small span { width: 108px; height: 79px; font-size: 18px; }
.medium span  { width: 129px; height: 94px; font-size: 17px; }
.big span, .kurenocloud span { width: 154px; height: 112px; font-size: 17px; }
.large span { width: 176px; height: 127px; }
.clouds span:hover { cursor: pointer; color: #28669e;}
.hashlist { margin: 10px 0; }
.hashlist h1 { margin: 5px 0; padding:0; color: #19346d; font: bold 25px Arial;}
.hashlist ul { margin: 5px 0; padding: 0; }
.hashlist li { list-style: none; margin: 0; padding: 0; }
.hashlist .newhash { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0; padding: 8px; background: #c1f7ab; }
.hashlist .newhash p { margin: 0; padding: 0; font: italic 11px Arial; }
.hashlist .newhash .btn { border: none; padding: 4px; font: 11px Arial; background: #333; color: #fff; }
.buttons-gen { position: relative; display: block;  margin: 0 22px 0 0; }
.buttons-gen a { font-family: Verdana; letter-spacing: 0px; font-weight: bold; padding: 6px 0 7px 14px; text-shadow: #000 0 1px 1px; position: relative; display: block; text-align: center; background: url(../images/sprites.png) no-repeat;  }
.buttons-gen a span { width: 17px; top: 0; height: 32px; right: -17px; text-indent:-9999px; position: absolute; display: block; background: url(../images/sprites.png) no-repeat; }
.buttons-gen a:hover { color: #e3da76; text-decoration: none; }
.buttons-gen a.blue { background-position: 0 -434px; }
.buttons-gen a.blue span { background-position: -144px -434px; }
.buttons-gen a.green { background-position: 0 -466px; }
.buttons-gen a.green span { background-position: -144px -466px; }
a.refresh { background: #284d95; color: #fff; margin: 25px 0 5px 0; }
a.refresh:hover { color: #a5d4ff; text-decoration: none; }

.tabs_wrap { text-align: left; width: 100%; }
.tabs_wrap a { color: #fff; }
.tabs_wrap ul.tabs { margin: 2px 0 5px 205px; padding: 0; }
.tabs_wrap ul.tabs li { margin: 0; list-style: none; display: inline; }
.tabs_wrap ul.tabs li span { vertical-align: -5px; margin:0 0 0 5px; display: inline-block; width: 13px; height: 16px; background: url(../images/sprites.png) no-repeat -550px -475px;}
.tabs_wrap ul.tabs li span.tab_2 { width: 16px; background-position: -563px -475px;}

.tabs_wrap ul.tabs  li a { background: #173167 url(../images/bg-app4.gif) repeat-x; color:#fff; padding:8px 14px 8px 14px; text-decoration:none; font: bold 9px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; border:1px solid #173167; outline: none; }
.tabs_wrap ul.tabs  li a:hover { background: #2a5099 url(../images/bg-app4-flip.gif) repeat-x; }
.tabs_wrap ul.tabs li a.selected { background: #eff8fe url(../images/bg-app4-selected.gif) repeat-x; color:#282e32; border:1px solid #173167; border-bottom: 1px solid #eff8fe; }
.tabcont { background-color:#eff8fe; padding:10px; border:1px solid #173167; }
.tabcont .markupbox { width: 310px; float: right; }
.tabcont ul.gentrigger { float: left; width: 120px; list-style: none; }
.tabcont ul.gentrigger li { margin: 0; margin: 5px 0; }
.tabcont ul.gentrigger li input { vertical-align: top; }
.tabcont .markupbox p.floatl { padding: 4px 5px 0 0; }
#content_2 { display:none; }
.tabcont .markupbox textarea, .tabcont .markupbox .content-placeholder { width: 95%; margin: 0 0 5px 0; height: 250px; text-shadow: none; }
.tabcont .markupbox .content-placeholder { font-size: 11px; font-family: Arial; padding: 5px; overflow: auto; background: #fff; border: 1px solid #b7d1e2; }
.content-placeholder h1 { font: bold 16px Arial; font-style: normal; margin: 0 0 10px; }
.content-placeholder h2 { margin: 0 0 10px 0; }
.content-placeholder h3 { margin: 0; }
.content-placeholder blockquote { font: 14px Georgia; padding: 5px; }
.content-placeholder p { margin: 0 0 10px 0; }

.footer { color: #868787; font-size: 11px; font-family: Arial; min-height: 73px; height: auto !important; height: 73px; background: #000 url(../images/bg-footer.gif) repeat-x; }
.footer p { margin: 0 0 3px 0; }
.footer .grid_11 { margin: 15px 0 0 0; }
.footer .grid_11 a { color: #fff; }
.footer .note a { color: #989ba1; }
.footer .logo { margin: 15px 0 0 0; color: #bdc9dd; }
.footer .logo h1 a { display: block; width: 87px; height: 37px; background: url(../images/sprites.png) no-repeat -550px -341px;; }
.footer .logo h1 a:hover { background-position: -637px -341px; }
.footer .logo span { display: none; }
.footer .logo span.txt { display: block; padding: 16px 5px 0 0; }

/*************** Pagination styles */

div.pagination { margin: 20px 0 0 0; }
div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #19b68c; background: #28574a; text-decoration: none; /* no underline */ color: #fff; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #afbce3; color: #fff; background: #2a3a6b; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #19b68c; font-weight: bold; background-color: #19b68c; color: #FFF; }	
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #1e4b40; color: #1e4b40; }
	
/**************** Replay **/
.clearfix { display: inline-block; }
.clearfix:after { display: block; height: 0; clear: both; content: ".";  visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatl { float: left; }
.floatr { float: right; }
.alignr { text-align: right; }
.alignl { text-align: left; }
.alignc { text-align: center; }
.txtmed { width: 230px; }
.geof, .content-placeholder h1.geof { font-family:Georgia; }
input.submit { border: none; color: #fff; text-align: center; font-weight: bold; font-size: 16px; text-shadow: #000 0 1px 0; width: 110px; height: 36px; background: url(../images/sprites.png) no-repeat -796px -98px; }
input.submit:hover { cursor: pointer; }
input.submit:active { background-position: -796px -134px; }
.txtblue  { color: #434d5d; }
.txtblue a { color: #b41210; }
.note { font-size: 10px; }
.spaced { height: 36px; }
.spaced .submit { vertical-align: top; }

#twitter-user-box, .copynotewrap { margin: 10px 0 0 45px; }
.panel p { margin: 10px 0; font-family: Arial; }
.panel a { color: #213046; }
.lorem a { display: inline-block; margin: 0 20px 0 0; }
.lorem a.green { margin-right: 10px; }
span.copynote, .copynote { border: 1px solid #A6BDE5; background: #d1e6fb; padding: 5px; font-size: 10px; }
p.copynote { margin: 10px 0; }
span.copynote { display: block;  width: 85%;  margin: 5px; }
p.copynote em { font-style: normal; font-weight: bold; }

.drop { margin-bottom: 14px; }

/*
grid_x to get the container width and float
suffix_x padding-right \ goes after
prefix_x padding-left \ goes first
FOR NESTED
alpha \ remove left margin
omega \ remove right margin
push & pull \ content first than markup

-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

*/