@charset "UTF-8";
/* CSS Document */

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

/*----------------------------------------------------------------------------------- TOP NAVIGATION */

.nav .head
{
	width:960px;
	margin: 0 auto 0 auto;
	padding:0;
}

.nav .head h1.logo
{
	background-image:url(../images/logo.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	display:block;
	width:227px;
	height:50px;
	text-indent:-9999px;
	float:left;
	margin: 8px 0 0 0;
}

.nav .head ul.sub-nav
{
	display:block;
	float:right;
	width: 300px;
}

.nav .head ul.sub-nav li
{
	display:block;
	float:right;
	color:#999999;
	margin: 0 10px 0 0;
	padding: 4px 0 0 10px;
	background-image:url(../images/grey-dot-rule-vertical.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
}

.nav .head ul.sub-nav li.first
{
	background-image:none;
}

.nav .head ul.sub-nav li a
{
	color:#999999;
	text-decoration:none;
}

.nav .head ul.sub-nav li a:hover
{
	text-decoration:underline;
}

.nav {
	/*background-image:url(../images/top-nav-grey-rule.gif);*/
	background-position: left bottom;
	background-repeat:repeat-x;
	background-color:#333333;
}

.nav .head ul.main-nav
{
	display:block;
	width:600px;
	margin:0 auto 0 auto;
	clear:right;
	padding: 16px 0 0 0;
	float:right;
}

.nav .head ul.main-nav li
{
	margin: 0;
	float:right;
	display:block;
	background-image:url(../images/main-tab-right.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	padding: 0 7px 0 0;
}

.nav .head ul.main-nav li a
{
	display:inline;
	color:#999999;
	text-decoration:none;
	text-transform:uppercase;
	padding: 13px 6px 0 14px;
	background-image:url(../images/main-tab-left.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	height:25px;
	float:left; 
}

.nav .head ul.main-nav li a:hover
{
	color:#CCCCCC; 
}

.nav .head ul.main-nav li.selected
{
	background-image:url(../images/main-tab-right-selected.jpg);
}

.nav .head ul.main-nav li.selected a
{
	background-image:url(../images/main-tab-left-selected.jpg);
	color:#333333;
}

/*----------------------------------------------------------------------------------- MAIN */

#holder
{
	background-image:url(../images/main-bg.jpg);
	background-position: left top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

/*----------------------------------------------------------------------- HOME CONTENT */

#holder .home-content
{
	width:960px;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
}

#holder .home-content .home-intro
{
	background-image:url(../images/theme-flow.png);
	background-position: left top;
	background-repeat:no-repeat;
}

#holder .home-content .home-intro .home-intro-content
{
	width:280px;
	height:320px;
	padding: 0 0 0 680px;
}

#holder .home-content .home-intro h2
{
	color:#FFFFFF;
	padding: 0 0 10px 0;
}

a.mini-link
{
	color:#666666;
	padding: 8px 0 0 16px;
	float:left;
	display:block;
	width: 80px;
}

a.grey-button
{
	color:#FFFFFF;
	background-image:url(../images/grey-button.png);
	background-position: left top;
	background-repeat:no-repeat;
	text-transform:uppercase;
	display:block;
	height:24px;
	width:174px;
	padding: 10px 0 0 0;
	text-decoration:none;
	float:left;
	text-align:center;
}

/*----------------------------------------------------------------------- GALLERY CONTENT */

#holder .gallery-content
{
	width:960px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/*----------------------------------------------------------------------- TITLE BAR */

.title-bar
{
	padding: 6px 0 4px 10px;
	height:44px;
}

.title-bar h1
{
	display:block;
	float:left;
}

.title-bar p
{
	display:block;
	color:#FFFFFF;
	font-size:1.2em;
	float:right;
	text-align:right;
	padding: 4px 0 0 0;
	margin:	10px 14px 0 0;
	width:470px;
}

.title-bar a.green-button
{
	margin:	10px 10px 0 0;
	background-image:url(../images/green-button-small.gif);
	background-position: left top;
	background-repeat:no-repeat;
	width:57px;
	height: 21px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:right;
	text-align:center;
	text-transform:uppercase;
	padding: 7px 0 0 0;
	font-size:0.9em;
}

/*----------------------------------------------------------------------- LEARN ICONS */

.learn-icons
{

}

.learn-icons li
{
	float:left;
	display:block;
}

.learn-icons li a
{
	float:left;
	display:block;
	background-position: left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:35px;
	height:53px;
}

.learn-icons li a.fw
{
	background-image:url(../images/fw-icon-reflect.png);
}

.learn-icons li a.fl
{
	background-image:url(../images/fl-icon-reflect.png);
}

.learn-icons li a.ai
{
	background-image:url(../images/ai-icon-reflect.png);
}

.learn-icons li a.ps
{
	background-image:url(../images/ps-icon-reflect.png);
}

.learn-icons li a.fc
{
	background-image:url(../images/fc-icon-reflect.png);
}

.learn-icons li a.fx
{
	background-image:url(../images/fx-icon-reflect.png);
	margin: 0 0 0 8px;
}

.learn-icons li a.air
{
	background-image:url(../images/air-icon-reflect.png);
}

.learn-icons li a.go
{
	background-image:url(../images/go-button.png);
	background-position: left 6px;
	width: 50px;
	margin: 0 0 0 8px;
}

/*----------------------------------------------------------------------- MAIN CONTENT */

#holder .main
{
	background-image:url(../images/content-top-corners.png);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 9px 0 0 0;
}

#holder .main .main-content
{
	background-image:url(../images/content-bg.png);
	background-position: left top;
	background-repeat:repeat-y;
	padding: 0 4px 0 3px;
}

/*----------------------------------------------------------------------- RECENT SUBMISSIONS / RECENT SHOWCASE */

#holder .main .main-content .recent-subs
{
	padding: 4px 0 0 0;
	width:568px;
	float:left;
}

#holder .main .main-content .recent-show
{
	padding: 4px 0 0 0;
	width:382px;
	float:left;
	margin: 0 0 0 2px;
}

#holder .main .main-content .recent-subs-content,
#holder .main .main-content .recent-show-content
{
	background-image: url(../images/checker-bg-light-grey.gif);
	background-position: left top;
	background-repeat:repeat;
	margin: 24px 0 0 0;
	padding: 0 0 10px 0;
}

#holder .main .main-content .recent-subs-content,
#holder .main .main-content .recent-show-content
{
	height: 252px;
}

#holder .main .main-content .recent-subs-content p.recent-message
{
	padding: 0 10px 0 16px;
	display:block;
	float:left;
	font-size:1.2em;
	clear:both;
	width: 360px;
}

#holder .main .main-content .recent-show-content p.recent-message
{
	padding: 0 10px 0 16px;
	display:block;
	float:left;
	font-size:1.2em;
	clear:both;
	width: 200px;
}

a.green-button
{
	background-image: url(../images/green-button.gif);
	background-position: left top;
	background-repeat:no-repeat;
	width:128px;
	height: 21px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:right;
	text-align:center;
	text-transform:uppercase;
	padding: 7px 0 0 0;
	margin: 0 10px 0 0;
	font-size:.9em;
}

#holder .main .main-content .recent-subs-content ul.home-action
{
	display:block;
}

#holder .main .main-content .recent-subs-content ul.home-action li
{
	display:block;
	float:left;
}

a.see-more
{
	display:block;
	float:right;
	background-image:url(../images/green-arrow-box-right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	font-size:0.8em;
	height: 18px;
	padding: 1px 22px 0 0;
	margin: 0 6px 0 0;
	line-height: 1.4em;
}

#holder .main .main-content .recent-subs h4,
#holder .main .main-content .recent-show h4
{
	padding: 0 0 0 12px;
	display:block;
	width: 200px;
	float:left;
}

#holder .main .main-content .recent-show-content .item h3
{
	margin-bottom: 15px;
}

/*----------------------------------------------------------------------- THEMES / SHOWCASE / RESOURCES / ABOUT / SUBMIT */

#holder .main .main-content .themes,
#holder .main .main-content .showcase,
#holder .main .main-content .resources,
#holder .main .main-content .submit
{
	padding: 4px 0 0 0;
	width:568px;
	float:left;
}

#holder .main .main-content .about
{
	padding: 4px 28px 0 0;
	width:540px;
	float:left;
}

#holder .main .main-content .themes .themes-content,
#holder .main .main-content .showcase .showcase-content,
#holder .main .main-content .resources .resources-content
{
	/*background-image: url(../images/checker-bg-light-grey.gif);*/
	background-position: left top;
	background-repeat:repeat;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}

#holder .main .main-content .about .about-content,
#holder .main .main-content .submit .submit-content
{
	margin: 20px;
	padding: 0 0 10px 0;
}

#holder .main .main-content .themes h4,
#holder .main .main-content .showcase h4,
#holder .main .main-content .resources h4,
#holder .main .main-content .about h4,
#holder .main .main-content .submit h4
{
	padding: 0 0 0 12px;
	display:block;
	width: 200px;
	float:left;
}

#holder .main .main-content .themes h4,
#holder .main .main-content .showcase h4,
#holder .main .main-content .resources h4,
#holder .main .main-content .about h4,
#holder .main .main-content .submit h4
{
	font-weight:normal;
}

#holder .main .main-content .themes ul.paging,
#holder .main .main-content .themes ul.paging-bottom,
#holder .main .main-content .showcase ul.paging,
#holder .main .main-content .showcase ul.paging-bottom
{
	display:block;
	float:right;
	width: 300px;
	margin: 0 22px 0 0;
}

#holder .main .main-content .themes ul.paging-bottom,
#holder .main .main-content .showcase ul.paging-bottom
{
	margin-top: 10px;
}

#holder .main .main-content .themes ul.paging li,
#holder .main .main-content .themes ul.paging-bottom li,
#holder .main .main-content .showcase ul.paging li,
#holder .main .main-content .showcase ul.paging-bottom li
{
	display:block;
	float:right;
}

#holder .main .main-content .themes ul.paging li a,
#holder .main .main-content .themes ul.paging-bottom li a,
#holder .main .main-content .showcase ul.paging li a,
#holder .main .main-content .showcase ul.paging-bottom li a
{
	color:#999999;
	text-decoration:none;
	margin: 0 0 0 2px;
	padding: 0 4px 0 4px;
}

#holder .main .main-content .themes ul.paging li a:hover,
#holder .main .main-content .themes ul.paging-bottom li a:hover,
#holder .main .main-content .showcase ul.paging li a:hover,
#holder .main .main-content .showcase ul.paging-bottom li a:hover
{
	color:#999999;
	background-color:#DDDDDD;
}

#holder .main .main-content .themes ul.paging li.selected,
#holder .main .main-content .themes ul.paging-bottom li.selected,
#holder .main .main-content .showcase ul.paging li.selected,
#holder .main .main-content .showcase ul.paging-bottom li.selected
{
	color: #FFFFFF;
	background-color:#849B55;
	padding: 0 4px 0 4px;
}

/*----------------------------------------------------------------------- ABOUT */

#holder .main .main-content .about .about-content ul.mylinks {
	list-style:none;
	display:block;
	height: 30px;
	margin: 10px 30px 0 0;
	padding: 4px;
	background-color: #363636;
			}
			#holder .main .main-content .about .about-content ul.mylinks li {
	display:block;
	float:left;
	background-position: center top;
	background-repeat:no-repeat;
	height: 30px;
	width: 30px;
	margin-right: 10px;
			}
			#holder .main .main-content .about .about-content ul.mylinks li a {
			display:block;
			background-position: center top;
			background-repeat:no-repeat;
			text-indent: -9999px;
			height: 30px;
			width: 30px;
			}
			#holder .main .main-content .about .about-content li.flickr a {
			background-image:url(../images/badges/flickr_link.gif);
			}
			#holder .main .main-content .about .about-content li.linkedin a {
			background-image:url(../images/badges/linkedin_link.gif);
			}
			#holder .main .main-content .about .about-content li.facebook a {
			background-image:url(../images/badges/facebook_link.gif);
			}
			#holder .main .main-content .about .about-content li.twitter a {
			background-image:url(../images/badges/twitter_link.gif);
			}
			#holder .main .main-content .about .about-content li.delicious a {
			background-image:url(../images/badges/delicious_link.gif);
			}
			#holder .main .main-content .about .about-content li.flexcoders a {
			background-image:url(../images/badges/flexcoders_link.gif);
			}
			#holder .main .main-content .about .about-content li.ning a {
			background-image:url(../images/badges/ning_link.gif);
			}
			#holder .main .main-content .about .about-content li.degrafa a {
			background-image:url(../images/badges/degrafa_link.gif);
			}
			#holder .main .main-content .about .about-content li.ac a {
			background-image:url(../images/badges/ac_link.gif);
			}
			#holder .main .main-content .about .about-content li.bd a {
			background-image:url(../images/badges/bd_link.gif);
			}
			#holder .main .main-content .about .about-content li.ocflex a {
			background-image:url(../images/badges/ocflex_link.gif);
			}
			#holder .main .main-content .about .about-content li.pownce a {
			background-image:url(../images/badges/pownce.gif);
			}
			#holder .main .main-content .about .about-content li.friendfeed a {
			background-image:url(../images/badges/friendfeed.gif);
			}


