/********************************************
  AUTHOR:         Erwin Aligam
  WEBSITE:        http://www.styleshout.com/
  TEMPLATE NAME:  Bright Side of Life
  TEMPLATE CODE:  S-0005
  VERSION:        1.0
 *******************************************/

/********************************************
  HTML ELEMENTS
********************************************/

/* top elements */
* { padding: 0; margin: 0; }

body {
  margin: 0;
  padding: 0;
/*  font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif; */
/*  font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif; */
  font: 10pt/1.3em Arial, Helvetica, sans-serif;
  color: #444;
  background: #3d3d3d url(/images/headerbg.gif) repeat-x;
  text-align: center;
}

pre, code {
  font: 10pt/1.3em;
}

/* links */
a {
  color: #4284B0;
  background-color: inherit;
  text-decoration: none;
}
a:hover {
  color: #36AE19;
  background-color: inherit;
  text-decoration: underline;
}

/* headers */
h1, h2, h3, h4 {
  font: bold 1em Arial, Helvetica, Sans-serif;
  color: #333;
}
h1 { font-size: 1.5em; color: #36AE19; } /* #6297BC; } */
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }

p, h1, h2, h3, h4, pre {
  margin: 10px 15px;
}
#main h1 {
  margin-top: 25px;
}
#main h1.first {
  margin-top: 10px;
}
#rightbar h2 {
  margin-top: 20px;
}
ul, ol {
  margin: 10px 30px;
  padding: 0 15px;
/*  color: #4284B0; */
}
ul span, ol span {
  color: #666666;
}

/* images DEPRECATED
img {
  border: 2px solid #CCC;
}
img.no-border {
  border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {
  border: 2px solid #568EB6;
}
a:hover img {
  border: 2px solid #CCC !important; 
  border: 2px solid #568EB6;
}
*/
 
pre code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #4284B0;
}
code {
  color: #333;
  font-size: 110%;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
  margin: 15px;
  padding: 0 0 0 20px;
    background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #4284B0;
  color: #4284B0;
  font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
}

/* form elements */
form {
  margin:10px; padding: 0;
  border: 1px solid #f2f2f2;
  background-color: #FAFAFA;
}
form#login {
  margin: 25px 10px 40px 10px;
  padding: 15px;
}
form#login div {
  display: block;
  clear: both;
}
label {
  display:block;
  font-weight:bold;
  margin:5px 0;
}
#login label {
  width: 40%;
  float: left;
}
input {
  padding: 2px;
  border:1px solid #ddd;
  font: normal 1em Arial, sans-serif;
  color:black;
}
textarea {
  width:300px;
  padding:2px;
  font: normal 1em Arial, sans-serif;
  border:1px solid #ddd;
  height:100px;
  display:block;
  color:black;
}
input.button {
  margin: 0;
  font: bold 1em Arial, Sans-serif;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 2px 3px;
  color: #4284B0;
}
input#button-login {
  margin-left: 40%;
}
input.submit {
  margin: 0.25em;
  float:right;
  font: bold 1em Arial, Sans-serif;
  border: 1px solid #CCC;
  background: #36AE19;
  padding: 5px 6px;
  color: #FFF;
}
fieldset {
  padding:5px;
  border: 1px solid #CCC;
}
fieldset.radio {
  border:0;
  padding:0px;
}
fieldset.radio legend {
  font-weight:bold;
}
fieldset.radio input {
  padding:3px;
}
fieldset.radio label {
  display:inline;
  font-weight:normal;
  color:black;
}
label.checkbox {
  display:inline;
  font-weight:normal;
}

/* status-box */
#header .status-box a {
  background: none;
  float: none;
  padding: 0;
}
form.status-box {
  background: transparent;
  border: none;
  margin: 0; 
  padding: 0;
  color: #777;
}
form.status-box input.textbox {
  margin: 0;
  width: 120px;
  border: 1px solid #36AE19;
  background: #FFF;
  color: #333;
  height: 14px;
  vertical-align: top;
}
form.status-box input.button {
  margin: 0;
  padding: 2px 3px;
  font: bold 12px Arial, Sans-serif;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  color: #777;
  width: 60px;
  vertical-align: top;
}

/* displaying errors */
label.error {
  color: #E44;
}
label.error input {
  border: 2px solid #E44;
}
label.error textarea {
  border: 2px solid #E44;
}
div.error_message {
  color: #E44;
}
.message {
  background: #DFC;
  border: 1px solid #36AE19;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 5px;
}

/***********************
    LAYOUT
************************/
#wrap {
  background: #FFF;
  width: 900px; height: 100%;
  margin: 0px auto;
  text-align: left;
}
#content-wrap {
  clear: both;
  margin: 0; padding: 0;
  background: #FFF;
}

/* header */
#header {
  position: relative;
  height: 85px;
  background: #fff url(/images/headerbg.gif) repeat-x 0% 100%;
}
#header h1#logo {
  background: #fff url(/images/logo.gif) no-repeat left top;
  width: 171px;
  height: 45px;
