/*
WHITE: #E8E8E8
PINK: #FF3366
YELLOW: #FFBB44
DARKGRAY: #202020
*/

/*
--------------------------------------------------
	BODY DEFAULTS
--------------------------------------------------
*/

body
{
	background-image: url(gfx/bg.gif);
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.25em;
	color: #E8E8E8;
	text-shadow: #000000 1px 1px 1px;
}
body a:link
{
	color: #FF3366;
	text-decoration: none;
	border: 0;
}
body a:visited
{
	color: #FF3366;
	text-decoration: none;
	border: 0;
}
body a:hover
{
	color: #E8E8E8;
	border: 0;
}
body a:active, body a:focus
{
	outline: none;
}
/* Header. */
h1
{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFBB44;
	border-bottom: 2px dotted #FFBB44;
	margin-top: 0;
	margin-bottom: 1em;
}
h2
{
	text-transform: none;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 1em 2em;
	padding: 0;
	color: #888888;
}
/* Horizontal rule. */
hr
{
	border: 0;
	border-bottom: 2px dotted #FFBB44;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
}
/* Light horizontal rule. */
hr.light
{
	border-bottom: 2px dotted #585858;
}
img
{
	border: 0;
}
a img
{
	border: 0;
}

/*
--------------------------------------------------
	PAGE LAYOUT
--------------------------------------------------
*/

#page
{
	margin: 0 auto;
	padding: 0;
	width: 800px;
}
#header
{
	width: 800px;
	height: 200px;
	margin-bottom: 10px;
}
#header-left
{
	float: left;
	width: 200px;
}
#header-right
{
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	background-image: url(gfx/cog.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 590px;
	height: 100%;
	padding-left: 10px;
	position: relative;
}
#content
{
	width: 770px;
	overflow: hidden;
	margin-bottom: 10px;
}
#content a
{
	margin: 0;
	padding: 0;
	display: inline;
}
#content img
{
	max-width: 100%;
	margin: 0;
}
#content img.left
{
	float: left;
	margin: .5em .5em .5em 0;
}
#footer
{
	text-shadow: #585858 1px 1px 1px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #202020;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5em;
}
#footer a:hover
{
	text-decoration: none;
}
div.block
{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow: 1px 2px 5px #585858;
	background: #202020;
	padding: 15px;
	margin: 0;
}
div.block.dark
{
	-moz-box-shadow: 1px 2px 5px #282828;
	background: #101010;
}
div.block.bottom
{
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
}
#logo
{
	display: inline-block;
	float: left;
	background-image: url(gfx/logo.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	padding: 0;
}
#cog-text
{
	display: inline-block;
	float: right;
	width: 150px;
	height: 150px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2em;
	padding-right: 1.5em;
}
/* Post title bar. */
#title
{
	-moz-border-radius-topright: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-box-shadow: 1px 2px 5px #585858;
	background: #181818;
	text-align: center;
	text-shadow: #000000 1px 1px 1px;
	padding: 1em 0 1em 0;
	font-weight: bold;
	color: #888888;
	margin-bottom: 0;
}
#content #title
{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 1px 1px 1px #000000;
}
a #title:link {}
a #title:hover
{
	background: #101010;
}
/* Title header. */
#title h1
{
	font-size: 20px;
	color: #FF3366;
	padding: 0;
	margin: 0;
	border: 0;
}
a #title:hover h1
{
	color: #E8E8E8;
}
/* Title date. */
#title h2
{
	font-size: 12px;
	font-style: italic;
	color: #888888;
	padding: 10px 0 0 0;
	margin: 0;
	border: 0;
}
a #title:hover h2
{
	color: #E8E8E8;
}

/*
--------------------------------------------------
	NAV BUTTONS
--------------------------------------------------
*/

#button-block
{
	position: absolute;
	bottom: 0px;
	margin: 0;
	padding: 0;
}
#button-row
{
	width: 100%;
	height: 19px;
	margin-top: 5px;
}
#button-row br
{
	font-size: 5px;
}
#button
{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
	width: 120px;
	height: 19px;
	cursor: default;
}
a #button:link
{

}
a #button:hover
{
	-moz-box-shadow: 1px 2px 5px #282828;
	background: #101010;
	cursor: pointer;
}

/*
--------------------------------------------------
	NOTE BLOCKS
--------------------------------------------------
*/

#note
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #000000;
	color: #A8A8A8;
	background: #181818;
	padding: 1em 2em 1em 2em;
	margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 11px;
	display: inline-block;
}
#note #code
{
	font-weight: normal;
}
/* Note header. */
#note h1
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #585858;
	border-bottom: 1px dotted #585858;
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
}
/* Note caption. */
#note h2
{
	font-size: 11px;
	font-style: italic;
	text-align: center;
	color: #A8A8A8;
	padding: 0;
	margin: 0;
	display: block;
}
#note hr
{
	border: 0;
	border-bottom: 1px dotted #585858;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
}
#note #games
{
	margin: 0 1em 1em 0;
}
#note img
{
	margin: 0;
	max-width: 100%;
	margin-bottom: 10px;
}
#screenshot
{
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}
/* For displaying FlashDevelop/Builder icons. */
#coder
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-repeat: no-repeat;
	width: 98px;
	height: 98px;
	float: left;
	display: inline-block;
	margin-right: 5px;
}
#coder.flashdevelop
{
	background-image: url(gfx/flashdevelop.png);
}
#coder.flashbuilder
{
	background-image: url(gfx/flashbuilder.png);
}
#chevy
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(gfx/chevy.jpg);
	background-repeat: no-repeat;
	width: 480px;
	height: 319px;
	margin-bottom: 1em;
}

