/* ------------------------------------------------------------------------------------------------------------------------------ CSS RESET -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}

/* ------------------------------------------------------------------------------------------------------------------------------ Global: HTML -- */
body	{font-family:Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; background:#fff; font-size:1em; background-image:url('../images/bg.jpg'); background-repeat:repeat-x}

h1 	{font-size:46px; margin:22px 0 22px 0; padding:0; font-weight:normal; letter-spacing:-1px; text-shadow:1px 1px 1px #ccc; color:#333}
h2	{font-size:38px; margin:0 0 22px 0; padding:0; font-weight:bold; color:#333; line-height:1.2em}

h2#home	{color:#cc3300; font-size:42px; letter-spacing:-2px}
h2 strong	{color:#cc3300}
h3 		{color:#006699; font-size:21px; font-weight:normal; line-height:1.3em; margin:44px 0 16px 0; padding:0}
h3 em	{font-size:14px; color:#666}
h4 		{color:#000; font-size:21px; font-weight:normal; line-height:1.3em; margin:0; padding:22px 0 0 0}
h5 		{color:#666; font-size:18px; font-weight:normal; line-height:1.3em; margin:36px auto}


blockquote	{margin:30px 0; border-width:1px 0; border-style:solid; border-color:#ccc; padding:22px}


img	{padding:0; margin:0; border:none}
img.download {width:400px; margin:8px 0}
strong {}
a	{text-decoration:none; color:#006699; border-bottom:1px dotted #006699; padding:0 0 2px 0}
p		{margin:5px 0 10px 0; line-height:1.8em; color:#333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
p.end	{margin:5px 0 40px 40px}
p span {color:#E26243; margin:0 8px 0 22px; font-size:16px; display:inline}


div.hr {height:50px; background: #fff url('../images/hr.png') no-repeat scroll center; margin:22px 50px}
div.hr hr {display:none}

/* ------------------------------------------------------------------------------------------------------------------------------ Global ext: list styles -- */
ul	{margin:0px; padding:3px; list-style:none}
li	{margin:0px; padding:0; list-style:none; line-height:2.2em}
ul.bullet				{margin:0 0 0 40px; padding:0 0 20px 0; list-style:disc !important}
ul.bullet li			{padding:1px 3px; margin:0 0 0 20px; font-size:0.85em; list-style:disc !important}


/* ------------------------------------------------------------------------------------------------------------------------------ Useful text classes -- */
.txt-green { background:#77AC46; color:#fff; padding:1px 4px; font-style:normal}
.txt-grey { color:#999; padding:1px 4px}
/* ------------------------------------------------------------------------------------------------------------------------------ Useful -- */
.clearfloat 			{clear:both; height:11px; font-size:0; display:block}
.clearfloat-tall		{clear:both; height:80px; font-size:0; display:block}

/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure ! -- */
#page-container {background:transparent; width:980px; margin:0 auto 0 auto} 
#placeholder 	{padding:0}

/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: page effect -- */
#page-top 	{padding:0; margin:0; background-image:url('../images/page-top.gif'); background-position:center top; background-repeat:no-repeat; background-color:none; height:60px}
#page-top-home 	{padding:0; margin:0; background-image:url('../images/page-top-home.png'); background-position:center top; background-repeat:no-repeat; background-color:none; height:100px}
#page-top-contest 	{padding:0; margin:0; background-image:url('../images/page-top-contest.gif'); background-position:center top; background-repeat:no-repeat; background-color:none; height:120px}
#page-top-definition 	{padding:0; margin:0; background-image:url('../images/page-top-definition.gif'); background-position:center top; background-repeat:no-repeat; background-color:none; height:120px}
#page-mid 	{background-image:url('../images/page-mid.gif'); background-position:center top; background-repeat:repeat-y; background-color:none; min-height:520px}
#page-foot	{background-image:url('../images/page-foot.gif'); background-position:center bottom; background-repeat:no-repeat; background-color:none; height:44px; padding:0; margin:0; clear:both}

/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: elements -- */
#header-container {width:100%; margin:0; padding:0}
#header	{width:980px; padding:0; margin:50px auto 50px auto; font-size:1.3em; clear:both; display:block; height:160px}
#header #left	{}
#header #left img	{margin:0; padding:0}
#header #right	{float:right; width:580px}
#header #right strong#title	{padding:0; height:80px; margin:10px 20px 0 0; width:580px; float:right; font-size:47px; color:#333; text-align:center; letter-spacing:-2px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}

/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: navigation -- */
ul#navigation	{float:right; margin:0 20px 0 0; border-width:1px 0; border-style:dotted; border-color:#ccc; text-align:center; padding:0; width:580px}
ul#navigation li	{display:inline; text-transform:uppercase; font-size:26px; padding:0 24px; text-align:center}
ul#navigation li a:link,
ul#navigation li a:visited	{color:#333; border:none}
ul#navigation li a:hover	{color:#0099FF}


/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure -- */
#core 					{padding:0; width:940px; margin:0 auto}
#core #full 			{padding:0 20px}
#core #left				{width:570px; float:left; padding:0 0 0 20px}
#core #left .content 	{}
#core #right 			{width:300px; float:right}
#core #right .content 	{padding:10px}
#core #right a,
#core #right a:visited 	{color:#0099cc; border-bottom:none}
#core #right a:hover 	{border-bottom:none; padding:0 0 2px 0}

#core.videos	{padding:20px !important; margin:0 auto; text-align:center}


#footer-container {width:910px; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif} 
#footer-container a {border:none}
#footer-container #addthis {margin:20px 0; font-size:12px; margin:0 auto; width:320px; height:40px}
#footer 	{padding:0; margin:0 auto 60px auto; clear:both; text-align:center; border:none; background:none; position:relative; color:#888; font-size:10px}



/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: elements -- */
#contesto			{margin:60px 0 180px 0}
#contesto p 		{clear:both; border-top:1px dotted #ccc; padding:20px 0 0 0}
#contesto p span 	{display:block; width:410px; float:right; margin:0 0 22px 0; color:#000; line-height:1.8em; font-size:13px}
#contesto p strong 	{display:block; width:140px; float:left; margin:0; padding:0; color:#006699; font-size:18px; font-weight:normal; line-height:1.3em;}
#contesto p em	{ font-weight:bold; font-style:normal}
#contesto p small	{padding:2px 4px; background:#666; text-transform:uppercase; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; margin:0 4px 0 0; font-size:11px}


/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: elements -- */
.flag		{background-image:url('../images/title.gif'); background-repeat:no-repeat; background-color:transparent; padding:0; margin:40px 0 10px 0; height:65px}
.flag-l		{background-image:url('../images/title2.gif'); background-repeat:no-repeat; background-color:transparent; padding:0; margin:0 0 10px 0; height:100px}
h6	{height:25px; line-height:1.2em; margin:0; padding:4px 0px 20px 44px; color:#fff; font-size:30px; letter-spacing:-0px; font-weight:normal; text-shadow:1px 1px 1px #000; background-color:#cc3333}
h6#flag-challenge	{background-color:#cc3333; text-align:center; font-size:44px; height:40px; padding:10px 0 30px 0}
h6#flag-publish		{background-color:#666; width:90%}
h6#flag-winners		{background-color:#cc3333; width:40%}

/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: definition -- */
#definition {background:#eee; border:8px solid #646464; width:800px; min-height:600px; margin:0 auto 100px auto; padding:60px 0}
#definition #content {width:550px; margin:0 auto}
#definition #content h3 { margin:44px 0 0 0}
#definition #short {border-width:2px 0; border-style:dashed; border-color:#ccc; padding:20px 0; margin:0 0 80px 0}
#definition #short h3 {margin:0}

/* ------------------------------------------------------------------------------------------------------------------------------ ! Structure: attention box -- */
#attention {border:2px dotted #ccc; padding:22px; margin:33px 0; background:#fff; width:550px}
#attention h2	{font-size:22px; margin:10px 0 0 0}
#attention p	{font-size:12px; margin-left:22px; margin-bottom:22px}
#attention p.summary	{font-size:17px; color:#333; line-height:1.6em; font-family:Arial, Helvetica, sans-serif; margin:5px 0 10px 0}
#attention ul {margin:0 0 0 16px}
#attention ul li {list-style:disc; margin:20px 0}
#attention ul li p {margin:0 0 0 12px; padding:0}

#btn-definition {padding:120px 0 0 0; float:left}
#btn-write	{margin:11px auto}
#btn-publish	{margin:0px auto}

.paddedlink {border-width:1px 0; border-style:dashed; border-color:#ccc; margin:30px 0 0 0; padding:20px}
.paddedlink a:link,
.paddedlink a:visited	{font-size:32px; border:none}
.paddedlink a:hover		{color:#0099cc}
.paddedlink .text {width:330px; margin:30px 0 0 0; float:right}



#twitter-box 	{margin:22px 0 0 0}
#twitter-box p 	{line-height:1.5em !important; font-size:11px}
#twitter-box a:link,
#twitter-box a:visited	{border:none}
#twitter-box a:hover	{}
