/*
  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version:2.5.0
  reset, fonts, and base
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:0 0 20px;}ol,ul,dl{margin-left:35px;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:20px;}th,td{padding:5px;}th{font-weight:bold;}caption{margin-bottom:5px;text-align:center;}
	
/**
 * REDECLARATIONS
 */
html               {background:#131313 url(/images/background.jpg) no-repeat fixed 50% 0; color:#ccc;}
body               {font:12px/22px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#999; padding:45px 25px; text-shadow:rgba(0,0,0,0.5) 0 1px 1px; -webkit-text-stroke:1px transparent; background:#131313 url(/images/background.jpg) no-repeat fixed 50% 0;}

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

a                  {text-decoration:none; color:#95E572;}
a.songtitle               {color:#BBB; text-shadow:rgba(0,0,0,0.5) 0 1px 1px; -webkit-text-stroke:1px transparent;}
a.playlisttitle               {color:#BBB; text-shadow:rgba(0,0,0,0.5) 0 1px 1px; -webkit-text-stroke:1px transparent; display: block;}
a:hover            {border-bottom:1px dotted #95E572; text-decoration:none;}
a img              {border:none;}
sup,sub            {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup                {bottom: 1ex;}
sub                {top: .5ex;}

#wrapper           {width:940px; margin:0 auto;}
header             {width:140px; float:left; padding:0 20px 0 0;}
section            {width:770px; float:left; padding:3px 0 0; margin:0 0 0 0;}
aside              {width:180px; float:right; padding-top:10px;}
footer             {display:block; clear:both; width:780px; margin:0 0 0 160px; padding:30px 0 0; color:#999; color:rgba(255,255,255,0.6);}
#navigation {width: 100%; text-align: right; }

header ul          {margin:0; padding:0; width:140px;}
header ul li       {list-style:none; background:none; margin:0; padding:0;}
header ul a        {display:block; font-weight:normal; height:36px; width:140px; background:url(images/nav.png) no-repeat; text-indent:-9999px; overflow:hidden;}
header ul a:hover  {border:none;}
li#nav-home           {margin-bottom:20px;}
li#nav-home a         {height:48px; background-position:-10px 0;}
li#nav-what-we-do a   {background-position:-10px -81px;}
li#nav-our-writing a  {background-position:-10px -117px;}
li#nav-who-we-are a   {background-position:-10px -153px;}
li#nav-hire-us a      {background-position:-10px -189px;}

li#nav-home a:hover         {background-position:-150px 0;}
li#nav-what-we-do a:hover   {background-position:-150px -81px;}
li#nav-our-writing a:hover  {background-position:-150px -117px;}
li#nav-who-we-are a:hover   {background-position:-150px -153px;}
li#nav-hire-us a:hover      {background-position:-150px -189px;}

li#nav-home.current a         {background-position:-290px 0;}
li#nav-what-we-do.current a   {background-position:-290px -81px;}
li#nav-our-writing.current a  {background-position:-290px -117px;}
li#nav-who-we-are.current a   {background-position:-290px -153px;}
li#nav-hire-us.current a      {background-position:-290px -189px;}

header ul li.current ul li a     {height:auto; text-indent:0; text-align:right; color:#999; font-size:11px; padding-right:32px; width:auto; font-weight:normal; line-height:1.8;}
header ul li.current ul li.current a {color:#fff;}

h1                 {font-size:30px; letter-spacing:-1px; color:#fff; margin:0 0 23px;}
h1 em              {color:#8EBFF7;}

h2                 {font-size:21px; letter-spacing:-1px; color:#fff; margin:0 0 20px;}
div.article h2     {color:#8EBFF7;}

h3                   {color:#fff; margin:0 0 10px;}
div.post_preview h3  {margin:0;}
div.preview h3 a     {color:#fff;}
ul h3                {margin:0;}

aside strong       {color:#ccc;}
strong             {color:#efefef;}

div.meta           {font-size:12px; color:#999; padding:5px 10px; margin:0 0 20px; background:rgba(0,0,0,0.25); -webkit-border-radius:6px;}
div.resources li   {font-weight:bold; margin:0 0 3px;}

ul                 {margin:0 0 20px; padding:0;}
ul li              {margin:0 0 8px; padding:0 0 0 20px; list-style:none; line-height:1.5;}
ul li a            {font-weight:bold;}

.article ul li      {background-position:5px 10px;}
.sessions li        {font-size:12px; margin-bottom:8px; color:#999;}
.sessions li strong {display:block; font-size:16px; color:#fff;}

div.hr             {width:100%; height:30px; margin:0 0 25px; background:url(images/hr.png) no-repeat center;}

div.previews       {padding:20px 20px 15px 0; margin:0 0 30px; width:540px; float:left; font-size:12px; line-height:17px; background:rgba(0,0,0,0.25); -webkit-border-radius:8px; -moz-border-radius:8px;}
div.preview            {width:116px; margin:0 0 0 19px; float:left;}
div.preview span.title {margin:0 0 3px; font-weight:bold; color:#fff;}
div.preview span.text  {margin:0; color:#999; padding:0; display:block;}
div.preview img        {margin:0 0 8px; opacity:0.7}
div.preview a          {display:block;}
div.preview a:hover     {border:none;}
div.preview a:hover img {opacity:1;}
div.preview a:hover span.title {border-bottom:1px dotted #95E572;}

div.who-we-are                 {margin-bottom:0;}
div.who-we-are div.preview     {width:250px; margin-left:20px}
div.who-we-are div.preview img {float:left; margin:0 15px 0 0;}
div.who-we-are div.preview h3  {margin-bottom:0;}

div.sectioned      {width:100%; float:left; position:relative; padding-bottom:30px; margin-bottom:30px;}
div.resources      {width:270px; float:left;}
div.harmony        {width:270px; float:right; background:url(images/harmony_bug.png) no-repeat;}
div.harmony h3     {display:none;}
div.harmony p      {margin:42px 0 0 107px;}
div.sectioned div.meta_link {position:absolute; bottom:0; width:270px;}
div.sectioned div.meta_link a {margin:0;}
div.meta_link a    {color:#999; font-size:12px; display:block; font-weight:bold; padding:5px 10px; background:rgba(0,0,0,0.25); -webkit-border-radius:6px; text-align:center; margin-bottom:25px;}
div.meta_link a:hover {border:none; background:rgba(0,0,0,0.4);}
div.meta_link a strong {color:#fff;}

table              {width:100%; border-collapse:collapse; margin:0 0 20px; background:rgba(0,0,0,0.1); -webkit-border-radius:8px; -moz-border-radius:8px;}
table th           {padding:5px 15px; background:rgba(0,0,0,0.2);}
table th:first-child {-webkit-border-top-left-radius:8px; -moz-border-radius-topleft:8px;}
table th:last-child  {-webkit-border-top-right-radius:8px; -moz-border-radius-topright:8px;}
table td           {border-top:1px solid #666; border-color:rgba(255,255,255,0.05); padding:5px 15px;}

div.article        {font-size:15px; color:#ccc; line-height:0.5em; padding:20px 25px 1px; background:rgba(0,0,0,0.25); -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom:20px; margin-left:5px; width: 25%; float: left;}
div.article pre    {margin:0 0 20px; background:rgba(0,0,0,0.25);}
div.article img    {border:1px solid #333; border-color:rgba(0,0,0,0.8); padding:4px; background:rgba(255,255,255,0.2); float:right; margin:0 0 15px 25px; max-width:500px;}
div.article p.styled img {border:none; background:none; padding:0;}
div.article p.small {float:right; margin:5px 0 20px 25px;}
code               {background:rgba(0,0,0,0.25);}
div.article pre code {background:none; font-size:12px; padding:15px 20px; display:block; overflow-x:auto; overflow-y:hidden;}
div.article aside    {margin-right:-245px; color:#999; padding-top:0; font-size:13px; line-height:25px;}

div#comments ul li       {padding:0; background:none; clear:both;}
div#comments div.author  {float:right; margin-right:-220px; width:180px;}
div#comments div.author .author {display:block;}
div#comments div.author .date   {font-size:11px; color:#999; font-weight:normal;}
div#comments div.avatar img  {float:left; margin-left:-85px; border:1px solid #333; border-color:rgba(0,0,0,0.8); padding:4px; background:rgba(255,255,255,0.2); -webkit-border-radius:3px; -moz-border-radius:3px;}
div#comments div.comment {font-size:15px; color:#ccc; line-height:25px; padding:20px 25px 1px; background:rgba(0,0,0,0.25); -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom:40px;}
div#comments div.comment.admin {background:rgba(255,255,255,.1);}

div.portfolio-entry       {margin-bottom:40px; min-height:400px;}
div.portfolio-description {float:right; margin-right:-220px; width:180px;}

#new_comment .instructions {float:left; margin-left:-180px; width:140px;}
#new_comment .comment textarea {width:98%; height:190px; font-size:15px;}
#new_comment .author       {float:right; margin-right:-220px; margin-top:-20px; width:180px;}
#new_comment .author label {display:block; font-weight:bold;}
#new_comment .author input {width:176px; font-size:15px; margin-bottom:15px;}
#new_comment .author input[type=submit] {color:#fff; font-size:12px; display:block; font-weight:bold; padding:5px 10px; background:rgba(0,0,0,0.25); -webkit-border-radius:6px; text-align:center; margin:15px 0 0; border:none;}

p                  {margin:0 0 20px;}

#filter_list 
{
	border-bottom: 1px solid #27272a;
	padding: 3px 5px 3px 0px;
	margin: 5px 0;
}

#filter_1
{ 
	display:none; 
}

#filter_3
{ 
	display:none; 
}

#tab_1.active , #tab_2.active, #tab_3.active
{
	color: #cbcbcb;
}

/* for Quiz - START */

.questions {
    border: 2px solid #808080;
    padding: 5px;
}
.site-so .questions {
    background-color: #ffe0c0;
}
.site-sf .questions {
    background-color: #ffc0c0;
}
.site-su .questions {
    background-color: #c0e0ff;
}
.site-meta .questions {
    background-color: #e0e0e0;
}


.question {
    border: 1px solid #b0b0b0;
    margin: 10px 10px;
    background-color: white;
}

.question-title {
    font-size: 1.5em;
}

.receiving {
    background-color: #e0f0ff;
}

.votes-cell {
    float: left;
    padding: 5px;
    width: 80px;
    text-align: center;
    background-color: #f0f0f0;
    margin-right: 5px;
}

.receiving .votes-cell{
    background-color: #c0d0f0;
}

.question-votes {
}

.question-summary-box {
    float: left;
    padding: 5px;
    width: 700px;
}

.question-title {
    color: #6080b0;
}

.tag {
    padding: 10px;
    cursor: move;
    color: #000000;
    text-shadow: none;
    background-color: #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    font-size: 1em;
    margin: 5px;
    float: left;
    -moz-border-radius: 7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.question-tags .tag {
    margin: 8px 4px;
    padding: 4px;
    font-size: 1em;
}

.too-many-tags .tag {
    background-color: #ff0000;
}

.votes {
    font-size: 3em;
    text-align: center;
    background-color: #c0c0c0;
    padding: 10px;
    cursor: move;
    margin: 5px;
    float: left;
}

.question-votes .votes {
    float: none;
    background-color: transparent;
    margin-bottom: 0;
}

.text {
    color: #000000;
    text-shadow: none;
    background-color: #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    padding: 5px;
    margin: 10px;
    cursor: move;
    float: left;
    width: 280px;
    word-wrap: break-word;
    font-size: 1.2em;
}

.question-text .text {
    margin: 10px 0px 0px 0px;
    float: none;
    width: 100%;
}
.reservoir h3 {
    font-weight: bold;
    color: #c0c0c0;
    margin: 0px 5px 5px 5px;
}

.reservoir {
    border: 2px dotted #e0d0c0;
    padding: 5px;
    clear: both;
    margin-top: 10px;
}

.placeholder {
    cursor: none;
    color: #a0a0a0;
}

.clear {
    clear: both;
}

#submit {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #ff8000;
    text-align: center;
    font-size: 4em;
    color: white;
    padding: 30px;
    margin: 20px auto;
    width: 300px;
    cursor: pointer;
    display: none;
}

#submit:hover {
    background-color: #ffc020;
}

#message-wrong {
    font-size: 1.5em;
}

/* for Quiz - END */
#level-menu {
    margin: 10px auto 0px auto;
    padding: 20px;
    border: 2px solid #707070;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 576px;
    text-align: center;
}

#level-menu a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 5em;
}

#level-menu li{
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px 7px 8px 7px;
    margin: 3px 3px;
    float: left;
}


/* for Tooltips */
.tooltip {
	display:none;
	background:transparent;
	font-size:12px;
	/*height:70px;*/
	width:160px;
	/*padding:-20px;*/
	color:orange;	
}