/*----------------------------------------------------------------------- RESOURCES COLUMNS */

.two-column
{
	float:left;
	width: 246px;
	margin: 6px 16px 8px 0;
	padding: 0 0 0 12px;
}

.three-column
{
	float:left;
	width: 155px;
	margin: 6px 16px 8px 0;
	padding: 0 0 0 12px;
}

.two-column ul li,
.three-column ul li
{
	padding: 0 0 6px 0;
}

.two-column ul li span,
.three-column ul li span
{
	color: #666666;
	font-size: .9em;
	margin: 0 0 4px 0;
	font-weight:normal;
}

.two-column ul li p,
.three-column ul li p
{
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.1em;
}

#holder .main .main-content .resources h4
{
	width: 522px;
	padding-bottom: 4px;
	background-image:url(../images/grey-dot-rule.gif);
	background-position: left bottom;
	background-repeat:repeat-x;
}

/*------------------------------------------------------------------------------------------- SUBMISSION FORM */

#submit-form label
{
	width: 160px;
	float:left;
	display:block;
	text-align:right;
	padding: 4px 0 0 0;
}

#submit-form label.selectLabel
{
	width: 160px;
	float:left;
	display:block;
	text-align:right;
	padding: 0 0 0 0;
}

#submit-form input
{
	margin: 0 4px 0 4px;
	width: 200px;
	padding: 4px;
	border: solid 1px #AAAAAA;
}

