/* ***
nica hope 
stylin styles
copyright eric smith 2008

colors:
dark blue -  20736a
lt blue -    8bd9ca
lt grn -     6ab558
lt lt grn -  b8dfb2
dk grn -     2b7725
brown -      403e34

white -      f7f7f7
black -      171717

*** */


/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption and th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

body { color:#171717; font:normal .8em Arial, Helvetica, sans-serif; background:#403e34; text-align:center; }

a:link, a:visited { color:#20736a; background-color:transparent; text-decoration:none;  }
a:hover, a:active { color:#f7f7f7; background-color:#20736a; text-decoration:none;    }

h1 { font:bold 25px "Trebuchet MS", Georgia, Serif; margin-bottom:10px; color:#403e34;}
h2 { text-transform:uppercase; font:bold 17px "Trebuchet MS", Georgia, Serif; margin-bottom:10px;}
h3 { font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:10px; color:#20736a; line-height:1;}
h4 { text-transform:uppercase; font:bold 13px Arial, Helvetica, sans-serif; margin-bottom:10px; color:#6ab558;}
h5 { font-weight:bold; color:#6ab558; font-size:13px; margin-top:15px; padding-top:10px; border-top:dashed 1px #b8dfb2; }
h6 { font-weight:bold; font-size:11px; }

img {border:none; background-color:transparent;}

ul { list-style:none; margin:0; }
div.repeat{ margin-bottom:10px;}


div.header {position:relative; width:840px; height:100px; margin:0 auto; background:transparent url('../images/header-bkgd.jpg') no-repeat top;}
a#logo {display:block; width:330px; height:100px; position:absolute; top:0; left:0; background:transparent;}
div.menu {text-align:center; width:460px; position:absolute; top:38px; right:76px;}
div.menu a {  padding-bottom:3px; border-bottom:solid 3px transparent;font:bold 19px "Trebuchet MS", Georgia, Serif; margin-left:5px; }
div.menu a:link, div.menu a:visited { color:#f7f7f7; }
div.menu a:hover, div.menu a:active { color:#f7f7f7; border-bottom-color:#f7f7f7; background-color:transparent; }
div.menu a:link .newcolor, div.menu a:visited .newcolor { color:#6ab558; }
div.menu a:hover .newcolor, div.menu a:active .newcolor { color:#6ab558; }

div.translation {position:absolute; bottom:0px; right:0px;}
a.flag, a.flag-cur { display:block; float:right; height:36px; width:37px; background:transparent url('../images/flag-esp.gif') no-repeat top; }
a.flag:hover, a.flag-cur { background-position:bottom; }
a.flag#eng, a.flag-cur#eng {background-image:url('../images/flag-eng.gif') }


div.bkgd{ text-align:left; width:840px; margin:0 auto; background:#6ab558;}
div.top-bar, div.bottom-bar {width:100%; display:block; padding:0px; height:5px; background:#6ab558;}

div.sprouties {margin-left:5px; width:830px; background:#f7f7f7 url('../images/sprouties.jpg') no-repeat bottom left; }
div.gradient {margin:0; width:830px; background:transparent url('../images/gradient.gif') repeat-x top; }

div.content {margin:0 15px; padding:15px 0; width:800px;}

div.left-col {float:left;width:235px;}

div.fabretto {width:233px; margin-bottom:15px; background:transparent url('../images/fabretto.gif') center; height:95px; border:solid 1px #6ab558;}
div.flower {width:73px; height:25px; margin:10px auto 0px; background:transparent url('../images/flower.jpg') center; }


div.color-box {width:100%; margin-bottom:15px; background:#20736a url('../images/blue-box-gradient.jpg') repeat-x top;}
div.color-box-content {margin:0 10px; padding:10px 0; width:215px;}

div.color-box#blue h2 { text-transform:none; margin-bottom:2px; color:#f7f7f7; line-height:1; font-size:16px; text-align:justify;}
div.color-box#blue p {color:#8bd9ca;}
div.color-box#blue a:link,div.color-box#blue a:visited  {color:#f7f7f7;}
div.color-box#blue a:hover,div.color-box#blue a:active  {color:#20736a; background-color:#8bd9ca;}

div.color-box#brown {background:#403e34 url('../images/brown-box-gradient.jpg') repeat-x top;}
div.color-box#brown h2 {color:#f7f7f7;}
div.color-box#brown h4 {margin-bottom:2px;}
div.color-box#brown a:link,div.color-box#brown a:visited  {color:#8bd9ca;}
div.color-box#brown a:hover,div.color-box#brown a:active  {color:#20736a; background-color:#8bd9ca;}


div.color-box#green {background:#2b7725 url('../images/green-box-gradient.jpg') repeat-x top;}
div.color-box#green .repeat {margin-bottom:5px;}
div.color-box#green h2 {color:#f7f7f7; text-transform:none; }
div.color-box#green h4 {margin-bottom:0px;}
div.color-box#green a:link,div.color-box#green a:visited  {color:#f7f7f7;}
div.color-box#green a:hover,div.color-box#green a:active  {color:#f7f7f7; background-color:#403e34;}
div.color-box#green a .date {color:#6ab558;}
div.color-box#green p {color:#b8dfb2;}

div.color-box#white {background:none;}
div.color-box#white h2 { color:#20736a; margin-bottom:2px; line-height:1;}
div.color-box#white p {color:#403e34;}
div.color-box#white a:link,div.color-box#white a:visited  {color:#20736a;}
div.color-box#white a:hover,div.color-box#white a:active  {color:#8bd9ca; background-color:#20736a;}


div.color-box#media {margin-top:15px; background:#8bd9ca url('../images/media-box-gradient.jpg') repeat-x top;}
div.color-box#media div.color-box-content {width:780px}
div.color-box#media h2 {color:#20736a;}
div.color-box#media a {padding:5px; background:#f7f7f7; float:left; margin-right:15px;}
div.color-box#media a.plus {padding:0px; background:transparent url('../images/plus.gif') no-repeat top; width:25px;height:100px;margin-left:10px; }
div.color-box#media a:hover.plus { background:transparent url('../images/plus.gif') no-repeat bottom;}
div.color-box#media a:hover, div.color-box#media a:active {background:#20736a;}
div.media { display:block; position:relative; background:transparent url('../images/media-box-gradient.jpg') center; width:120px; height:90px;}
div.video-icon, div.photo-icon { position:absolute; right:0px; bottom:0px; background:transparent url('../images/photo-icon.gif') center; width:27px; height:23px;}
div.video-icon {width:25px; height:27px; background-image:url('../images/video-icon.gif');}
 
 
 
 
div.right-col {float:left;width:550px; margin-left:15px;}

div.col-header-img { position:relative; background:transparent url('../images/header-img0.jpg') no-repeat top; width:550px; height:288px; margin-bottom:15px;}
div.col-header-img#media { background:transparent;  height:50px;}


div.overlay-box { position:absolute; bottom:0px; width:550px; background:#f7f7f7; filter:alpha(opacity=90);-moz-opacity: 0.9; opacity: 0.9;}
div.overlay-box-content {margin:0 5px; padding:5px 0; }
div.overlay-box-content h1 { letter-spacing:-1px; line-height:1; margin:0px;}
div.overlay-box-content a { text-transform:uppercase; font-weight:bold; font-size:12px;}
div.overlay-box-content a:link, div.overlay-box-content a:visited { color:#6ab558;}
div.overlay-box-content a:hover, div.overlay-box-content a:active { color:#f7f7f7; background:#8bd9ca;}
div.overlay-box-content a.cur:link, div.overlay-box-content a.cur:visited  { color:#20736a; }
div.overlay-box-content a.cur:hover, div.overlay-box-content a.cur:active  { color:#20736a; background:none;}



div.pagecontent p {text-align:justify;}
div.pagecontent h3 {margin-bottom:0px;}
div.pagecontent h4 {margin-bottom:2px;}

div.comment, div.announcement { margin:10px auto; width:85%; padding:10px; background:#e7f7e0; border:dashed 2px #fff; }
div.comment { width:90%; }

div.repeat#profile { padding:3px; background:#fff; border:dashed 2px #b8dfb2; }
#sponsor div.repeat#profile { width:160px; float:left; margin:30px; }
#sponsor div.repeat#profile h4 { width:150px; }


div.profileimg {float:left; width:150px; margin:2px; }
div.profileimg img {padding:2px; background:#6ab558; }

#sponsor div.profileimg {margin:2px auto; float:none; }

div.profileinfo {float:left; width:380px; font-size:90%;}


div.mediabox { margin-left:35px; width:480px; padding:15px 0 10px; background:#fff; border:solid 1px #b8dfb2; }
div.mediaitem {margin-left:15px;}
div.mediainfo {padding:5px 0; width:450px; margin:10px 15px; background:#fff;  }
div.mediainfo h3 {text-align:center; font-size:22px; }
div.mediainfo p {text-align:center; color:#444; padding:10px 15px 5px; }

div.thumbsbox { margin:10px 0; padding:10px 0; background:#e7f7e0; border:dashed 2px #fff; }
div.thumbscontent { margin: 0 5px; }
div.thumbscontent div.media {width:150px; height:100px;margin:3px; border:solid 4px #fff; float:left;}

div.photocol, div.videocol {width:65%; float:left; } 
div.videocol {width:34%;}
/*  ADMIN **************/


div.admin-menu {width:100%; margin-bottom:15px; background:#2b7725 url('../images/green-box-gradient.jpg') repeat-x top;}
div.admin-link {padding:5px; font-weight:bold; }
div.content#admin div.left-col div.admin-menu a.cur, div.content#admin div.left-col div.admin-menu a .highlight{color:#f0f777;}
div.content#admin div.left-col a:link, div.content#admin div.left-col a:visited  {color:#f7f7f7;}
div.content#admin div.left-col a:hover, div.content#admin div.left-col a:active  {color:#6ab558; background:none;}


ul#link-list { display:block; padding:5px; font-weight:bold; background:#6ab558; }
ul#link-list li a { display:block; padding:2px; }

div.content#admin ul#link-list li a:hover, div.content#admin ul#link-list li a:active  {color:#2b7725;}

ul#link-list li.catname { padding:4px 0 2px; font-size:110%; color:#403e34;  }
div.content#admin ul#link-list li.addnew a { background:#f7f7f7; color:#2b7725;}

.imgpreview {margin: 10px 0; }

.form-item {width:50%; float:left;}
.form-item#imgselect, .form-item#commentblogid {width:95%; float:left;}

form#comment, form {
  margin: 0;
  padding: 0;
  font-size: 1em;
  width: 100%;
}
form#comment {
	width:90%; margin:0 auto;
}

form#comment input,form#comment textarea { 
	border:solid 1px #bbb;
	background:#fff;
	width:200px;
	color:#111;
	padding:1px;
}
form#comment textarea { overflow:auto; height:100px; width:100%; }

#admin input,#admin textarea,#admin select{
	border:solid 1px #bbb;
	background:#fff;
	width:260px;
	color:#111;
	padding:1px;

}
#admin textarea {  overflow: auto; height:360px; }

#admin input.inputSubmit, form#comment input.inputSubmit { background:#20736a; color:#fff; }
#admin input.delete { background:#f77777; color:#fff; }
#admin input.number { width:60px; }
#admin input.date { width:100px; }
#admin input.title{font-size:120%;}
#admin input.check {width:15px;}
#admin input#twitter_msg { width:500px; }

ul#sortable_list, div.imgselect { padding:3px; background:#fff; border:dashed 2px #b8dfb2;  font-family: "Trebuchet MS", Georgia, Serif;}
ul#sortable_list li { padding:2px; font-weight:bold;  }
ul#sortable_list li.cur { color:#6ab558; }

div.imgselect img {margin:2px; padding:4px; float:left;}

img.imgselected {background-color: #6ab558; }

.opt {filter:alpha(opacity=30);-moz-opacity: 0.3; opacity: 0.3;}
.opt textarea {height:30px;}


#refreshthis {position:absolute; top:0; left:0; background:#fff; width:100%; height:100%;filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: 0.8; text-align:center;}
#refreshthis h1 {padding-top:200px; }

div#footer { text-align:left; color:#706e64; width:800px; margin: 10px auto; padding:0 0 30px;}
div#footer .goleft a { margin-left:7px; }
div#footer a:link , div#footer a:visited  { color:#706e64; text-decoration:underline;}
div#footer a:hover , div#footer a:active  { color:#f7f7f7; text-decoration:none; background:transparent;}

div#footer a:link .newcolor, div#footer a:visited .newcolor { color:#908e84; }
div#footer a:hover .newcolor, div#footer a:active .newcolor { color:#f7f7f7; }

div.goleft{width:65%; float:left; text-align:left;}
div.goright{width:35%; float:right; text-align:right;}