* {
  margin:0;
  padding:0; 
} 

body {
  background:#fcfdfe url("/images/bg_body.jpg");
  font-family:'Courier New', Courier, monospace;
  /*text-align:center;*/
}

h1, h2, h3 {
  font-family: Courier;
  color: #415773;  
}
/*******************************************************************************
  MAIN LAYOUT
*******************************************************************************/
#wrapper {
  width:980px;
  /*margin:0 auto;
  text-align:left;*/
}

#wrapper-in {
  padding-left:105px;
}

#header {
  height:245px;
  position:relative;
}

#content {
  margin:20px 0;
}

  #left-col-home {
    width:405px;
    float:left;
  }
  
  #right-col-home {
    width:375px;
    float:right;
  }
  
  #left-col {
    width:574px;
    float:left;    
  }
  
  #right-col {
    width:225px;
    float:right;
  }

.inner {
  margin-left:20px;
}

#footer {
  background-image:url("/images/opacity_10.png");
  position:relative;
  border-top:1px dotted #d59cb0;
  border-bottom:1px dotted #d59cb0;
  font-family: Arial, sans-serif;
  height:175px;
} 

#footeropacity {
  display: none;
}

* html #footer {
  background-image:none;
}

* html #footeropacity {
  background:#9f3453;
  display:block;
  filter:alpha(opacity=10);    
  position:absolute; top: 0; left: 0;
  z-index:-1;  
  width:100%; 
  height:175px;  
} 

/* Typography */
#content p, #content div.pagination { font-size:12px; margin:1.5em 0; color:#544915; }
#content p a, #content li a { color:#544915; }
#content p a:hover, #content li a:hover { background-color:#544915; color:#fff; text-decoration:none; }
#content li { font-size:12px; color:#544915; }
#content ul, #content ol { margin:1em 0 1em 30px }

/*******************************************************************************
  HEADER
*******************************************************************************/
#logo {
  position:absolute;
  left:-39px; top:0;
}

#btn_submit-dream, #btn_submit-dream span {
  width:267px; height:57px;
  display:block; overflow:hidden;
/*  position:absolute; cursor:pointer;  
  top:20px; left:218px;
*/}

#btn_submit-dream span {
  left:0; top:0;
  background:url("/images/btn_submit-dream.jpg") no-repeat;
}

#btn_buy-notepad, #btn_buy-notepad span {
  width:87px; height:126px;
  display:block; overflow:hidden;
  position:absolute; cursor:pointer;  
  top:11px; left:780px;
}

#btn_buy-notepad span {
  left:0; top:0;
  background:url("/images/btn_buy-notepad.jpg") no-repeat;
}

#menu {
 height:64px;
 position:absolute;
 left:-19px; top:159px;  
}

#menu li {
 height:64px;
 float:left;
 position:relative;
 list-style:none;
 font-size:80%; 
}
#menu a {
  visibility: hidden;
}
#menu a span {
  visibility: visible;
}

#menu a, #menu span {
 display:block;
 height:64px;
 overflow:hidden;
 position:absolute;
 left:0; top:0;
 z-index:0;
 color:#000;
}

#menu span {
 cursor:pointer;
 cursor:hand;
}

#menu span.active {
 cursor:default;
}

#menu li#nav-submit, li#nav-submit a, li#nav-submit span  { width: 140px; }
#menu li#nav-read, li#nav-read a, li#nav-read span { width:160px; }
#menu li#nav-mydrapno, li#nav-mydrapno a, li#nav-mydrapno span { width:160px; }
#menu li#nav-signout, li#nav-signout a, li#nav-signout span { width:140px; }
#menu li#nav-signin, li#nav-signin a, li#nav-signin span { width:135px; }
#menu li#nav-about, li#nav-about a, li#nav-about span { width:113px; }

#nav-submit span { background:url("/images/navSubmit.gif") no-repeat; }
#nav-read span { background:url("/images/navRead.gif") no-repeat; }
#nav-mydrapno span { background:url("/images/navMyDrapno.gif") no-repeat; }
#nav-signout span { background:url("/images/navSignout.gif") no-repeat; }
#nav-signin span { background:url("/images/navSignin.gif") no-repeat; }
#nav-about span { background:url("/images/navAbout.gif") no-repeat; }

/*#menu a:hover span, #menu span.active {
  background-position: left bottom
}*/

#menu a:hover {
 color: #fff;
/* background:#000;*/
}


/*******************************************************************************
  LEFT COLUMN
*******************************************************************************/
#h_submit-dream { padding:5px 10px; font-size:100%; }
#h_submit-dream, #h_submit-dream span { width:355px; height:37px; }
#h_submit-dream span { background:url("/images/h_submit-dream.gif") no-repeat;}

#h_read-dreams { padding:5px 10px 0 20px; font-size:100%; }
#h_read-dreams, #h_read-dreams span { width:254px; height:35px; }
#h_read-dreams span { background:url("/images/h_read-dreams.gif") no-repeat;}