#submit-form input.submitSend
{
	width: 60px;
	margin-left: 164px;
	padding: 4px 8px 4px 8px;
	background-color:#666666;
	color:#FFFFFF;
	border: solid 1px #DDDDDD;
}

#submit-form textarea
{
	margin: 0 4px 0 4px;
	width: 300px;
	height: 140px;
	padding: 4px;
	border: solid 1px #AAAAAA;
}

#submit-form select
{
	margin: 0 4px 0 4px;
	width: 200px;
	padding: 4px;
}

/*------------------------------------------------------------------------------------------- CONTACT ME FORM */

.contact-me
{
	background-color:#DDDDDD;
	padding: 10px 10px 10px 14px;
}

.contact-me label
{
	width: 60px;
	text-align:right;
	display:block;
	float:left;
	margin: 0 6px 0 0;
	padding: 4px 0 0 0;
}

.contact-me input
{
	padding: 4px;
	border: solid 1px #CCCCCC;
}

.contact-me textarea
{
	padding: 4px;
	width: 270px;
	height: 200px;
	border: solid 1px #CCCCCC;
}

.contact-me p
{
	margin-top: 4px;
}

.contact-me p span
{
	color: #999999;
	font-size: .9em;
	margin:0;
	padding:0;
}

.contact-me input.submitSend
{
	width: 60px;
	margin-left: 66px;
	padding: 4px 8px 4px 8px;
	background-color:#666666;
	color:#FFFFFF;
	border: solid 1px #DDDDDD;
}

/*-------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------- SIDEBAR */
/*------------------------------------------------------------------------------------------ */

#holder .main .main-content .sidebar
{
	padding: 16px 0 0 0;
	width:382px;
	float:left;
	margin: 0 0 10px 2px;
}

/*----------------------------------------------------------------------------------- CREATE SKINS */

