/*Elements*/
HTML
{
	overflow-y: scroll;
}
BODY
{
	background: #222 url(../images/bg.jpg) repeat-x 0px 0px;
	font-family: "Courier New", Arial, Verdana, sans-serif;
	font-family: Georgia;
	font-size: 14px;
	letter-spacing: -0.01em;
	padding: 40px 0 55px 40px;
	color: #CCC;
}
*
{
	margin: 0;
	padding: 0;
}
HR
{
	display: none;
}
H1
{
	font-size: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #CCC;
	letter-spacing: -0.1em;
}
H2
{
	font-size: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
H3
{
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
P
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #AAA;
	line-height: 1.5em;
}
A
{
	color: #F60;
	outline: none;
}
A:hover
{
}
UL
{
	list-style-position: inside;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
LI
{
}
A IMG
{
	border: none;
}
TABLE
{
}
TR
{
}
TD
{
}
/*Classes*/
.clear
{
	clear: both;
}
.float-right
{
	float: right;
}
.float-left
{
	float: left;
}
.invisible
{
	display: none;
}
SPAN.dash
{
	display: none;
}
/*Header*/
DIV#header
{
	height: 168px;
	margin-bottom: 0;
	position: relative;
}
/*Logo*/
H1#logo
{
	float: left;
	margin-top: 6px;
	position: absolute;
	top: 0;
	left: 0;
}
H1#logo A
{
	color: #FF6600;
	text-decoration: none;
	font-size: 34px;
	font-weight: normal;
	letter-spacing: -2px;
	line-height: 25px;
	text-indent: -3000px;
	background: url(../images/logo.jpg) no-repeat top left;
	width: 281px;
	height: 61px;
	display: block;
	overflow: hidden;
}
H1#logo A EM
{
	color: #CCC;
	display: block;
	font-size: 18px;
	font-style: normal;
	letter-spacing: -1px;
	text-indent: -3000px;
}
/*Navigation*/
UL#navigation
{
	list-style-type: none;
	float: right;
	padding-right: 23px;
	margin-top: 5px;
	/*[empty]margin-right:;*/
}
UL#navigation LI
{
	display: block;
	float: left;
}
UL#navigation LI A
{
	display: block;
	float: left;
	font-size: 24px;
	text-decoration: none;
	letter-spacing: -2px;
	font-weight: bold;
	color: #CCC;
	margin-right: 20px;
	line-height: 18px;
	height: 64px;
	padding-bottom: 9px;
	background: url(../images/nav-bg.gif) repeat-x 0px 74px;
}
UL#navigation LI A EM
{
	font-size: 12px;
	letter-spacing: -1px;
	font-style: normal;
	padding-bottom: 26px;
	display: block;
	/*[empty]color:;*/
	background: url(../images/nav-tail.gif) no-repeat 0px 300px;
}
UL#navigation LI A SPAN.nav-left
{
	height: 64px;
	padding-left: 14px;
	display: block;
	background: url(../images/nav-left.gif) no-repeat 0 74px;
}
UL#navigation LI A SPAN.nav-right
{
	height: 64px;
	padding-right: 16px;
	padding-top: 14px;
	display: block;
	background: url(../images/nav-right.gif) no-repeat 0px 86px;
}
UL#navigation LI A SPAN.portfolio
{
	background: url(../images/portfolio.gif) no-repeat top left;
	text-indent: -2992px;
	display: block;
	overflow: hidden;
	width: 99px;
	height: 26px;
	margin-top: -1px;
	margin-bottom: -7px;
}
UL#navigation LI A SPAN.skills
{
	background: url(../images/skills.gif) no-repeat top left;
	text-indent: -2992px;
	display: block;
	overflow: hidden;
	width: 61px;
	height: 26px;
	margin-top: -1px;
	margin-bottom: -7px;
}
UL#navigation LI A SPAN.blog
{
	background: url(../images/blog.gif) no-repeat top left;
	text-indent: -2992px;
	display: block;
	overflow: hidden;
	width: 51px;
	height: 26px;
	margin-top: -1px;
	margin-bottom: -7px;
}
UL#navigation LI A SPAN.contact
{
	background: url(../images/contact.gif) no-repeat top left;
	text-indent: -2992px;
	display: block;
	overflow: hidden;
	width: 89px;
	height: 26px;
	margin-top: -1px;
	margin-bottom: -7px;
}
/*Navigation hover*/
UL#navigation LI A:hover
{
	background-position: top left;
	cursor: pointer;
}
UL#navigation LI A:hover EM
{
	background-position: 0px 32px;
}
UL#navigation LI A:hover SPAN.nav-left
{
	background-position: top left;
}
UL#navigation LI A:hover SPAN.nav-right
{
	background-position: top right;
}
UL#navigation LI A:hover SPAN SPAN SPAN
{
	background-position: 0px -26px;
}
/*Navigation active*/
.portfolio UL#navigation LI A.portfolio, .skills UL#navigation LI A.skills, .blog UL#navigation LI A.blog, .contact UL#navigation LI A.contact
{
	background-position: top left;
}
.portfolio UL#navigation LI A.portfolio EM, .skills UL#navigation LI A.skills EM, .blog UL#navigation LI A.blog EM, .contact UL#navigation LI A.contact EM
{
	background-position: 0px 32px;
}
.portfolio UL#navigation A.portfolio SPAN.portfolio, .skills UL#navigation A.skills SPAN.skills, .blog UL#navigation A.blog SPAN.blog, .contact UL#navigation A.contact SPAN.contact
{
	background-position: 0px -26px;
}
.portfolio UL#navigation LI A.portfolio SPAN.nav-left, .skills UL#navigation LI A.skills SPAN.nav-left, .blog UL#navigation LI A.blog SPAN.nav-left, .contact UL#navigation LI A.contact SPAN.nav-left
{
	background-position: top left;
}
.portfolio UL#navigation LI A.portfolio SPAN.nav-right, .skills UL#navigation LI A.skills SPAN.nav-right, .blog UL#navigation LI A.blog SPAN.nav-right, .contact UL#navigation LI A.contact SPAN.nav-right
{
	background-position: top right;
}
/*Content*/
DIV#content
{
	/*[disabled]width:100%;*/
	margin-bottom: 28px;
}
DIV.notification_error, DIV.notification_ok
{
	border: 1px dashed #F60;
	padding: 8px 8px 11px;
	width: 580px;
	margin: 14px 0 0;
}
DIV.notification_ok
{
	border: 1px dashed #381;
}
/*Content - Portfolio*/
DIV.item
{
	width: 200px;
	margin-right: 29px;
	margin-bottom: 54px;
	float: left;
	/*[disabled]clear:right;*/
	height: 379px;
}
DIV.item DIV.item-top
{
	height: 10px;
}
DIV.item DIV.item-bottom
{
	height: 24px;
}
DIV.item DIV.item-content
{
	padding: 0px 10px 10px;
	background: #222222;
}
DIV.item A
{
	display: block;
}
DIV.item A IMG
{
	display: block;
	text-indent: -300px;
	background: #111;
}
DIV.item:hover A IMG
{
}
DIV.item-desc-container
{
	width: 166px;
	margin-top: 12px;
	padding: 5px 7px 0px;
}
DIV.item-desc
{
	/*[disabled]padding-top:16px;*/
	/*[disabled]padding-bottom:0px;*/
	/*[disabled]padding-left:5px;*/
	/*[disabled]padding-right:10px;*/
	/*[disabled]width:180px;*/
}
DIV.item-desc H2
{
	margin-bottom: 0;
	line-height: 19px;
}
DIV.item-desc H2 A
{
	width: 180px;
	color: #FF6600;
	color: #CCC;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -2px;
	text-decoration: none;
	/*[empty]font-family:;*/
	display: block;
}
DIV.item-desc H2 A:hover
{
	text-decoration: underline;
}
DIV.item-desc H3
{
	color: #CCC;
	font-size: 11px;
	letter-spacing: -1px;
	margin-bottom: 4px;
	font-weight: bold;
}
DIV.item-desc P
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #222;
	margin-bottom: 5px;
	line-height: 1.25em;
}
DIV.item-desc UL
{
	color: #222;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	margin-bottom: 0px;
}
DIV.item-desc UL LI
{
	display: inline;
	padding-right: 6px;
	background: none;
	padding-left: 8px;
}
/*Content - Portfolio hover effects*/
DIV.item:hover DIV.item-content
{
	padding: 0px 10px 10px;
	background: #000;
}
DIV.item:hover DIV.item-top, DIV.item DIV.item-top.hover
{
	background: url(../images/item-top.gif) no-repeat top left;
}
DIV.item:hover DIV.item-bottom, DIV.item DIV.item-bottom.hover
{
	background: url(../images/item-bottom.gif) no-repeat top left;
}
DIV.item:hover DIV.item-desc H2 A
{
	color: #F60;
}
DIV.item:hover DIV.item-desc P
{
	color: #AAA;
}
DIV.item:hover DIV.item-desc UL
{
	color: #CCC;
}
DIV.item:hover DIV.item-desc UL LI
{
	background: url(../images/bullet.gif) no-repeat 0px 4px;
}
/*Content - Skills*/
DIV.skills-box
{
	width: 28%;
	float: left;
	margin-right: 5%;
	padding: 0 0 11px;
	margin-bottom: 28px;
	background: url(../images/skills-box-tail.gif) no-repeat 25px 100%;
}
DIV.skills-box H1
{
	border-bottom: 1px dotted #333;
	font-size: 27px;
}
DIV.skills-box .skills-box-top
{
	height: 11px;
	background: #000 url(../images/skills-box-top-left.gif) no-repeat top left;
}
DIV.skills-box .skills-box-top SPAN
{
	height: 11px;
	display: block;
	background: url(../images/skills-box-top-right.gif) no-repeat top right;
}
DIV.skills-box .skills-box-bottom
{
	height: 11px;
	background: #000 url(../images/skills-box-bottom-left.gif) no-repeat top left;
}
DIV.skills-box .skills-box-bottom SPAN
{
	display: block;
	height: 11px;
	background: url(../images/skills-box-bottom-right.gif) no-repeat top right;
}
DIV.skills-box .skills-box-content
{
	padding: 10px 25px 4px;
	background: #000;
}
DIV.skills-box .skills-box-content P
{
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
DIV.skills-box .skills-box-content IMG
{
	float: right;
	width: 110px;
	padding-left: 16px;
	padding-bottom: 8px;
	padding-top: 5px;
}
/*Content - Blog*/
BODY.blog #content H1
{
	border-bottom: 1px dotted #333;
	margin-right: 47px;
	width: 600px;
	font-size: 27px;
}
/*Content - Contact*/
DIV.contact-box
{
	float: left;
	padding: 0 0 11px;
	margin-top: 9px;
	background: url(../images/skills-box-tail.gif) no-repeat 25px 100%;
}
BODY.contact #content H1
{
	border-bottom: 1px dotted #333;
	margin-right: 47px;
	width: 600px;
	font-size: 27px;
}
BODY.contact DIV#content P
{
	width: 600px;
}
DIV.contact-box .contact-box-top
{
	height: 11px;
	display: block;
	background: #000 url(../images/skills-box-top-left.gif) no-repeat top left;
}
DIV.contact-box .contact-box-top SPAN
{
	height: 11px;
	display: block;
	background: url(../images/skills-box-top-right.gif) no-repeat top right;
}
DIV.contact-box .contact-box-bottom
{
	height: 11px;
	background: #000 url(../images/skills-box-bottom-left.gif) no-repeat top left;
}
DIV.contact-box .contact-box-bottom SPAN
{
	display: block;
	height: 11px;
	background: url(../images/skills-box-bottom-right.gif) no-repeat top right;
}
DIV.contact-box FORM
{
	padding: 9px 25px 4px;
	background: #000;
}
DIV.left-column
{
	float: left;
	margin-right: 30px;
}
DIV.left-column LABEL, DIV.right-column LABEL
{
	display: block;
	font-size: 11px;
	margin-bottom: 2px;
	font-weight: bold;
	letter-spacing: -1px;
}
DIV.left-column INPUT
{
	margin-bottom: 20px;
	background: #CCC;
	color: #000;
	border: 0;
	width: 252px;
	height: 24px;
	padding-left: 5px;
	padding-top: 5px;
}
DIV.right-column
{
	float: left;
}
DIV.right-column TEXTAREA
{
	background: #CCC;
	border: none;
	color: #000;
	padding: 5px;
	width: 252px;
	height: 103px;
	overflow: auto;
}
DIV.right-column INPUT
{
	background: #000;
	border: 1px solid #333;
	color: #F60;
	height: 30px;
	padding: 2px 5px 5px;
	font-family: Georgia, "Times New Roman", serif;
	letter-spacing: -1px;
	cursor: pointer;
	font-weight: bold;
}
DIV.right-column INPUT:hover
{
	border: 1px solid #F60;
}
DIV.notification_error, DIV.notification_ok
{
	border: 1px dashed #F60;
	padding: 8px 8px 11px;
	width: 580px;
	margin: 14px 0 0;
}
DIV.notification_ok
{
	border: 1px dashed #381;
}
/*Admin*/
BODY.admin A
{
	text-decoration: none;
}
BODY.admin A:hover
{
	text-decoration: underline;
}
BODY.admin #content UL LI SPAN
{
	margin-left: 0px;
	color: #FF0000;
}
BODY.admin #content UL LI SPAN A
{
	color: #FF0000;
	font-size: 10px;
	margin-left: 13px;
}
BODY.admin DIV#content H1
{
	border-bottom: 1px solid #A46969;
	font-size: 28px;
	width: 600px;
}
UL#sort, UL#add-new
{
	list-style-type: none;
}
UL#sort LI, UL#add-new LI
{
	width: 199px;
	border: 1px solid #333;
	padding: 6px;
	margin-bottom: 10px;
	background: #000;
	float: left;
	margin-right: 10px;
	height: 138px;
}
UL#sort LI IMG
{
	max-height: 90px;
	clear: both;
	display: block;
	margin: 9px auto;
	max-width: 180px;
}
UL#sort LI SPAN A
{
	float: right;
}
UL#sort LI>A
{
}
UL#sort LI:hover
{
	cursor: move;
}
DIV#ajax
{
	display: none;
}
UL#add-new
{
	float: left;
}
UL#add-new LI
{
	text-align: center;
	line-height: 139px;
	background: #292828;
}
UL#add-new LI A
{
	color: #FF0000;
}
/*Admin - Add new item form*/
FORM#add-new-item
{
}
FORM#add-new-item UL
{
	list-style-type: none;
}
FORM#add-new-item UL LI
{
	/*[empty]height:;*/
	margin-bottom: 17px;
}
FORM#add-new-item UL LI LABEL
{
	width: 179px;
	display: block;
	float: left;
	margin-right: 21px;
}
FORM#add-new-item UL LI INPUT
{
	width: 240px;
	padding: 5px;
}
FORM#add-new-item UL LI INPUT.checkbox
{
	width: auto;
}
FORM#add-new-item UL LI TEXTAREA
{
	width: 240px;
	padding: 5px;
	font-family: Verdana;
	font-size: 12px;
	height: 82px;
}
SPAN#cke_sDescription
{
	width: 659px;
	float: left;
	margin-bottom: 12px;
	clear: right;
}
/*Admin - Check for broken links form*/
FORM.link-checker INPUT
{
	display: none;
}
FORM.link-checker INPUT.submit
{
	display: block;
}
FORM.link-checker TEXTAREA
{
	display: none;
}
/*Admin - login form*/
BODY.login FORM
{
	border: 1px solid #333;
	padding: 5px 16px 18px;
	width: 239px;
}
BODY.login FORM OL
{
	list-style-type: none;
}
BODY.login FORM OL LI
{
	margin-bottom: 17px;
	display: block;
	clear: both;
}
BODY.login FORM LABEL
{
	width: 88px;
	display: block;
	float: left;
	margin-bottom: 18px;
}
BODY.login INPUT#myusername
{
	float: left;
	padding: 3px;
}
BODY.login INPUT#mypassword
{
	padding: 3px;
}
BODY.login INPUT
{
}