#h_view-dreams { padding:5px 10px 0 20px; font-size:100%; }
#h_view-dreams, #h_view-dreams span { width:355px; height:37px; }
#h_view-dreams span { background:url("/images/h_view-dreams.gif") no-repeat;}

#h_my-drapno { padding:5px 10px 0 20px; font-size:100%; }
#h_my-drapno, #h_my-drapno span { width:355px; height:37px; }
#h_my-drapno span { background:url("/images/h_my-drapno.jpg") no-repeat;}

#h_submitadream { padding:5px 10px 0 20px; font-size:100%; }
#h_submitadream, #h_submitadream span { width:355px; height:37px; }
#h_submitadream span { background:url("/images/h_submitadream.gif") no-repeat;}


#btn_submit-my-dream { margin-left:20px; text-align:right; }
#btn_submit-my-dream strong { display:block; padding:20px 20px 0 20px;}
#btn_submit-my-dream, #btn_submit-my-dream span { width:271px; height:71px; cursor:pointer; }
#btn_submit-my-dream span { background:url("/images/btn_submit-dream.gif") no-repeat; }
#content a#btn_submit-my-dream:hover { background-color:transparent; }

.dreams-nav { font-size:12px; }
.dreams-nav,
.dreams-nav a { color:#90304c; }
.dreams-nav a:hover { background-color:#90304c; color:#fff; text-decoration:none; }

#latest-dreams {
  background-color:#faf9fb;
  border:1px solid #cd6e8d;
  padding:12px;
  margin:25px 0;
}

#left-col h2,
#right-col h2 { 
  color:#00b9c1;
  font-size:18px;  
  margin:0.5em 0 0.2em 0;
}

#right-col h2 span {
  color:#90304c;
}

#h_personal-info {
  width:250px; 
  float:left;
}

#privacy {
  float:right;
  text-align:right;
  width:250px;
  margin-top:1em;
  font-size:13px;
  color:#90304c;  
}

/* .tab1 */
table.tab1 { margin: 1em 0 02 0; clear:both; }

.tab1 td,
.tab1 th { 
  font-size:12px;
  padding:3px 5px;
  color:#90304c;  
} 

.tab1 td a {
  color:#206b94;
}

.tab1 td a:hover {
  background-color:#206b94;
  color:#faf9fb;
  text-decoration:none;
}

/* .tab2 */
table.tab2 { }
.tab2 th { width:100px; text-align:left; }
.tab2 span { color:#206b94; }

button.save-changes {
  width:177px;
	height:57px;
	background:url("/images/btn_save-changes.gif") no-repeat;
	border:0;	margin:0 0 0 8px;		
  cursor:pointer;
	_cursor:hand;
}

button.save-changes span {
	position:absolute;
	left:-3000em;
	margin:0; padding:0;
}

/* Submit my dream */
form#submitdream table { width:100%; }
form#submitdream textarea { width:515px; }
form#submitdream textarea#tags { width:100%; }
form#submitdream td { vertical-align:top; }
#content form#submitdream p { margin:0.5em 0;  color:#90304c; }
#content form#submitdream a { color:#206b94; }
#content form#submitdream a:hover { background-color:#206b94; color:#fff; text-decoration:none; }

#content form#submitdream label {
  display:block;
  margin-bottom:0px;
}

button.submit-dream {
  width:272px;
	height:57px;
	background:url("/images/btn_submitadream.gif") no-repeat;
	border:0;	margin:0 0 0 8px;		
  cursor:pointer;
	_cursor:hand;
	float:right;
}

button.submit-dream span {
	position:absolute;
	left:-3000em;
	margin:0; padding:0;
}


/*******************************************************************************
  RIGHT COLUMN
*******************************************************************************/
#h_introduction,
#h_my-network,
#h_tagyourdream { padding:5px 10px 0 20px; font-size:100%; }

#h_introduction, #h_introduction span,
#h_my-network, #h_my-network span,
#h_tagyourdream, #h_tagyourdream span { width:221px; height:33px; }

#h_introduction span { background:url("/images/h_introduction.gif") no-repeat;}
#h_my-network span { background:url("/images/h_my-network.gif") no-repeat;}
#h_tagyourdream span { background:url("/images/h_tagyourdream.gif") no-repeat;}

#content ul.mynetwork { 
  list-style:none;
  margin-left:20px; 
}

#content .mynetwork a { color:#206b94; }
#content .mynetwork a:hover { background-color:#206b94; color:#fff; text-decoration:none; }

#right-col .inner h2 { margin-top:1.5em; }

/* Calendar */
#calendar {
  font-family: Arial, sans-serif;
  font-size:12px;
  border:1px solid #c5c2b0;
  width:183px;
}

#calendar td {
  text-align:center;
  border:1px solid #ededed;
  background-color:#fff;
  padding:2px 0;
  color:#bebdbc;
}

#calendar td.month, #calendar td.prev_month, #calendar td.next_month { background-color:#c3cee7; }
#calendar td.month { color:#2e3e9f; }
#calendar td.weekday { background-color:#8496c5; color:#fff; }
#calendar td.weekend { background-color:#b3c3e3; color:#fff; }
#calendar td a { color:#000; }
#calendar td a:hover { text-decoration:none; }