#holder .main .main-content .sidebar .create-skins
{
	padding: 10px 20px 10px 20px;
	width: 300px;
	height: 160px;
	margin: 0 0 2px 0;
}

#holder .main .main-content .sidebar .create-skins h2
{
	font-size: 1.6em;
	color: #677E3D;
}

/*----------------------------------------------------------------------- SIDEBAR RECENT SUBMISSIONS / RECENT SHOWCASE */

#holder .main .main-content .sidebar .recent-show-side,
#holder .main .main-content .sidebar .recent-subs-side,
#holder .main .main-content .sidebar .links-side
{
	padding: 4px 0 0 0;
	width:382px;
	margin: 0 0 0 0;
	background-color: #DDDDDD;
}

#holder .main .main-content .sidebar .recent-show-side .recent-show-content,
#holder .main .main-content .sidebar .recent-subs-side .recent-subs-content
{
	background-image:none;
	clear:both;
	margin: 0;
}

#holder .main .main-content .sidebar .recent-show-side .recent-show-content .recent-message,
#holder .main .main-content .sidebar .recent-subs-side .recent-subs-content .recent-message
{
	width:200px;
}

#holder .main .main-content .sidebar .recent-show-side h4,
#holder .main .main-content .sidebar .recent-subs-side h4,
#holder .main .main-content .sidebar .links-side h4
{
	display:block;
	width: 180px;
	padding: 0 0 0 12px;
	margin: 6px 0 2px 0;
	float: left;
	font-weight:normal;
}

#holder .main .main-content .sidebar .recent-show-side a.see-more,
#holder .main .main-content .sidebar .recent-subs-side a.see-more,
#holder .main .main-content .sidebar .links-side a.see-more
{
	display:block;
	float:right;
	margin: 4px 6px 0 0;
	line-height: 1.4em;
}

#holder .main .main-content .sidebar .recent-show-side .recent-show-content h3
{
	margin: 0 0 14px 0;
}

#holder .main .main-content .sidebar .recent-subs-side .recent-subs-content h3
{
	margin: 0 0 0 0;
}

/*----------------------------------------------------------------------- BOOK SHELF / VIDEO SHELF */

