/* 	The styles contained within this stylesheet are intended for demonstration purposes only.

	If certain page elements are not required, it is not necessary to include them in the final stylesheet. */



body{font-size:76%; margin:0; padding:40px 0; padding-top: 0; color:#393228; background:#FFF url(../images/bg/bg-body.jpg) center top;} /* all subsequent fonts sized in ems ONLY. */

*{outline:none;}


.shadow{width:940px;padding:0 17px;margin:0 auto;background:url(../images/bg/shadow.png) left top repeat-y;}
.shadow-top{width:940px;padding:0 17px;margin:0 auto;background:url(../images/bg/shadow-top.png) left top no-repeat;height:17px;overflow:hidden;}
.shadow-bottom{width:940px;padding:0 17px;margin:0 auto;background:url(../images/bg/shadow-bottom.png) left top no-repeat;height:17px;overflow:hidden;}
.shadow-bottom-alt{width:940px;padding:0 17px;margin:0 auto;background:url(../images/bg/shadow-bottom-alt.png) left top no-repeat;height:17px;overflow:hidden;}



.banner{width:728px;margin:-40px auto 3px auto;}



/* LAYOUT */

#page{width:930px;padding:0;text-align:left;}

#header{background:#f2f5e2 url(../images/bg/bg-header.jpg) left top no-repeat;;clear:both;margin:0;padding:12px 10px 2px 14px;}
#header #banner a{float: right;}
#footer{clear:both;margin:2px 0 0 0;}

#container{background:url(../images/bg/container.gif) left top repeat-y;z-index:0;}

#content{background-color:#FFF;}

	#additional{float:right;width:152px;}

	#content{float:left;width:762px;}

	#content .padding{padding:0;}

	#content .padding .padding{padding:5px 0 5px 5px;}



	#additional .advert{margin:10px 0 10px 0;}

	#additional .advert img{display:block;}

	

#page.full #content{width:930px;}

#page.full #header{background:url(../images/bg/header-alt.jpg) left bottom no-repeat;padding:0 0 10px 0;}

#page.full h2{margin-top:0;}


#header .logo{float:left;}

/* FORMAT */

abbr,acronym,dfn{cursor:help;border:0;}

a abbr,a acronym,a dfn{cursor:pointer;}



pre,address{margin:0;padding:0;}

p, blockquote{margin:0;padding:0 0 1.2em 0;line-height:1.3em;}

blockquote {margin:1em 0; padding:1em 0 1em 35px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background:url(../images/quote-open.gif) 0 1em no-repeat;}

blockquote p {padding-right:35px; background:url(../images/quote-close.gif) right top no-repeat;}

q{font-style:italic;}

img{border:0;}



p.strapline{font-size:1.2em;color:#481905;font-style:italic;padding:0 0 0.8em 0;}





/* FORMAT > fonts */
body,input,textarea,select{font-family:Georgia,"Times New Roman",Times,serif}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}





/* ANCHORS */

a{text-decoration:none!important;color:#ca1515;}

a:link{ }

a:visited{ }

a:hover{text-decoration:none;color:#ca1515;}

a:active{ }



#content a{}

#content a:hover{border-bottom:1px solid #ca1515;}



/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#393737;}
h1{font-size:2em;clear:left;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}




/* HR */

.hr{height:9px;overflow:hidden;background:url(../images/bg/blog-post.gif) left 5px repeat-x;padding:0;}

.hr hr{display:none;}





/* LISTS */

ul,ol,dl{margin:0;padding:0 0 20px 35px;}

ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}

ul{list-style-type:disc;}

ol{list-style-type:decimal;}

li{margin:0;padding:0;}



dt{display:block;float:left;}

dd{margin-left:10em;}



ul.links{color:#ca1515;}

ul.links li{color:#ca1515;}

#content ul.links li a{border:0;}





ul.inline-links{list-style-type:none;margin:0 -15px 0 0;padding:0;}

ul.inline-links li{margin:0;padding:0;float:left;display:block;width:auto;margin:0 20px 0 0;}

ul.inline-links li a{border-bottom:1px dotted #5A482E;}





/* IMAGES */

.blogshadow{float:left;width:auto;padding:0 10px 10px 0;background:url(../images/bg/image-shadow.gif) right bottom no-repeat;margin:0;}

.blogshadow img{display:block;}





/* FOOTER LINKS */

#footer{padding:30px 0 0 0;}

	#footer ul{list-style-type:none;margin:0;padding:0;}

	#footer ul li{display:inline;margin:0;padding:0;font-size:0.94em;}

	#footer ul li a{padding:0;}

	#footer p{font-size:0.94em;padding:0;margin:0;}



/* TABLES */

caption{display:block;padding:0;margin:0;}

table{border:0px;width:100%;margin:0 0 20px 0;}

th{border:0px;padding:4px 8px 4px 8px;font-weight:normal;color:#fff;font-weight:bold;}

th.row-header{background-color:transparent;color:#000;}

td{border:0px;padding:2px 8px 2px 8px;}

tr.alt td{background-color:#eee;}





/* FORMS */

form{margin:0;padding:0;}

fieldset{border:0px solid #FFF;margin:0 0 10px 0;padding:20px;background:#e9edda;border-bottom:1px solid #d8ddbf;}

fieldset.alt{background:#fff url(../images/bg/fieldset-alt.gif) center bottom no-repeat;border:0;}



legend{margin:0;padding:0;color:#333;}



fieldset h2{float:left;width:auto;background:#d9d6c1;color:#393228;margin:-19px 0 20px -20px;padding:3px 10px;font-size:1.1em;}



.field{padding:0 0 10px 0;}



.label{float:left;width:300px;padding:0;margin:0 20px 0 0;text-align:left;}

.element{float:left;width:160px;margin:0;padding:0;}

	

.label p{margin:0;padding:0;font-size:0.94em;text-align:right;}

	

.label label{display:block;text-align:right;padding:2px 0 0 0;font-size:1.1em;}

.element label{padding:2px 0 0 0;text-align:left;}



div.radio{float:left;width:auto;margin:0 20px 0 0;padding:3px 0 0 0;}



textarea{border:1px solid #7f9db9;width:160px;font-size:1.1em;}

input.text{border:1px solid #7f9db9;width:160px;font-size:1.1em;}

input.radio{float:left;margin:1px 5px 0 0;}

input.submit{float:right;width:auto;border:0;background:url(../images/bg/submit.gif) left bottom no-repeat;text-transform:lowercase;color:#d40b02;font-size:1.2em;padding:0 0 0 8px;}



fieldset.alt input.submit{background:url(../images/bg/submit-alt.gif) left bottom no-repeat;}



.highlight{color:#811701;font-style:italic;}



.register-cols-alt .field{padding:0 0 20px 0;}


/* SHORTCUTS */

#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}

#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}


/* FEATURE */

.feature{position:relative;background:url(../images/bg/feature-top.gif) left top no-repeat;width:762px; margin-top: 0px;}

#content .feature .padding{background:url(../images/bg/feature-bottom.gif) left bottom no-repeat;padding:20px 0;height:19.15em;width:762px;overflow:hidden;min-height:230px;}

.feature h2{background: #fff;padding:0;margin:0 0 2px 0;color:#481905;font-size:1.5em;}

.feature .items{width:5000px;min-height:230px;}

.feature .item{width:750px;float:left;padding:0 10px 0 10px;min-height:230px;}

.feature .text{width:375px;float:left;}

.feature .image{width:365px;float:right;}

.feature .image img{z-index:0;}

#content .feature .image .button{display:block;float:right;position:relative;width:87px;margin:-36px 3px 0 0;z-index:1;border:0;}

.feature .text p{clear:both;}



.feature .feature-nav{position:absolute;bottom:18px;left:-3px;width:385px;padding:5px 0 5px 10px;background:#FFF;}

.feature .feature-nav h2{text-transform:uppercase;font-size:0.94em;margin:0 0 3px 0;padding:0 0 0 3px;}

.feature .feature-nav ul{list-style-type:none;margin:0;padding:0;}

.feature .feature-nav ul li{margin:0 1px 0 0;padding:1px;float:left;width:70px;font-size:0.94em;border:1px solid #FFF;min-height:80px;}

#content .feature .feature-nav ul li a{display:block;text-decoration:none;border:0;padding:0px;}

.feature .feature-nav ul li a img{position:relative;display:block;border:1px solid #943f28;margin:0 0 2px 0;}

.feature .feature-nav ul li a .text-padding{padding:0 2px;}

.feature .feature-nav ul li a span{border-bottom:1px dotted #ca1515;}

.feature .feature-nav ul li a:hover span{border-bottom-style:solid;}



.feature .feature-nav ul li:hover,

.feature .feature-nav ul li.on{background:#F0F0F0;border:1px solid #cdc8c8;}



#feature-0,

#feature-1,

#feature-2,

#feature-3,

#feature-4{display:none;}



#feature-0.selected,

#feature-1.selected,

#feature-2.selected,

#feature-3.selected,

#feature-4.selected{display:block;}



#feature-0.selected{opacity:1;}





/* LABELS */

.title{float:left;color:#fff;text-transform:uppercase;background:#958671;width:auto;padding:1px 3px;font-size:0.94em;margin:0 0 4px 0;}

.title.colour1{background:#958671;}

.title.colour2{background:#6B7A5B;}

.title.colour3{background:#B1585C;}

.title.colour4{background:#55788B;}

/* COLS */

.cols .col1{float:left;width:443px;}

.cols .col2{float:right;}


/* ARTICLES */

.articles{}

	.articles .article{float:left;width:247px;margin:0 8px 8px 0;background:#e0dad2;}

	.articles .article h3{font-size:1.1em;background:#958671;padding:7px;min-height:32px;}

	#content .articles .article h3 a{color:#FFF;border:0;}

	#content .articles .article h3 a:hover{border-bottom:1px dotted #FFF;}

	.articles .article img{display:block;float:left;width:auto; max-height: 170px;}

	.articles .article .text{float:left;width:124px;}

	.articles .article p{padding:4px 7px;}

	#content .articles .article p a{color:#000;border:0;}

	#content .articles .article p a:hover{border-bottom:1px dotted #000;}

	.articles .last{margin:0;}

	

	.articles .colour1 h3{background:#958671;}

	.articles .colour2 h3{background:#55788b;}

	.articles .colour3 h3{background:#6b7a5b;}

	.articles .colour4 h3{background:#811d02;}

	

/* IMAGES */

.image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;}

.image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}



.image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;}

.image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}



.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}



/* TWO COLUMN */

.col-one, .col-two {width:48%;}

.col-one {float:left;}

.col-two {float:right;}



.content-cols .col1{float:left;width:420px;}

.content-cols .col2{float:right;width:330px;margin:0 -10px 0 0;} 


/* REGISTER */

.register-cols .col1{float:left;width:282px;margin:0 20px 0 0;}

.register-cols .col2{float:left;width:350px;}



.register-cols .col1 .label{width:100px;}

.register-cols .col2 .label{width:170px;}





/* GENERIC */

.generic .cols .col1{width:400px;}

.generic .cols .col2{width:337px;}

/* RELATED ARTICLES 

.related-articles{}

.related-articles .article{border-bottom:1px dotted #6b7a5b;padding:0;margin:0 0 10px 0;}

.related-articles .article .image-shadow img{border:1px solid #6b7a5b;margin:2px 0 0 0;}

.related-articles .article .text{float:left;width:250px;}

.related-articles .article .text h3{font-size:1em;font-weight:bold;}

#content .related-articles .article .text h3 a{border-width:0;}

#content .related-articles .article .text h3 a:hover{border-width:1px;}

.related-articles .article .text p{padding:0;}

#content .related-articles .article .text p a{border:0;color:#393228;}

#content .related-articles .article .text p a:hover{border-bottom:1px dotted #393228;}

.related-articles .article .text p.date{color:#696161;}





/* PRINT LINK */

#content .print{margin:0 0 10px 0;}

#content .print a{display:block;border:0;float:left;width:auto;padding:3px 0 2px 20px;background:url(../images/icons/print.gif) left top no-repeat;font-size:0.94em;}





/* NETWORKING SITES */

.networking{}

.networking ul{list-style-type:none;margin:0;padding:0;}

.networking ul li{margin:0 15px 0 0;padding:0;display:block;float:left;width:auto;}

#content .networking ul li a{border:0;font-size:0.94em;padding:6px 0 2px 30px;display:block;min-height:20px;}

#content .networking ul li a.digg{background:url(../images/icons/digg.gif) left top no-repeat;}

#content .networking ul li a.reddit{background:url(../images/icons/reddit.gif) left top no-repeat;}

#content .networking ul li a.stumble{background:url(../images/icons/stumbleupon.gif) left top no-repeat;}

#content .networking ul li a.delicious{background:url(../images/icons/delicious.gif) left top no-repeat;}

*/




/* ARCHIVE */

.archive .cols .col1{width:370px;}

.archive .cols .col2{width:340px;}

.archive .cols .col3{float:left;width:155px;}

.archive .cols .col4{float:right;width:160px;}

.archive h2.alt{font-size:1.2em;margin:10px 0 0 0;padding:1px 0;}



.accordion{padding:4px 0 0 0;}

.accordion ul{list-style-type:none;margin:0;padding:0;}

.accordion ul li{margin:0;padding:0;display:block;padding:2px 15px;}

#content .accordion ul li a{border-width:0;color:#8e4044;}

#content .accordion ul li a:hover{border-bottom-width:1px;border-bottom-style:dotted;}

#content .accordion ul li.open{background:url(../images/turning/buttons/close.gif) left 5px no-repeat;}

#content .accordion ul li.close{background:url(../images/turning/buttons/open.gif) left 5px no-repeat;}

#content .accordion ul li.open li,

#content .accordion ul li.close li{background:transparent;color:#481905;padding:2px 0;}

#content .accordion ul li.open li a,

#content .accordion ul li.close li a{color:#481905;}




/* CLEARING */

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clear{display:inline-table;}

.padding{padding:10px;}

/* FILTERS */

/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */

/* Fix any uppercase subheadings in an article. ASP script makes any [sh] tag lower case and then we text-transform here*/
#content .col1 h3 {text-transform: capitalize;}


/* NEW STUFF FROM ORIGINAL MJ CSS*/
/* NAVIGATION */
#navigation{position:relative;z-index:10;background:#fff;clear:both;margin:0;border-top:1px solid #d8dbc6;border-left:1px solid #dedede;border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
	#navigation ul{list-style-type:none;margin:0;padding:0;float:left;}
	#navigation ul li{position:relative;display:block;float:left;width:auto;margin:0;padding:0;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.15em;}
	#navigation ul li a{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;color:#000;display:block;float:left;width:auto;text-decoration:none;margin:0;padding:3px 7px 5px 7px;line-height:1.1em;background:url(../images/bg/bg-nav-a.gif) right 5px no-repeat;font-size:1em !important;}
	#navigation ul li a:hover{color:#b70a6c;text-decoration:underline;}
	#navigation ul li a.selected{color:#b70a6c;}
	
	#navigation ul ul{position:absolute;top:24px;left:0;width:126px;background:url(../images/bg/bg-subnav.png) left bottom no-repeat;padding:0 0 10px 0;}
	#navigation ul ul li{font-size:0.94em;float:none;}
	#navigation ul ul li a{display:block;float:none;font-size:1em;background:transparent;padding:1px 6px;}
	#navigation ul ul li a.easy{color:#d06989;}
	#navigation ul ul li a.intermediate{color:#c32b5a;}
	#navigation ul ul li a.advanced{color:#a01083;}
	
/* IMAGES */
.image-left{float:left;display:block;width:auto;clear:right;margin:0 15px 20px 0;padding:0 0 2px 0;}
	.image-left img{display:block;margin:0 0 0 0;}
	.image-left p{background:#d6d6eb;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;padding:3px 5px 5px 5px;margin:0;font-size:1.1em !important;width:288px;}

.image-right{float:right;display:block;width:auto;clear:right;margin:0 0 20px 15px;padding:0 0 2px 0;}
	.image-right img{display:block;margin:0 0 0 0;}
	.image-right p{background:#d6d6eb;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;padding:3px 5px 5px 5px;margin:0;font-size:1.1em !important;width:288px;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}



/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;border-top:1px solid #000;border-left:1px solid #000;width:100%;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;background-color:#000;color:#fff;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;}
tr.alt{background-color:#eee;}
tr a{color:#df0d92;}
tr a:visited{color:#df0d92;}
tr a:hover{color:#df0d92;}


.homepage .col2 {margin-left: 5px; float: left; min-width: 305px!important;}

.HPSubsText {width: 170px; float: right;}
.homepage .col2 img {margin-bottom:5px;border:1px solid; float: left;}

/* Craig Hacks for Free Book link and Magazine Link */
#content .freebook {width: 420px; background-color: }
#content .freebook p {width: 235px; max-height: 100px;}
#content .freebook h3 {width: 235px; background-color: #000; color: #fff;}
#content .magazine {width: 325px;}
#content .magazine h3 {width: 176px;}

#content .magazine a img {width: 135px; height: 170px;padding: 0px; background-color: #fff; padding-top: 0px}

.articles .article {height: 170px;}

/* ARCHIVES */
.archive{}

.archive p{text-align:justify;}

.archive .item h3{text-transform:uppercase;font-size:1.1em;}
.archive .item p{font-size:1em;}

.archive .cols{padding:0 5px;}
.archive .col1{float:left;width:355px; }
.archive .col2{float:right;width:355px!important;}

.archive .item{margin:0 0 15px 0;}
.archive .item .image{float:left;padding:0px;background:url(../images/bg/bg-archive-photo.gif) left top no-repeat;}
.archive .item .text{float:right;max-width:165px;padding:10px 0 0 0;}
.archive .item a.button{font-size:1em;}

.archive .intro .col1{float:left;width:605px;padding:10px 0 0 0;}
.archive .intro .col2{float:right;width:270px;padding:25px 0 0 0;}

/* fonts */
.archive a{color:#c9007e;}
.archive p{font-family:Georgia,"Times New Roman",Times,serif;}
.archive .intro p{font-size:1.2em;}
.archive p.intro{color:#777;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:3px 0 0 0;padding:0 0 10px 0;}

.archive .intro .col1{width:550px;}
.archive .intro .col2{width:330px;padding:10px 0 0 0;}

.archive .intro .col2 .image{background:url(../images/bg/bg-projects-archive-image.gif) left top no-repeat;padding:23px 0 23px 25px;}

.archive .breadcrumb li{font-size:2em;}
.archive .breadcrumb li.section{font-size:1.6em;}
.archive h2{font-family:Georgia,"Times New Roman",Times,serif;color:#000;font-size:1.8em;margin:0 0 3px 0;padding:0;}
.archive h3{background:#000;color:#fff;text-transform:uppercase;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.2em;font-weight:normal;margin:0;padding:1px 5px;float:left;width:auto;}
.archive h3 a{color:#FFF;}
.archive div.button{margin:0 0 5px 0;clear:both;}
.archive a.button{background:#c9007e;color:#fff;font-size:1.1em;}
.archive .cols{padding:0 10px 0 0;}
.archive .item{margin:0 0 20px 0;}
.archive .item .image{background:transparent;padding:0;border:1px solid #cccdc5; width:173px; overflow: hidden; text-align:center;}
.archive .item .text{width:230px;padding:0;}
.archive .item .text h3{font-size:1em;}
.archive .item a.button{font-size:1em;}


/* Fashion Archive*/
.archive .fashion h1{font-size:2.2em;}
.archive .fashion h3{text-transform:none;font-family:Georgia,"Times New Roman",Times,serif;padding-bottom:3px;}
.archive .fashion .intro h3{font-size:1.6em;font-weight:normal;}
.archive .fashion .item h3{font-size:1.1em;font-weight:normal;}
.archive .fashion .item a img {padding:0; border:0; margin:0; }

.pagination{background:url(../images/bg/bg-pagination-top.gif) left top no-repeat;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:5px 0 15px 0;}
#content .pagination .padding{padding:8px 8px 8px 8px;background:url(../images/bg/bg-pagination-bottom.gif) left bottom no-repeat;}
.archive .pagination h2{float:left;width:auto;background:#000;color:#FFF;padding:2px 4px;margin:0 10px 0 0;text-transform:uppercase;font-size:1em;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
.archive .pagination p{float:left;width:auto;padding:3px 0 0 0;margin:0 5px 0 0;font-size:1em;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
.pagination ul{float:left;width:auto;list-style-type:none;margin:0;padding:1px 0 0 0;}
.pagination ul li{display:block;float:left;width:auto;margin:0;padding:0;}
.pagination ul li a{display:block;float:left;width:auto;padding:1px 4px;margin:0 10px 0 0;font-size:1em;}
.pagination ul li a.selected,
.pagination ul li a:hover{background:#000;text-decoration:none!important;color:#fff;}


/* COMMUNITY */
.community{font-family:Georgia,"Times New Roman",Times,serif !important;}
.community h1{font-size:2.2em;margin:10px 0 10px 0;}
.community p{font-size:1.15em;}
.community ul li{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.15em;}


/* HIGHLIGHT BOXES */
.box{margin:5px 0 0 0px;padding:10px 15px 15px 15px;color:#FFF;background-color:#000;clear:left;}
	.box h1{color:#FFF;margin:0 0 5px 0;padding:0;font-size:2.2em;font-weight:normal;}
	.box h2{color:#FFF !important;text-transform:lowercase;margin:0 0 5px 0;padding:0;font-size:1.9em;font-weight:normal;font-family:Georgia,"Times New Roman",Times,serif !important;}
	.box h2.bullets{padding-left:23px;}
	.box h3{color:#9a9a9a;font-size:1.2em;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:10px 0 0 0;}
	.box img{display:block;margin:0 0 10px 0;}
	.box a{color:#2f60a3;}
	.box p{color:#FFF;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:0;padding:0;font-size:1.1em !important;}
	.box p.intro{font-family:Georgia,"Times New Roman",Times,serif !important;color:#FFF !important;font-size:1.2em !important;font-weight:normal;}
	.box strong{text-transform:uppercase;font-weight:normal;}
	.box .highlight{color:#2f60a3;}
	
	.box .col1{float:left;width:380px;margin:5px 0 0 0;}
	.box .col2{float:right;width:455px;margin:5px 0 0 0;}
	
	.box .photos{position:relative;margin:105px 0 0 0;min-height:330px;padding-left: 20px;}
	.box .photo{position:absolute;bottom:0;background:#f1f5e1;padding:14px 12px 73px 12px;width:180px;margin:0;}
	.box .photo.two{left:260px;}
	.box .photo.three{left:500px;}
	.box .photo img{display:block;margin:0;}
	.box .photo p{position:absolute;display:block;float:left;width:auto;line-height:1.3em;background:#000;padding:3px 7px;margin:10px 10px 0 0;text-align:left;text-transform:uppercase;}
	.box .photo p.two{clear:left;left:12px;margin:2.5em 0 0 0;}

/* BREADCRUMB */
.breadcrumb{margin:10px 0 0 0;}
.breadcrumb ul{list-style-type:none;padding:0;margin:0;}
.breadcrumb li{display:block;float:left;width:auto;margin:0 10px 5px 0;padding:0;font-size:1.8em;}
.breadcrumb li.section{background:#000;color:#FFF;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;padding:2px 5px;text-transform:uppercase;font-size:1.2em;}
.breadcrumb li.section.project{background:#f3abc1;font-size:1.4em;}
.breadcrumb li.section.intermediate{background:#e64e7d;font-size:1.4em;}
.breadcrumb li.section.advanced{background:#c468b1;font-size:1.4em;}
.breadcrumb li.section.techniques{background:#d81937;font-size:1.8em;font-family:Georgia,"Times New Roman",Times,serif;text-transform:capitalize;margin-bottom:10px;}
.breadcrumb li.section.shopping{background:#73295d;font-size:1.8em;font-family:Georgia,"Times New Roman",Times,serif;text-transform:capitalize;margin-bottom:10px;}
.breadcrumb li span.steps{font-size:0.79em;}

/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;}

dt{display:block;float:left;}
dd{margin-left:10em;}


ul.bullets{list-style-type:none;margin:10px 0;padding:0;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
ul.bullets li{margin:0;padding:0 0 5px 23px;background:url(../images/bg/bg-ul-bullets.png) left 6px no-repeat;font-size:1.1em;}
.bullet-cols ul.bullets{float:left;width:45%;}
.bullet-cols ul.bullets.left{width:50%;margin:0 5px 0 0 !important;}
.bullet-cols ul.bullets.right{float:left;width:47%;}


/* HORIZONTAL RULE */
div.hr{background:url(../images/bg/bg-hr.gif) left top repeat-x;height:1px;margin:5px 0;}
div.hr hr{display:none;}

/* FASHION */
.fashion .box{padding:6px 6px 10px 10px;margin:0 0 15px 0;}
.fashion .box p{font-size:1.2em !important;font-weight:normal !important;}
.fashion .hr{margin:10px 0;}
.fashion p{font-size:1.15em;padding-bottom:0.7em;}
.fashion p.intro{font-size:1.4em;}
.fashion ul.bullets{margin-top:0;margin-left:15px;}
.fashion ul.bullets li{font-size:1.15em;background:url(../images/bg/bg-ul-bullets-red.png) left 8px no-repeat;}

.fashion-cols-intro .col1{float:left;width:400px;background:url(../images/bg/bg-fashion-image.gif) left top no-repeat;min-height:470px;}
.fashion-cols-intro .col1 .padding{padding:24px !important;}
.fashion-cols-intro .col1 p{width:auto;background:#000;color:#FFF;padding:2px 7px 2px 7px;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:15px 0 0 0;text-transform:uppercase;font-size:1.1em;}
.fashion-cols-intro .col2{float:right;width:440px;padding:5px 0 0 0;}



.fashion-cols h2{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;background:#000;color:#FFF;padding:2px 5px;margin:0 0 10px 0;font-size:1.9em;}
.fashion-cols p{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}

.fashion-cols .photo img{display:block;}
.fashion-cols .photo p{background:#d6d6eb;padding:1px 7px 3px 7px;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.1em;line-height:1.6em;}

.photo-cols{padding:0 0 5px 0;}
.photo-cols .photo{float:left;max-width:230px;margin:0 0 0 10px;}

.fashion-cols{padding:10px 0 0 0;}
.fashion-cols .col1{float:left;width:480px;}
.fashion-cols .col2{float:right; max-width:260px;}
.fashion-cols .col1 p, .fashion-cols .col2 p {line-height: 1.2em;}
.fashion-cols .col2 img {margin-bottom:0;}


/* PROJECTS */
.projects{}
.projects h1{font-size:2.2em;margin:0 0 10px 0;}
.projects p{font-size:1.15em;}
.projects p.intro{color:#797777;padding:0;margin:0 0 5px 0;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.2em;}
.projects .hr{margin:10px 0;}

.projects-nav{float:right;width:auto;background:url(../images/bg/bg-projects-form.jpg) left top;margin:0 0 10px 10px;}
.projects-nav fieldset{padding:8px 8px 20px 8px;}
.projects-nav label{text-transform:uppercase;display:block;margin:0 0 2px 0;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.1em;color:#000!important;}
.projects-nav select{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}

.fashion .projects-nav{background:url(../images/bg/bg-fashion-form.jpg) left top;margin:6px 6px 10px 10px;}
.fashion .projects-nav label{color:#FFF;}

.shopping .projects-nav{margin:-40px 0 10px 0;}


.project-cols .col1{float:left;width:441px;}
.project-cols .col2{float:right;width:289px;}
.project-cols .col1 img {width: 450px;}

.artist{border:1px solid #7f7f7f;padding:7px 10px 10px 10px;margin:0 0 10px 0;}
.artist img{display:block;float:left;width:auto;margin:3px 10px 0 0; width: 110px;}
.artist h2{color:#005696;text-transform:uppercase;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.4em;margin:0;}
.artist h3{}
.artist p{font-size:1.1em;text-align:left;padding:0;margin:0;line-height:1.2em;}
.artist a{color:#005696}

.tools h2{text-transform:uppercase;font-size:1.2em;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:0;}
.tools ul.bullets{margin:0;}
.tools ul.bullets li{padding-bottom:0;}

.steps .step{float:left;width:247px;margin:0 10px 10px 0;}
.steps .step.last{margin-right:0;}
.steps .step img{display:block;margin:0 0 2px 0;}
.steps .step img.border{border:1px solid #d0d5d0;}
.steps .step h2{color:#005696;text-transform:uppercase;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.4em;margin:0;}
.steps .step p{text-align:left;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.1em;line-height:1.2em;padding:0;}
.step img {width: 247px;}

.tips-cols{margin:5px 0 0 0;}
.tips-cols .col1{float:left;width:500px;}
.tips-cols .col2{float:right;width:370px;}
.tips-cols .box{min-height:215px;}

/* 10 Questions */
.ten-questions{}
.ten-questions h1{font-size:2.2em;}
.ten-questions h1 span{display:block;font-size:1.2em;margin:5px 0;}
.ten-questions h2{color:#2f60a3;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.9em;margin:0 0 10px 0;}
.ten-questions h3{color:#2f60a3;font-size:1.2em;font-weight:bold;margin:0 0 5px 0;}
.ten-questions p{font-size:1.15em;text-align:justify;}
.ten-questions img.full{display:block;margin:0 0 15px 0;}


/* INSPIRATION */
.inspiration{background:url(../images/bg/bg-inspiration.gif) center top no-repeat;}
.inspiration h1{font-size:2.2em;margin:0 0 10px 0;}
.inspiration p{font-size:1.15em;}
.inspiration p.intro{color:#797777;padding:0;margin:0 0 5px 0;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.2em;}
.inspiration-cols{}
.inspiration-cols .col1{float:left;width:470px;margin-left:5px;}
.inspiration-cols .col2{float:right;width:260px!important;}
.inspiration-cols .col2 img {width:225px;}
.inspiration-cols-intro{max-width: 585px;}
.inspiration-cols-intro .col1{float:left;width:260px;}
.inspiration-cols-intro .col2{float:right;width:310px;}
.inspiration-cols-intro .col2 img{width:450px;}
.inspiration-cols-intro .col1 img{width:204px;}
.inspiration-i1{background:url(../images/bg/bg-inspiration-i1.png) left top no-repeat;padding:20px 13px 0 15px;;}
.inspiration-i1-bottom{background:url(../images/bg/bg-inspiration-i1-bottom.png) left top no-repeat;height:10px;margin:0 0 10px 0;}
.inspiration-i1 p{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;padding:10px 0 0 0;color:#797777;}
.inspiration-i2{position:relative;background:url(../images/bg/bg-inspiration-i2.png) left top no-repeat;padding:18px 13px 15px 16px;min-height:305px; width:488px;}
.inspiration-i2 .tape{position:absolute;top:-30px;right:60px;width:25px;height:66px;background:url(../images/bg/bg-tape.png) left top no-repeat;}
.inspiration-i2 .tape img{display:none;}
.inspiration-i2 p{position:absolute;bottom:60px;left:16px;color:#FFF;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;background:url(../images/bg/bg-inspiration-i2-text.png) left top;margin:0 10px 0 0;width:440px;padding:3px 5px;}
.inspiration-i3{background:url(../images/bg/bg-inspiration-i3.png) left top no-repeat;padding:27px 13px 15px 13px;}
.inspiration-i4{background:url(../images/bg/bg-inspiration-i4.png) left top no-repeat;padding:27px 13px 15px 13px;clear:left;}
.inspiration-i5{background:url(../images/bg/bg-inspiration-i5.png) left top no-repeat;padding:16px 15px 0 16px;}
.inspiration-i5-bottom{background:url(../images/bg/bg-inspiration-i5-bottom.png) left top no-repeat;height:20px;}
.inspiration-i5 p{text-align:center;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;padding:px 0 0 0;}
.notepad{margin:0 0 10px 0px;}
.notepad-top{background:url(../images/bg/bg-notepad-top.png) left top no-repeat;padding:20px 70px 10px 30px;}
.notepad-bottom{background:url(../images/bg/bg-notepad-bottom.png) left top no-repeat;height:20px;}
.notepad-top h2{font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#5b5a5a;}
.notepad-top p{text-align:justify;color:#5b5a5a; max-width: 300px;}



/* SUBSCRIBE */
.subscribe {}
.subscribe-cols {max-width: 790px; margin-top: 10px;}
.subscribe-cols .col1 {float:left; width:280px;}
.subscribe-cols .col2 {float:right;width: 460px!important;}
.subscribe-cols .col1 h2 {margin-bottom: 5px;}
.subscribe-cols .col2 p {font-size: 11pt;}
.subscribe-cols .col1 .sub-highlight {width: 280px;  padding: 5px; background-color: #ffd1d1}
.subscribe-cols .col1 .sub-highlight h3 {font-size: small; font-weight: bold;}
.subscribe-cols .col1 .sub-highlight p {font-size: 8pt;}
.subscribe-cols .col1 .sub-button a {display: block;text-decoration: none!important; text-align: center;margin-top: 20px; height:2.4em; color: #fff; background-color:#f43733; font-size: 14pt; padding-top: 1.2em; margin-left: 10px;border: 1px solid #f43733;}
.subscribe-cols .col1 .sub-button a:hover {color: #f43733; background-color:#fff;  border: 1px solid #f43733;}
.subscribe-cols .col1 .backissue-button a {display: block;text-decoration: none!important; text-align: center;margin-top: 20px; height:2.4em; color: #fff; background-color: #000; font-size: 14pt; padding-top: 1.2em; margin-left: 10px;border: 1px solid #000;}
.subscribe-cols .col1 .backissue-button a:hover {color: #000; background-color:#fff;  border: 1px solid #000;}
.subscribe-cols .col2 .subscribe-covers {position: relative;}
.subscribe-cols .col2 .subscribe-covers p {bottom:80px; color:#FFF;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;background:url(../images/bg/bg-cover.png) left top;width: 442px; padding:10px 10px; text-align: center; margin-bottom: -10px;}



/* RELATED ARTICLES */
.related-articles{}
.related-articles .article{border-bottom:1px dotted #6b7a5b;padding:0;margin:0 0 10px 0;}
.related-articles .article .image-shadow img{border:1px solid #6b7a5b;margin:2px 0 0 0;}
.related-articles .article .text{float:left;width:250px;}
.related-articles .article .text h3{font-size:1em;font-weight:bold;}
#content .related-articles .article .text h3 a{border-width:0;}
#content .related-articles .article .text h3 a:hover{}
.related-articles .article .text p{padding:0;}
#content .related-articles .article .text p a{border:0;color:#393228;}
#content .related-articles .article .text p a:hover{border-bottom:1px dotted #393228;}
.related-articles .article .text p.date{color:#696161;}
.image-shadow{float:left;width:auto;padding:0 10px 10px 0;background:url(../images/bg/image-shadow.gif) right bottom no-repeat;margin:0;}

.image-shadow img{display:block;}

.project-archive col1 {max-width: 200px!important;}

.accordion{padding:4px 0 0 0;}

.accordion ul{list-style-type:none;margin:0;padding:0;}

.accordion ul li{margin:0;padding:0;display:block;padding:2px 15px;}

#content .accordion ul li a{border-width:0;color:#8e4044;}

#content .accordion ul li a:hover{border-bottom-width:1px;border-bottom-style:dotted;}

#content .accordion ul li.open{background:url(../images/buttons/close.gif) left 5px no-repeat;}

#content .accordion ul li.close{background:url(../images/buttons/open.gif) left 5px no-repeat;}

#content .accordion ul li.open li,

#content .accordion ul li.close li{background:transparent;color:#481905;padding:2px 0;}

#content .accordion ul li.open li a,

#content .accordion ul li.close li a{color:#481905;}

#content .accordion ul li {text-transform: capitalize;}

.project-archive .col3 {max-width: 200px; float:left;}
.project-archive .col4 {max-width: 200px; float:left;}

.project-archive .col1 {max-width: 370px!important;}
.project-archive .col2 {width: 380px!important;}
.related-articles .article {width: 370px!important;}

.SubBanner {position: relative;}

#BlogCalendar {padding:0; border: 0; margin: 0; width: 260px;}
.blogCalendar {padding:0; border: 0; margin: 0; width: 260px;}
.blogCalendar tbody {padding:0; border: 0; margin: 0;width: 260px;}
.blogCalendar tbody tr {padding:0; border: 0; margin: 0;width: 260px;}
.blogCalendar tbody tr td {padding:0; border: 0; margin: 0;}
.BlogCalendarEmpty {padding:0; border: 0; margin: 0;}
.blogEntry {padding:0; border: 0; margin: 0;}
.BlogNav {padding:0; border: 0; margin: 0;}
.blogCalNav {padding:0; border: 0; margin: 0;}
.blogCalNavRight {padding:0; border: 0; margin: 0;}
.blogCalNavLeft {padding:0; border: 0; margin: 0;}
.blogCalNav .blogHeadMonth {text-align:center;}
.blogCalendar tbody tr td table td {text-align: center;}
div#blog2 * {border: 0;}
#blog1 {float: left; width: 490px; margin-right: 15px;}

#blog2 {width: 230px; float: left;}
#BlogCalendar {width: 225px;}

/* TECHNIQUES */
.techniques{}
.techniques h1{font-size:2.2em;margin:0 0 5px 0;}
.techniques p{font-size:1.15em;}
.techniques p.intro{color:#797777;padding:0;margin:0 0 5px 0;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1.2em;}
.techniques .hr{margin:0;}

.techniques h2{font-size:1.9em;color:#d81937;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:5px 0 0 0; clear: left;}

.techniques{padding:0 0 10px 0}
.techniques .col1{float:left;width:315px;}
.techniques .col2{float:right;width:565px;}
.techniques p{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
.techniques .step{float:left;width:180px;margin:5px 0 5px 10px;}
.techniques .step img{display:block; width: 180px;}
.techniques .step p{background:#d6d6eb;padding:3px 5px 3px 3px;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.6em;}
.techniques .step p span{display:block;float:left;width:auto;background:#d81937;padding:0px 4px;color:#FFF;margin:0 5px 0 0;font-size:1.2em;line-height:1.4em;}

.search-form{float: right; padding:0px; margin:0; width: 155px;}
.search-box{float: left; border: 1px solid #dedede; width: 125px;margin-top: 2px;}
.search-button{float: right; margin-top:1px; margin-right: 5px;}
.SearchError {border: 1px solid red;width: 125px;margin-top: 2px;float: left; 11:53 28/03/2011}

.search-results h2 a {color: #000;text-decoration: none!important;}
.search-results p a {color: #000; text-decoration: none!important;}

.search-text {}
.result {clear: both; margin-bottom: 5px; border-bottom: 1px solid; min-height: 80px;}
.result-image{float: left; height: 50px; overflow:hidden; margin-right: 10px;}
.result-image img {width: 50px;}
.result h1 {font-size: medium; margin-bottom: 5px; color: #ca1515}

/* COMPETITIONS */
.competition .col2 {float: left; margin-left: 40px;width: 225px;}
.competition .col2 .caption {background-color: #000; color: #fff; padding: 3px; display:block; clear: left;}
.competition .date {font-size: medium; font-weight: bold; color: white; display: inline;}