/*
--------------------------------------------------
	CODE BLOCKS
--------------------------------------------------
*/

#code
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px dotted #585858;
	color: #CACACA;
	color: #A8A8A8;
	background: #181818;
	padding: 0 1em 0 1em;
	margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	white-space: pre;
	overflow: visible;
	font-family: consolas, monospace;
	display: inline-block;
}
/* Code highlight. */
#code h1
{
	display: inline;
	color: #FFBB44;
	padding: 0;
	margin: 0;
	display: inline;
	width: inherit;
	border: 0;
	text-transform: none;
	font-weight: normal;
	font-size: inherit;
}
/* Code comment */
#code h2
{
	display: inline;
	color: #268026;
	padding: 0;
	margin: 0;
	display: inline;
	width: inherit;
	border: 0;
	text-transform: none;
	font-weight: normal;
	font-size: inherit;
}

/*
--------------------------------------------------
	LISTS LAYOUT
--------------------------------------------------
*/

ul
{
	padding: 0;
	margin: 1em 0 1em 1em;
	list-style-type: none;
}
li
{
	background-image: url(gfx/list.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 0;
	padding: 0;
	padding: 1px 0 1px 1.5em;
}
li.empty
{
	background-image: url(gfx/list2.png);
}

/*
--------------------------------------------------
	SPECIAL LINKS
--------------------------------------------------
*/

#content a.link
{
	background-repeat: no-repeat;
	padding: 1px 0 0 21px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	height: 19px;
	margin: 4px 0 2px 1em;
}

#content a.file:link {}
#content a.file { background-image: url(gfx/icon_download.gif); }
#content a.file:hover { background-image: url(gfx/icon_download2.gif); }

#content a.doc:link {}
#content a.doc { background-image: url(gfx/icon_docs.gif); }
#content a.doc:hover { background-image: url(gfx/icon_docs2.gif); }

#content a.file:link {}
#content a.file { background-image: url(gfx/icon_download.gif); }
#content a.file:hover { background-image: url(gfx/icon_download2.gif); }

#content a.game:link {}
#content a.game { background-image: url(gfx/icon_games.gif); }
#content a.game:hover { background-image: url(gfx/icon_games2.gif); }

#content a.heart:link {}
#content a.heart { background-image: url(gfx/icon_about.gif); }
#content a.heart:hover { background-image: url(gfx/icon_about2.gif); }

#content a.talk:link {}
#content a.talk { background-image: url(gfx/icon_forums.gif); }
#content a.talk:hover { background-image: url(gfx/icon_forums2.gif); }

#content a.cog:link {}
#content a.cog { background-image: url(gfx/icon_news.gif); }
#content a.cog:hover { background-image: url(gfx/icon_news2.gif); }

#content a.tool:link {}
#content a.tool { background-image: url(gfx/icon_resources.gif); }
#content a.tool:hover { background-image: url(gfx/icon_resources2.gif); }

#content a.idea:link {}
#content a.idea { background-image: url(gfx/icon_tutorials.gif); }
#content a.idea:hover { background-image: url(gfx/icon_tutorials2.gif); }

#content a.hat:link {}
#content a.hat { background-image: url(gfx/icon_author.gif); }
#content a.hat:hover { background-image: url(gfx/icon_author2.gif); }

#content a.back:link {}
#content a.back { background-image: url(gfx/icon_back.gif); }
#content a.back:hover { background-image: url(gfx/icon_back2.gif); }

#content a.rss:link {}
#content a.rss { background-image: url(gfx/icon_rss.gif); }
#content a.rss:hover { background-image: url(gfx/icon_rss2.gif); }

/*
--------------------------------------------------
	FORMS LAYOUT
--------------------------------------------------
*/

.block input, .block textarea
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #000000;
	font-family: consolas, monospace;
	font-size: 12px;
	background: #FFBB44;
	color: #202020;
	border: 0;
	margin: 2px 0 2px 0;
	padding: 2px 4px 2px 4px;
}
.block input:link {}
.block input:hover
{
	color: #000000;
}
.block input:focus
{
	background: #E8E8E8;
}
.block #submit
{
	font-family: verdana;
	background: #202020;
	color: #FFBB44;
	border: 1px solid #FFBB44;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.block #submit:focus
{
	background: #E8E8E8;
	color: #202020;
	border-color: #E8E8E8;
}
.block #submit:link {}
.block #submit:hover
{
	background: #101010;
	color: #E8E8E8;
	border-color: #E8E8E8;
	cursor: pointer;
}

/*
--------------------------------------------------
	DISQUS COMMENTS
--------------------------------------------------
*/

#disqus_thread
{
	font-family: Verdana !important;
	font-size: 12px !important;
}
#disqus_thread textarea, #disqus_thread input
{
	-moz-box-shadow: 0 0 0 0;
	background: transparent;
	font-family: Verdana !important;
	font-size: 12px !important;
}
 #disqus_thread #dsq-content h3
 {
	text-transform: uppercase !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
	color: #FFBB44 !important;
	border-bottom: 2px dotted #FFBB44 !important;
	margin-top: 0 !important;
	margin-bottom: 1em !important;
}
#dsq-content #dsq-comments .dsq-comment
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #000000;
	color: #A8A8A8;
	background: #181818;
	padding: 1em 1em 0em 1em;
	margin: 0;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
	display: inline-block;
}
#dsq-content #dsq-comments .dsq-comment-header
{
	background: #202020;
}
#dsq-content #dsq-comments .dsq-header-meta
{
	display: none !important;
} 
.dsq-dc-logo
{
	display: none !important;
}
.dsq-options
{
	display: none !important;
}
.dsq-options-toggle
{
	display: none !important;
}
#dsq-extra-links
{
	display: none !important;
}