#holder .main .main-content .sidebar .book-shelf-side
{
	padding: 4px 0 0 0;
	width:382px;
	margin: 2px 0 0 0;
	background-color: #DDDDDD;
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content
{
	clear:both;
}

#holder .main .main-content .sidebar .book-shelf-side h4
{
	display:block;
	width: 180px;
	padding: 0 0 0 12px;
	margin: 6px 0 2px 0;
	float: left;
	font-weight:normal;
}

#holder .main .main-content .sidebar .book-shelf-side a.see-more
{
	display:block;
	float:right;
	margin: 4px 6px 0 0;
	line-height: 1.4em;
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content h3
{
	margin: 0 0 14px 0;
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li
{
	display: block;
	float:left;
	margin: 0 10px 0 10px;
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a
{
	display: block;
	width: 104px;
	height:144px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*-------------------------------------------------------- FLEX BOOKS */

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.cve
{
	background-image:url(../images/books/cve-book.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.tfts-fx
{
	background-image:url(../images/books/tfts-fx.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.lfx3
{
	background-image:url(../images/books/lfx3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.progfx3
{
	background-image:url(../images/books/progfx3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.edfx3
{
	background-image:url(../images/books/edfx3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.fxsolutions
{
	background-image:url(../images/books/fxsolutions.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.essas3
{
	background-image:url(../images/books/essas3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.proffx3
{
	background-image:url(../images/books/proffx3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.advfxappdev
{
	background-image:url(../images/books/advfxappdev.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.fx3cookbook
{
	background-image:url(../images/books/fx3cookbook.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.fxrails
{
	background-image:url(../images/books/fxrails.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.begfx3
{
	background-image:url(../images/books/begfx3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.learnas3
{
	background-image:url(../images/books/learnas3.gif);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.fx3dummies
{
	background-image:url(../images/books/fx3dummies.gif);
}

/*-------------------------------------------------------- DESIGN BOOKS */

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.dontthink
{
	background-image:url(../images/books/dontthink.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.designobvious
{
	background-image:url(../images/books/designobvious.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.designinteract
{
	background-image:url(../images/books/designinteract.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.aboutface
{
	background-image:url(../images/books/aboutface3.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.sketchuser
{
	background-image:url(../images/books/sketchuser.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.lawssimplicity
{
	background-image:url(../images/books/lawssimplicity.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.designinterfaces
{
	background-image:url(../images/books/designinterfaces.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.comdesign
{
	background-image:url(../images/books/comdesign.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.guideinterface
{
	background-image:url(../images/books/guideinterface.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.designinteractions
{
	background-image:url(../images/books/designinteractions.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.subjectchange
{
	background-image:url(../images/books/subjectchange.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.elementexp
{
	background-image:url(../images/books/elementexp.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.designmoment
{
	background-image:url(../images/books/designmoment.jpg);
}

/*-------------------------------------------------------- AIR BOOKS */

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.begair
{
	background-image:url(../images/books/begair.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.adobeair
{
	background-image:url(../images/books/adobeair.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.proair
{
	background-image:url(../images/books/proair.jpg);
}

#holder .main .main-content .sidebar .book-shelf-side .book-shelf-content ul li a.airaction
{
	background-image:url(../images/books/airaction.jpg);
}

/*----------------------------------------------------------------------- LINKS SIDE */

#holder .main .main-content .sidebar .links-side
{
	margin: 2px 0 0 0;
	background-color:#DDDDDD;
}

#holder .main .main-content .sidebar .links-side ul
{
	display:block;
	margin: 30px 12px 0 12px;
}
#holder .main .main-content .sidebar .links-side ul li
{
	padding: 0 0 10px 0;
	width: 280px;
}

/*----------------------------------------------------------------------- SIDE BANNERS */

h5.degrafa-banner a,
#sidebar h5.degrafa-banner a,
h5.eui-banner a,
h5.uirc-banner a
{
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
	margin: 2px 0 0 0;
	border:none;
}

h5.degrafa-banner a
{
	background-image:url(../images/banners/degrafa-banner.gif);
	background-position: -10px top;
}

#sidebar h5.degrafa-banner a
{
	background-image:url(../images/banners/degrafa-banner.gif);
	background-position: -40px top;
	margin: 0;
	border-top: solid 2px #EEEEEE;
}

#sidebar h5.flexsj-banner a
{
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
	margin: 2px 0 0 0;
	border:none;
	background-image:url(../images/banners/360Flex-SJ-banner.gif);
}

#sidebar h5.flexindy-banner a
{
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
	margin: 2px 0 0 0;
	border:none;
	background-image:url(../images/banners/360Flex-Indy-banner.gif);
}

#sidebar h5.maxsf-banner a
{
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
	margin: 2px 0 0 0;
	border:none;
	background-image: url(../images/banners/MAX-SF-Banner.gif);
}

#sidebar h5.fcoc-banner a
{
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
	margin: 2px 0 0 0;
	border:none;
	background-image: url(../images/banners/FCOC.gif);
}

#sidebar h5.tns-banner a
{
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
	margin: 2px 0 0 0;
	border:none;
	background-image: url(../images/banners/tns-banner.jpg);
}

h5.eui-banner a
{
	background-image:url(../images/banners/eui-banner.gif);
}

h5.uirc-banner a
{
	background-image:url(../images/banners/uirc-banner.gif);
}

h5.cve-banner-tall a
{
	background-image:url(../images/banners/cve-banner-tall.gif);
	background-repeat:no-repeat;
	background-position: left top;
	display:block;
	height:162px;
	text-indent:-9999px;
	margin: 0;
	border:none;
}

/*----------------------------------------------------------------------------------- ITEMS */

div.item
{
	display:block;
	float:left;
	background-image:url(../images/item-bg-light-grey.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width:168px;
	height:212px;
	padding: 0 0 6px 13px;
	margin: 6px 0 0 5px;
}

div.item h3 a
{
	text-decoration:none;
}

div.item h3 a:hover
{
	text-decoration:underline;
}

div.item img
{
	margin: 15px 0 4px 0;
}

div.item p.by
{
	font-size: .8em;
	padding: 0 0 3px 0;
	margin:0;
}

div.item ul.options
{
	display:block;
	float:right;
	margin: 0 12px 0 0;
	padding:0;
	width: 54px;
	height:20px;
}

div.item ul.options li
{
	display:block;
	height:20px;
	width:20px;
	float:right;
}

div.item .ratings-area
{
	display:block;
	float:left;
	margin: 3px 0 0 0;
	padding:0;
}

/*----------------------------------------------------------------------------------- WIDE ITEMS */

div.item-wide
{
	display:block;
	background-image:url(../images/item-bg-wide.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width:520px;
	height:137px;
	padding: 15px 15px 6px 13px;
	margin: 0 0 0 5px;
}

div.item-wide h3 a
{
	text-decoration:none;
}

div.item-wide h3 a:hover
{
	text-decoration:underline;
}

div.item-wide img
{
	margin: 1px 10px 4px 2px;
	float:left;
}

div.item-wide p.by
{
	font-size: .8em;
	padding: 0 0 3px 0;
}

div.item-wide p.description
{
	font-size: 1em;
	padding: 0 0 3px 0;
	display:block;
	height:66px;
	margin: 0 10px 2px 0;
}

#holder .main .main-content .showcase div.item-wide p.description
{
	font-size: 1em;
	padding: 0 0 3px 0;
	display:block;
	height:84px;
	margin: 0 10px 2px 0;
}

div.item-wide ul.options
{
	display:block;
	float:right;
	margin: 0 0 0 0;
	padding:0;
	height:20px;
	width: 224px;
}

div.item-wide ul.options li
{
	display:block;
	height:20px;
	float:right;
}

div.item-wide .ratings-area
{
	display:block;
	float:left;
	margin: 3px 0 0 0;
	padding:0;
	width: 90px;
}

/*--------------------------------------------------------------- ITEM APP ICONS */


div.item ul.options li.fc a,
div.item ul.options li.fl a,
div.item ul.options li.ps a,
div.item ul.options li.dl a,
div.item ul.options li.visit a,
div.item ul.options li.fx,
div.item ul.options li.air
{
	display:block;
	/*float:left;*/
	background-repeat:no-repeat;
	background-position:left top;
	width:20px;
	height:18px;
	margin: 0 0 0 4px;
	padding:0;
}

div.item ul.options li.fl a
{
	background-image:url(../images/icons/fl-icon-20x20.gif);
	text-indent:-9999px;
}

div.item ul.options li.fc a
{
	background-image:url(../images/icons/fc-icon-20x20.gif);
	text-indent:-9999px;
}

div.item ul.options li.air a
{
	background-image:url(../images/icons/air-icon-20x20.gif);
	text-indent:-9999px;
}

div.item ul.options li.ps a
{
	background-image:url(../images/icons/ps-icon-20x20.gif);
	text-indent:-9999px;
}

div.item ul.options li.dl a
{
	background-image:url(../images/icons/dl-icon-20x20.gif);
	text-indent:-9999px;
}

div.item ul.options li.fx
{
	background-image:url(../images/icons/fx-icon-20x20.gif);
	text-indent:-9999px;
}

div.item ul.options li.visit a
{
	background-image:url(../images/icons/view-icon-20x20.gif);
	text-indent:-9999px;
}

div.item-wide ul.options li.fc a,
div.item-wide ul.options li.fl a,
div.item-wide ul.options li.ps a,
div.item-wide ul.options li.dl a,
div.item-wide ul.options li.fx,
div.item-wide ul.options li.air,
div.item-wide ul.options li.visit a
{
	display:block;
	/*float:left;*/
	background-repeat:no-repeat;
	background-position:left top;
	height:17px;
	margin: 0 0 0 4px;
	padding: 2px 0 0 24px;
}

div.item-wide ul.options li.fl a
{
	background-image:url(../images/icons/fl-icon-20x20.gif);
	width:86px;
}

div.item-wide ul.options li.fc a
{
	background-image:url(../images/icons/fc-icon-20x20.gif);
	width:86px;
}

div.item-wide ul.options li.ps a
{
	background-image:url(../images/icons/ps-icon-20x20.gif);
	width:86px;
}

div.item-wide ul.options li.dl a
{
	background-image:url(../images/icons/dl-icon-20x20.gif);
	width:80px;
}

div.item-wide ul.options li.fx
{
	background-image:url(../images/icons/fx-icon-20x20.gif);
	width:20px;
	height:20px;
	text-indent:-9999px;
	padding:0;
	margin: 0 4px 0 0;
}

div.item-wide ul.options li.air
{
	background-image:url(../images/icons/air-icon-20x20.gif);
	width:20px;
	height:20px;
	text-indent:-9999px;
	padding:0;
	margin: 0 4px 0 0;
}

div.item-wide ul.options li.visit a
{
	background-image:url(../images/icons/view-icon-20x20.gif);
	width:64px;
}

div.item ul.options li.fc a:hover,
div.item ul.options li.fl a:hover,
div.item ul.options li.ps a:hover,
div.item ul.options li.dl a:hover,
div.item ul.options li.visit a:hover,

div.item-wide ul.options li.fc a:hover,
div.item-wide ul.options li.fl a:hover,
div.item-wide ul.options li.ps a:hover,
div.item-wide ul.options li.dl a:hover,
div.item-wide ul.options li.visit a:hover
{
	background-position: left -20px;
}


/*----------------------------------------------------------------------- HOME COLUMNS */

.column
{
	width:280px;
	float:left;
	padding: 0 18px 10px 18px;
	margin: 14px 0 6px 0;
}

.middle
{
	border-left: solid 1px #FFFFFF;
	/*border-right: solid 1px #FFFFFF;*/
}

.banner-column
{
	width:316px;
	float:left;
	/*padding: 0 18px 10px 18px;*/
	margin: 14px 0 6px 0;
}

.column h4
{
	padding: 0 0 8px 0;
	font-weight:normal;
}

.column h4.left
{
	padding: 0 0 8px 0;
	font-weight:normal;
	display:block;
	float:left;
	width:100px;
}

.column h4.green
{
	color:#677E3D;
}

.column ul
{
	clear:both;
}

.column ul li
{
	padding: 0 0 10px 0;
}

.column li b
{
	color: #677E3D;
}

.column a.see-more
{
	margin-right: 0;
}

.banner-column a
{
	width:310px;
	height: 48px;
	margin: 0 0 8px 0;
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	text-indent:-9999px;
}

.banner-column a.degrafa-banner
{
	background-image:url(../images/banners/degrafa-banner-dark.jpg);
}

.banner-column a.cve-banner
{
	background-image:url(../images/banners/cve-banner.jpg);
}

.banner-column a.eui-jobs-banner
{
	background-image:url(../images/banners/eui-jobs-banner.jpg);
}

/*----------------------------------------------------------------------- BLOG */


/*----------------------------------------------------------------------- BOTTOM BAR */

.bottom-bar
{
	height: 32px;
}

.sn-icon
{
	float:right;
	width:34px;
	height:32px;
	background-image:url(../images/sn-icon.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	text-indent:-9999px;
	margin: 0 10px 10px 0;
}

.sn-icon:hover
{
	background-position: left -32px;
}

/*----------------------------------------------------------------------- FOOTER */

#footer
{
	width:960px;
	color:#999999;
	margin: 0 auto 0 auto;
	background-image:url(../images/footer-bg.png);
	background-repeat:repeat-y;
	background-position: left top;
	height: 28px;
}

#footer p
{
	padding: 7px 0 6px 14px;
	font-size: 0.9em;
	display:block;
	width: 600px;
	float:left
}

#footer p.blog-copyright
{
	width: 400px;
}

#footer ul.footer-sub-nav,
#footer ul.blog-footer-sub-nav
{
	display:block;
	float:right;
	width: 300px;
	padding: 4px 0 0 0;
	margin: 0 10px 0 0;
}

#footer ul.blog-footer-sub-nav
{
	width:400px;
}

#footer ul.footer-sub-nav li,
#footer ul.blog-footer-sub-nav li
{
	display:block;
	float:right;
	color:#999999;
	margin: 0 10px 0 0;
	padding: 3px 0 5px 10px;
	background-image:url(../images/grey-dot-rule-vertical.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
}

#footer ul.footer-sub-nav li.first,
#footer ul.blog-footer-sub-nav li.first
{
	background-image:none;
}

#footer ul.footer-sub-nav li a,
#footer ul.blog-footer-sub-nav li a
{
	color:#999999;
	text-decoration:none;
}

#footer ul.footer-sub-nav li a:hover,
#footer ul.blog-footer-sub-nav li a:hover
{
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------- CONTEST */
/*----------------------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------------- TOP NAVIGATION TAB */

.nav .head ul.main-nav li.green
{
	background-image:url(../images/main-tab-right-green.jpg);
}

.nav .head ul.main-nav li.green a
{
	background-image:url(../images/main-tab-left-green.jpg);
	color:#D0E7C9;
}

.nav .head ul.main-nav li.green a:hover
{
	color:#FFFFFF;
}

.nav .head ul.main-nav li.pink
{
	background-image:url(../images/main-tab-right-pink.jpg);
}

.nav .head ul.main-nav li.pink a
{
	background-image:url(../images/main-tab-left-pink.jpg);
	color:#ECD3DE;
	text-transform:lowercase;
	width:94px;
	text-align:center;
}

.nav .head ul.main-nav li.pink a:hover
{
	color:#FFFFFF;
}

/*----------------------------------------------------------------------------------- CONTEST CONTENT */

#holder .contest-content
{
	width:960px;
	margin: 0 auto 0 auto;
	padding: 0 170px 0 170px;
	background-image:url(../images/contest/contest-siders.png);
	background-repeat:no-repeat;
	background-position: center 100px;
}

#holder .contest-content .main
{
	background-image:none;
	padding-top:0;
}

#holder .contest-content .main .main-content
{
	background-image:url(../images/contest/content-bg-white.png);
}

#holder .main .main-content .contest
{
	/*background-color:#FFFFFF;*/
	/*background-image:url(../images/contest/checker-bg-light-grey-80.gif);*/
	background-repeat:repeat-y;
	background-position:left top;
	padding: 30px 0 0 60px;
}

#holder .main .main-content .contest .contest-left-column
{
	padding: 4px 0 40px 0;
	width:500px;
	float:left;
}

#holder .main .main-content .contest ul
{
	list-style:disc;
	list-style-type:disc;
	margin: 10px 0 10px 0;
}

#holder .main .main-content .contest ul li
{
	margin: 4px 0 0 14px;
}


#holder .main .main-content .contest .success-column
{
	height: 500px;
}


#holder .main .main-content .contest .contest-right-column
{
	padding: 4px 0 0 0;
	width:300px;
	float:right;
	margin: 0 30px 0 0;
}

#holder .main .main-content .contest h2
{
	color: #3399CC;
	margin: 10px 0 6px 0;
}

#holder .main .main-content .contest h3
{
	color: #799549;
	margin: 0 0 6px 0;
}

#holder .main .main-content .contest h4
{
	padding: 0 0 0 12px;
	display:block;
	width: 200px;
	float:left;
}

#holder .main .main-content .contest h4
{
	font-weight:normal;
}

#holder .main .main-content .contest a.grey-button
{
	font-weight:bold;
	float:none;
	text-transform:none;
}

#holder .main .main-content .contest dl
{
	margin: 0 0 10px 0;
}

#holder .main .main-content .contest dl dt
{
	font-weight:bold;
	margin: 10px 0 4px 0;
}

#holder .main .main-content .contest dl dd
{
	margin: 0 0 10px 20px;
}

#holder .main .main-content .contest .contest-right-column a.big-green
{
	background-image:url(../images/contest/big-green-button.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width: 244px;
	height: 31px;
	display:block;
	text-align:center;
	padding: 13px 0 0 0;
	font-size: 1.6em;
	font-weight:bold;
	margin: 0 0 20px 28px;
	text-decoration:none;
}

#holder .main .main-content .contest .contest-right-column a.big-green:hover
{
	color:#FFFFFF;
}

/*------------------------------------------------------------- CONTEST SPONSORS */

#holder .main .main-content .contest .contest-right-column .contest-sponsors
{
	background-image:url(../images/contest/checker-blue.gif);
	background-repeat:repeat;
	background-position: left top;
	padding: 10px;
}

#holder .main .main-content .contest .contest-right-column .contest-sponsors h3
{
	font-size: 1.4em;
	color:#3399CC;
}

#holder .main .main-content .contest .contest-right-column .contest-sponsors p
{
	background-color:#FFFFFF;
	padding:10px;
}

/*------------------------------------------------------------- CONTEST HEADER */

.contest-header
{
	width:1050px;
	margin: 0 auto 0 auto;
	background-image:url(../images/contest/contest-header.png);
	background-position: center 10px;
	background-repeat:no-repeat;
	height: 300px;
	padding: 20px 155px 0 95px;
}

.contest-header .contest-intro
{
	width: 266px;
	height: 202px;
	padding: 20px;
	float:right;
	margin: 40px 40px 0 0;
	background-image:url(../images/contest/intro-bg.png);
	background-position: left top;
	background-repeat:no-repeat;
}

.contest-header .contest-intro h2
{
	color: #3399CC;
	margin: 0 0 6px 0;
	font-size:1.7em;
}

.contest-header .contest-intro h3
{
	color: #999999;
	margin: 10px 0 0 0;
	font-size:1.2em;
}

.contest-header .contest-intro ul li
{
	margin: 0 0 4px 0;
}


/*------------------------------------------------------------- CONTEST NAVIGATION */

#holder .main .main-content ul.contest-nav
{
	display: block;
	background-color:#555555;
	height:22px;
	padding: 8px 0 0 60px;
}

#holder .main .main-content ul.contest-nav li
{
	display: block;
	float:left;
}

#holder .main .main-content ul.contest-nav li a
{
	color:#DDDDDD;
	font-weight:bold;
	margin: 0 24px 0 0;
	text-decoration:none;
}

#holder .main .main-content ul.contest-nav li a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

/*------------------------------------------------------------- CONTEST SUBMIT FORM */

.contest-form input.browse
{
	width: 60px;
	margin-left: 10px;
	padding: 4px 8px 4px 8px;
	background-color:#666666;
	color:#FFFFFF;
	border: solid 1px #DDDDDD;
}

.contest-form input.contestSubmit
{
	width: 100px;
	margin: 6px 0 0 0;
	padding: 4px 8px 4px 8px;
	background-color:#799549;
	color:#ffffff;
	border: solid 1px #333333;
	font-size: 1.2em;
	font-weight:bold;
}

.contest-form input.text
{
	width: 300px;
	padding: 4px 8px 4px 8px;
	color:#333333;
	border: solid 1px #DDDDDD;
}

.contest-form textarea
{
	width: 300px;
	height: 160px;
	padding: 4px 8px 4px 8px;
	color:#333333;
	border: solid 1px #DDDDDD;
}

.contest-form label
{
	color: #799549;
	margin: 0 0 10px 0;
	font-weight:bold;
}

.contest-form h3
{
	color: #799549;
	margin: 10px 0 6px 0;
	font-weight:bold;
	font-size: 1em;
}

.contest-form label.radio-label
{
	color: #333333;
	font-weight:normal;
	margin: 4px 10px 0 0;
	padding: 0 0 0 6px;
}

.contest-form ul
{
	margin: 10px 0 10px 10px;
	list-style:disc;
	list-style-type:disc;
}

.contest-form ul li
{
	margin: 4px 0 0 10px;
}

.contest-form label.check-label
{
	margin: 4px 0 0 0;
	padding: 0 0 0 6px;
}

.contest-form p.terms label
{
	font-weight:normal;
	color:#333333;
}

.contest-form p.browse-area
{
	background-image:url(../images/checker-bg-light-grey.gif);
	background-repeat:repeat;
	padding:10px;
	margin: 0 0 16px 0;
}

.contest-form p
{
	font-weight:normal;
	margin: 6px 0 0 0;
}

.checkboxTextError
{
	color: #C1392B;
	padding: 0 0 0 6px;
	border: solid 1px #C1392B;
}

.textField
{
	background-color: #FFFFFF;
}

.textFieldError
{
	width: 300px;
	padding: 4px 8px 4px 8px;
	color:#333333;
	border: solid 1px #C1392B;
}

.validMessage
{
	background-color:#75AD12;
	font-style:normal;
	color:#FFFFFF;
	text-align:center;
	padding: 4px;
	margin: 0 0 14px 0;
	display:block;
}

.errorMessage
{
	background-color:#C1392B;
	font-style:normal;
	color:#FFFFFF;
	text-align:center;
	padding: 4px;
	margin: 0 0 14px 0;
	display:block;
}

/*----------------------------------------------------------------------- CONTEST INTRO (HOMEPAGE) */

#holder .home-content .contest-promo
{
	background-image:url(../images/contest/contest-promo.png);
	background-position: left top;
	background-repeat:no-repeat;
	height:400px;
}

#holder .home-content .contest-promo a.clear-image
{
	float:left;
}

#holder .home-content .contest-promo .contest-intro
{
	width: 266px;
	padding: 20px;
	float:right;
	margin: 0 30px 0 0;
	background-image:url(../images/contest/promo-bg.png);
	background-position: left top;
	background-repeat:no-repeat;
	height: 344px;
}

#holder .home-content .contest-promo .contest-intro h2
{
	color: #3399CC;
	margin: 0 0 6px 0;
	font-size:1.7em;
}

#holder .home-content .contest-promo .contest-intro h2 a
{
	color: #3399CC;
	text-decoration:underline;
}

#holder .home-content .contest-promo .contest-intro h2 a:hover
{
	color: #333333;
}

#holder .home-content .contest-promo .contest-intro h3
{
	color: #3399CC;
	margin: 10px 0 0 0;
	font-size:1.2em;
}

#holder .home-content .contest-promo .contest-intro h4
{
	text-transform:none;
}

#holder .home-content .contest-promo .contest-intro h4 a
{
	text-decoration:underline;
	text-transform:uppercase;
}

#holder .home-content .contest-promo .contest-intro h4 a:hover
{
	color: #3399CC;
}

#holder .home-content .contest-promo .contest-intro ul li
{
	margin: 0 0 4px 0;
}

#holder .home-content .contest-promo .contest-intro ul.sponsors
{
	display:block;
	margin: 10px 0 0 0;
}

#holder .home-content .contest-promo .contest-intro ul.sponsors li a
{
	display:block;
	text-indent:-9999px;
	height:54px;
}

#holder .home-content .contest-promo .contest-intro ul.sponsors li a.adobe
{
	background-image:url(../images/contest/adobe-logo.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#holder .home-content .contest-promo .contest-intro ul.sponsors li a.effectiveui
{
	background-image:url(../images/contest/effectiveui-logo.gif);
	background-position:center;
	background-repeat:no-repeat;
}

/*----------------------------------------------------------------------- TUTORIALS */

.tut-mov
{
	background-color: #EEEEEE;
	padding: 10px;
	margin: 0 0 10px 0;
}

.tut-mov h5.hd
{
	color:#666666;
	text-decoration:underline;
	padding:0;
	margin:0;
}