#calendar td.now { border:1px solid #0d0e7e;  }
#calendar td.now,
#calendar td.future { background-color:#e7eff7; color:#2f3285;} 

#calendar a.my-dream { background-color:#e3b3d9; display:block; border:1px solid #c14167; }
#calendar a.dreamiappear { 
  background-color:#e7eff7; 
  display:block; 
  border:1px solid #0d0e7e; 
  color:#2f3285; 
}
#calendar .now a.dreamiappear { border:0; }
#calendar a img { border:0; }
#content #calendar-legend { margin-top:15px; color:#000; font-weight:bolder; font-size:13px; }
.legendbox { margin:0.5em 0; }
.legendbox img {
  width:20px;
  float:left;  
  margin-right:10px;
}

.legendbox span {
  display:block;
  width:160px;
  float:left;
}

/*******************************************************************************
  FOOTER
*******************************************************************************/
#footer #first { margin-left:100px; }
#footer #last { margin-right:0; }
#footer-in { background:url("/images/drapno-1965.gif") 5px 100% no-repeat; height:170px; overflow:hidden; }
.footer-box { width:160px; margin:20px 25px 0 0; float:left; display:inline; }
.footer-box h4 { font-size:80%; color:#9f3453; }
.footer-box ul { list-style:none; font-size:80%; margin: 0.5em 0 20px 0; }
.footer-box a { color:#4f4045; }
.footer-box a:hover { background-color:#4f4045; color:#fff; text-decoration:none; }


/*******************************************************************************
  MISC
*******************************************************************************/
.noscreen {
  position:absolute;
  top:0; left:-3000px;
}

hr { display:none; }

.ir, .ir span {
  display:block; overflow:hidden;
  position:relative;
  margin:0; padding:0;
}

.ir span {
  position:absolute;
  left:0; top:0;
}

#content .blue,
#content .blue p,
#content .blue li { color:#00b9c1; }

#content .purple,
#content .purple p,
#content .purple li { color:#90304c; }

p.error, p.ok { 
  border:1px solid #f50c1c;
  text-align:center;
  padding:8px;
  background:#fcccbc;  
}

p.ok {
  border-color:#076117;
  background:#c4ffce;
}

.clearall { clear:both; }

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

.clearfix {display:inline-block;}

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

.clearfix {
  display:block;
}
/* End hide from IE-mac */
div.fieldWithErrors {
  background-image: url(/images/error-arrow.png);
  background-repeat: no-repeat;
  background-position: top left;
  clear: none;
}
div.fieldWithErrors * {
  border: 3px solid #f50c1c;
/*  margin-left: 35px;  */
}
div.fieldWithErrors span {
  border: none;
  margin: 0px;
}
div.fieldWithErrors label {  
  background: white;
  padding-left: 5px;
  margin-left: 0px;
  width: 140px;
}
div.fieldWithErrors input, div.fieldWithErrors select {
  margin-top: 20px;
}
a.subscribe {
  background-image: url(/images/feed-icon-14x14.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
}

input[type="submit"] {
	height: 22px;
	width: 107px;
	font-family: Courier, sans-serif;
	font-size: 12px;
	color: #000;
	text-shadow: 0px -1px 0px rgba(70,70,70,0.3);
	border: none;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-image: url(/images/button_bg_small.gif);
	background-color: transparent;
	text-align: center;
}
input[type="submit"]:hover {
	background-image: url(/images/button_bg_small_rollover.gif);
}
.large-buttons input[type="submit"] {
  height: 36px;
	width: 179px;
  background-image: url(/images/button_bg.gif);
  	padding-left: 15px;
}
.large-buttons input[type="submit"]:hover {
	background-image: url(/images/button_bg_rollover.gif);
}
.float-buttons input {
  float: left;
}
p.checkbox input {
  float: right; 
  margin-right: 3em;
}
p.example {
  color: #544915;
}

  #tag-cloud-space ul {
    list-style: none;
  }
    #tag-cloud-space ul li {
      float: left;
      margin-right: 1em;
    }
    #tag-cloud-space ul li.level-1 {
      font-size: 80%;
    }
    #tag-cloud-space ul li.level-2 {
      font-size: 95%;
    }
    #tag-cloud-space ul li.level-3 {
      font-size: 110%;
    }
    #tag-cloud-space ul li.level-4 {
      font-size: 125%;
    }
    #tag-cloud-space ul li.level-5 {
      font-size: 140%;
    }
#flash {
  margin-bottom: 1em;
}

.inline-delete, .inline-delete form, .inline-delete form div {
  display: inline;
}
.inline-delete form input, .inline-delete form input:hover {
  background-image: none;
  color: #206B94;
  text-decoration: underline;
  width: auto;
  font-style: normal;
  cursor: pointer;
  height: 14px;
}
.inline-delete form input:hover  {
  background-color:#206b94;
  color:#faf9fb;
  text-decoration:none;
}
td.dream-actions {
  width: 180px;
}
td.dream-actions a {
  text-decoration: none;
  font-weight: bold;
}
.hint {
  font-style: italic;
}