/*  position: absolute;*/
  margin: 22px 0 0 2px;
  padding: 0;
  font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  text-transform: lowercase;
/*  top: 0; left: 5px;*/
}
#header h1#logo span {
  display: none;
}
#header h2#slogan {
  position: absolute;
  top: 35px; left: 25px;
  color: #666666;
  text-indent: 0px;
  font: bold 15px Tahoma, 'trebuchet MS', Sans-serif;
  text-transform: none;
  font-variant: italic;
}
#header form.status-box {
  position: absolute;
  top: 0; right: -12px;
}

/* main */
#main {
  float: left;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 0;
  width: 45%;
}
#main #logo_list p {
  border-top: 1px solid #e2e2e2;
  padding-top: 15px;
}
#main #logo_list a img,
#main #logo_list a:hover img {
  border: 1px solid #ddd !important;
}
#main #logo_list code {
  font-size: .9em;
}

#header-img {
  background: transparent url(/images/header-hero.png) no-repeat;
  height: 90px;
  width: 900px;
}
.post-footer {
  background-color: #FAFAFA;
  padding: 5px; margin: 20px 15px 0 15px;
  border: 1px solid #f2f2f2;
  font-size: 95%;
}
.post-footer .date {
  background: url(/images/clock.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
  background: url(/images/comment.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
  background: url(/images/page.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}

#bookmarks {
  margin: 0px;
}
#main #bookmarks {
  margin: 10px 15px;
}
#main #bookmarks h3 {
  margin: 5px 10px 0px 0px;
}

#bookmarks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#bookmarks li a {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
#bookmarks li a:hover,
#bookmarks li a img {
  border: none !important;
}
#bookmarks li a img {
  margin-right: 15px;
}
#main img {
  float: left;
}
#bookmarks li p {
  margin: 0;
  padding: 0;
}

/* sidebar */
#sidebar {
  float: left;
  width: 25%;
  margin: 0;  padding: 0;
  display: inline;
}
#sidebar ul.sidemenu {
  list-style:none;
  margin:10px 0 10px 15px;
  padding:0;
}
#sidebar ul.sidemenu li {
  margin-bottom:1px;
  border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
  display:block;
  font-weight:bold;
  color: #333;
  text-decoration:none;
  padding:2px 5px 2px 10px;
  background: #f2f2f2;
  border-left:4px solid #CCC;

  min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
  padding:2px 5px 2px 10px;
  background: #f2f2f2;
  color: #339900;
  border-left:4px solid #36AE19;
}

/* rightbar */
#rightbar {
  float: right;
  width: 25%;
  padding: 0; margin:0;
}
#rightbar p {
  margin: 0 15px 0 0;
  padding: 5px;
}
#rightbar li {
  border-bottom: 4px solid #f2f2f2;
}
#rightbar li a, #rightbar div a {
  display: block;
}
#rightbar h3 {
  margin: 5px 10px 0px 0px;
  font-size: 1.0em;
}
#rightbar .news-item-content p {
  border-top: 0px;
  border-bottom: 4px solid #f2f2f2;
}
#rightbar h1 {
  margin-left: 0px;
}

.news-item-content {
  margin-bottom: 25px;
}


/* -- Footer 
*********************/

#footer {
  background-color: #131313;
  border: 0 none;
  clear: both;  
  float: left;
  color: #777;
  font-size: 12px;
  font-family: Arial,'Lucida Grande',Verdana,Helvetica,Tahoma,Sans-Serif;
  margin: 0 auto;
  width: 100%;
}

#footer ul,
#footer h4,
#footer p {
  padding-left: 19px;
  margin: 0;
}
#footer-actions li a,
#footer-partners li a {
  color: #777;
  background-attachment: scroll;
  background-image: url(http://static.eventful.com/store/about/images/footer_s.gif);
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  text-align: left;
}
#footer #footer-sub a,
#footer p {
  font-size: 0.9em;
}

/* Footer Partners */
#footer-partners {
  padding: 17px 0 21px;
}
#footer-partners h4 {
  color: #FFF;
  font-weight: normal;
  font-size: 1.1em;
  margin-bottom: 3px;
}
#footer-partners ul {
  padding-left: 20px;
}
#footer-partners li {
  display: inline-block;
  float: left;
  height: 25px;
  margin-right: 33px;
}
#footer-partners li a {
  text-indent: -9999px;
}
#fp_mtv a {
  background-position: 0 0;
  width: 117px;  
}
#fp_cmt a {
  background-position: -150px 0;
  width: 57px;
}
#fp_nm a {
  background-position: -241px 0;
  width: 40px;
}
#fp_sw a {
  background-position: -315px 0;
  width: 108px;
}
#fp_wts a {
  background-position: -458px 0;
  width: 120px;
}
#fp_nm, 
#fp_wts {
  margin-left: 2px;
}

/* Footer subnav */
#footer #footer-sub {
  border-top: 1px solid #515151;
  margin: 0 20px;
  padding: 19px 0px 11px 0px;  
}
#footer-sub li {
  border-left: 1px solid #777;
  display: inline;
  font-size: 11px;
  padding: 0 12px;
}
#footer-sub li.first {
  border-left: 0 none;
  margin-left: -12px;
}
#footer #footer-sub a {
  color: #FFF;
  font-size: 1em;
}

/* Copyright */
#footer p {
  clear: both;
  margin-bottom: 20px;
}

/* Social and feedback */
#footer-actions {
  background-color: #1A1A1A;
  height: 39px;
  position: relative;
}
#footer-actions li,
#footer-actions li a {
  height: 20px;
}

#footer-actions li#fa_facebook a {
  background-position: 0 -52px;
  width: 62px;
}
#footer-actions li#fa_twitter a {
  background-position: 0 -72px;  
  width: 58px;
}
#footer-actions li#fa_feedback {
  position: absolute;
  right: 2px;
  top: 0px;
}
#footer-actions li#fa_feedback a {
  background-position: 0 -92px;
  width: 100px;
}
#footer-actions li {
  display: inline;
  float: left;
}
#footer #footer-actions li a {
  color: #7f7f7f;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 30px;
}
#footer-copyright {
  background-color: #3D3D3D;  
}

/* fix cleaner */
#footer .cleaner {
  font-size: 0;
  height: 0;
  line-height: 0;
}



/* menu tabs */
#header ul {
  z-index: 999999;
  position: absolute;
  margin:0; padding: 0;
  list-style:none;
  right: 0;
  bottom: 6px !important; bottom: 5px;
  font: bold 13px  Arial, 'Trebuchet MS', Tahoma,  sans-serif;
}
#header li {
  display:inline;
  margin:0; padding:0;
}
#header a {
  float:left;
  background: url(/images/tableft_test.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#header a span {
  float:left;
  display:block;
  background: url(/images/tabright_test.gif) no-repeat right top;
  padding:6px 15px 3px 8px;
  color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
  color:#FFF;
}
#header a:hover {
  background-position:0% -42px;
}
#header a:hover span {
  background-position:100% -42px;
}
#header #current a,
#overview #header .overview a,
#do #header .do a,
#tech #header .tech a {
  background-position:0% -42px;
  color: #FFF;
}
#header #current a span,
#overview #header .overview a span,
#do #header .do a span,
#tech #header .tech a span {
  background-position:100% -42px;
  color: #FFF;
}
/* end menu tabs */

/* fix link on header logo */
#header a.go_home {
  background: none;
  padding: 0px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.green { color: #36AE19; }
.gray  { color: #BFBFBF; }

/* method documentation */
#methodmain {
  float: left;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 0;
  width: 70%;
}
#methodmain h1 {
  margin-top: 25px;
}
#methodmain h1.first {
  margin-top: 10px;
}
.box {
  padding: 9px;
  background-color: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #4284B0;
}
pre.box {
  color: #333;
  font-size: 110%;
}
dt {
  font-weight: bold;
  padding-left: 20px;
}
dd {
  margin-bottom: 5px;
  padding-left: 30px;
}
dd li {
  list-style: none;
}
.vartype {
  color: #900;
  font-size: 80%;
  white-space: nowrap;
  margin-left: 8px;
  padding: 1px;
  font-weight: normal;
}
.optional {
  color: #36AE19;
  font-size: 80%;
  white-space: nowrap;
  padding: 1px;
  font-weight: normal;
}
.warning {
  color: #A00;
  font-size: 180%;
}
dd ul li strong {
  color: #000;
  }
ul.methodlist {
  margin-left: 10px;
  padding-left: 5px;
}
ul.methodlist li {
  color: #666666;
  list-style: none;
}
span.key {
  color: #C33;
}
span.value {
  color: #33C;
}

/* signin/register */
#minimain {
  margin-left: 250px;
  margin-bottom: 15px;
  padding: 0;
  width: 40%;
  font-size: 120%;
}
#minimain h1 {
  margin-top: 25px;
}
#minimain h1.first {
  margin-top: 10px;
}
.cleaner {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
}

#form-signin {
  padding: 15px 15px 0px 15px;
}

/* Terms and conditions */
#terms {
  margin-left: 10%;
  padding: 0;
  width: 80%;
}
#terms ol {
  margin: 10px 15px;
	padding-left: 1.5em;
}
#terms h2 {
	font-size: 100%;
	font-weight: bold;
}

.hidden {
  display: none;
}

/* Event preview pages */
#eventlist {
  margin:10px 0 10px 15px;
  list-style: none;
  padding: 0;
}

li.event-item {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  border-top: 1px solid #CCC;
  line-height: 1.4em;
}

#eventlist img.event-image {
  float:right;
}

img.event-image {
  padding: 1px;
}