/*

	FRIEZE MAGAZINE by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	
	   ..etc..
	   
    -------------------
    
    COLOURS -----------
    
    black #000000
    white #FFFFFF
    
    ..etc..
    
    -------------------
	
*/



/*@import url(reset.css); RESET CSS */
@import url(forms.css); /* FORMS CSS */



/* 1.BODY
---------------------------------------------------------------------- */

html {background: #FFF url(/images/sites/fade.jpg) top center repeat-y;}
body {margin:10px auto 20px auto;padding:0 10px 0 10px;width:940px;font-family:Georgia,serif;font-size:12px;color:#333;background: #FFF url(/images/sites/navback_flipo.jpg) right 100px repeat-x;}

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

.size1 {font-size: 10px;}
.size2 {font-size: 11px;}
.size3 {font-size: 12px;}
.size4 {font-size: 13px;}
.size5 {font-size: 14px;}
.size6 {font-size: 15px;}

/* -- PARAGRAPHS -- */

p {line-height:1.3em;margin:12px 0;}

.issue #column_main p, 
.comment #column_main p, 
.shows #column_main p, 
.features #column_main p {width:380px;}

.issue #content #apfooter p, 
.comment #content #apfooter p, 
.shows #content #apfooter p, 
.features #content #apfooter p {width:100%;}

.issue #column_sub p, 
.comment #column_sub p, 
.shows #column_sub p, 
.features #column_sub p {  }

#column_main #article p {width:380px;line-height:1.5em;}
#column_main #article .footnotes p {width:380px;font-size:11px;line-height:1.4em;color:#666;}
#column_main #article .caption p {margin:-13px 0 15px 0;width:380px;font-size:11px;line-height:1.4em;color:#666;}
#column_main #article .alert p {width:370px;}

#column_sub .caption p {margin:-13px 0 15px 0;font-size:11px;line-height:1.4em;color:#666;}

#front p.category,
#middle p.category, 
#back p, 
#column_shows p, 
#column_comment p.category, 
#column_main p.category {text-transform:uppercase;font-family:Verdana,Georgia,serif;font-size:10px;margin:0;padding:6px 0 0 0;color:#999;}
#column_main #article p.category {font-size:12px;color:#666;}
#archives p.category {text-transform:uppercase;font-family:Verdana,Georgia,serif;font-size:10px;margin:0px 0 0 0;padding:0px 0 0 0;color:#666;}
#my-glider .intro p.category {text-transform:uppercase;font-family:Verdana,Georgia,serif;font-size:11px;margin:5px 0 0 0;padding:0px 0 0 0;color:#666;}

#column_comment p {margin:0 0 5px 0;font-size:11px;color:#999;}

#front p.summary, 
#middle p.summary, 
#column_comment p.summary {margin:0 0 4px 0;padding:0 0 6px 0;color:#333;font-size:12px;}
#archives p.summary {margin:0 0 4px 0;padding:0 0 0 0;}
#column_main p.summary {margin:6px 0 10px 0;padding:0 0 5px 0;}

.blog #column_main #article p.summary { margin-bottom:35px; padding-top:10px; border-top:2px solid #ddd; font-size:10px; position:relative; }
.blog #column_main #article p.summary a.more { position:absolute; right:0; top:0px; }
.blog #column_main #article p.summary a.more:hover,
.blog #column_main #article p.summary a.more:focus { background:#eee; text-decoration:none; }

#column_main #article p.introduction {font-size:15px;}
#column_main #article p {font-size:13px;}
#column_main p.tagcloud,
#column_sub p.tagcloud {margin-top:0;line-height:180%;}

/* -- BLOCKQUOTES -- */

#column_main #article blockquote {display:block;width:300px;font-size:18px;font-style:italic;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:15px 15px 25px 0px;padding:0;}
#column_main #article blockquote p {width:300px;font-size:18px;line-height:1.4em;}


p,ul,dl,ol {  }

ul {margin:0;padding:0}
li {margin:0;padding:0;}
dl {  } 
dt {  }
dd {  }
ol {  }
ol li {  }

hr {  }

blockquote {  }
blockquote p {  } 
blockquote cite {  }

pre {  }
pre code {  }
code {  }

abbr {  }
del {  }
strong {  }
em {  }
sup {  }

/* -- MICROFORMATS -- */
#content #column_main .vcard {margin:15px 0 6px 0;}
#content #column_main .vcard .org {display:block;font-weight:bold;}
#content #column_main .vcard a.email, 
#content #column_main .vcard a.url {display:none;}

.fmb_author {color:#999;font-size:11px;}


/* 3.HEADINGS
---------------------------------------------------------------------- */

h1 {float:left;width:266px;margin:20px 0 0 0;height:80px;padding:0 0 0 0;font-size:60px;line-height:0;}

h2 {font-weight:normal;font-size:20px;margin:0;padding:0 0 7px 0;background:url(/images/sites/fadeline.gif) bottom right no-repeat;color:#003366;}
h2.lead {width:700px;margin:10px 0 20px 0;}
h2 span {font-weight:normal;font-size:14px;color:#999;}
#magazine.archives h2 span {font-weight:normal;font-size:12px;color:#999;}
#column_main h2 img, 
#column_sub h2 img, 
#column_sub h3 img, 
#frontmiddleback h2 img, 
#column_shows h2 img, 
#column_comment h2 img {background:#FFF;float:none;margin:3px 0 0 0;padding:0 0 0 0;}
.publications #column_sub h2.article_subhead {margin-top:0px;}
#column_sub h2 {margin-bottom:15px;}
#content h2 a:link, 
#content h2 a:visited {color:#003366}

#apfooter h3, 
#apfooter h3 a:link, 
#apfooter h3 a:visited {margin:0;padding:0;color:#003366;}
h3 {font-weight:normal;font-size:16px;margin:0;padding:0 0 7px 0;color:#003366;}
h3 span {font-weight:normal;font-size:11px;color:#999;}
#column_main h3 {margin-top:14px;font-size:30px;}
#magazine.archives #column_main #back h3 {padding-bottom:10px;font-size:17px;}
#column_main #article h3 {margin-top:0px;margin-bottom:20px;font-size:30px;padding:0 0 7px 0;}
.blog #column_main #article h3 { margin-bottom:0px; padding:0; } 
#column_sub h3 {clear:both;}

h4 span {font-weight:normal;font-size:10px;color:#999;}
#back h4 span, 
#column_shows h4 span {font-size:11px;}
#front h4, 
#middle h4, 
#column_comment h4 {font-size:15px;font-weight:normal;margin:0 0 0 0;padding:4px 0 7px 0;}
#back h4, 
#column_shows h4 {font-size:13px;font-weight:normal;margin:0 0 0 0;padding:3px 0 7px 0;}
#column_main h4 {font-size:15px;font-weight:normal;margin:0 0 0 0;padding:4px 0 0px 0;}

#archives h4 {font-size:15px;font-weight:normal;margin:0 0 0 0;padding:10px 0 7px 0;}

h3 span a:link, 
h3 span a:visited,
h4 span a:link, 
h4 span a:visited {color:#999;}



/* -- HEADING ICONS -- */ 
h4 a img.av_audio,
h4 a img.av_video { margin:0 0 -6px 0 !important; display:inline; border-left:5px solid #fff; background:#fff; float:none !important; }

div#column_main h4 a img.av_audio,
div#column_main h4 a img.av_video { margin:0 0 -2px 0 !important; }

div#article h3 img.av_audio,
div#article h3 img.av_video { margin:0 5px !important;  }





#column_main h4 span img,
#frontmiddleback h4 span img,
#column_shows h4 span img,
#column_comment h4 span img { display:none; }

#column_main h4 a:hover span img,
#frontmiddleback #front h4 a:hover span img,
#frontmiddleback #middle h4 a:hover span img,
#frontmiddleback #back h4 a:hover span img,
#column_shows h4 a:hover span img,
#column_comment h4 a:hover span img { display:inline; float:none; margin:0 0 -2px 0; padding:0; border-left:5px solid #FFF; text-decoration:none; }





h5 {  }
h6 {  }


/* 4.LINKS
---------------------------------------------------------------------- */

:focus { outline:none; }

a:link,
a:visited { text-decoration:none;color:#000 }
a:hover,
a:focus { text-decoration:underline;color:#000; }

#content a:link, 
#content a:visited {text-decoration:none;color:#000}
#content #column_sub a:link, 
#content #column_sub a:visited {color:#333}
#content a:hover {text-decoration:underline;color:#000;}
#content fieldset label a:link, 
#content fieldset label a:visited {border-bottom: 0px dotted transparent;}
#content #my-glider a:link, 
#content #my-glider a:visited {text-decoration:none;border-bottom: 0px dotted #C6C6C6;}

#front p.category a:link, 
#front p.category a:visited, 
#middle p.category a:link, 
#middle p.category a:visited, 
#back p a:link, 
#back p a:visited, 
#column_comment p.category a:link, 
#column_comment p.category a:visited, 
#column_shows p a:link, 
#column_shows p a:visited, 
#archives p.category a:link, 
#archives p.category a:visited, 
#column_main p.category a:link, 
#column_main p.category a:visited {color:#999;text-decoration:none;border-bottom: 0px dotted #C6C6C6;}

#column_main p.tagcloud a:link,
#column_main p.tagcloud a:visited, 
#column_sub p.tagcloud a:link, 
#column_sub p.tagcloud a:visited {margin-right:10px;color:#3366CC;}
#column_main p.tagcloud a:hover, 
#column_sub p.tagcloud a:hover {color:#0099FF;}

#magazine.blog #content #column_main #article p a:link, #magazine.blog #content #column_main #article p a:visited {text-decoration:underline;}
#magazine.blog #content #column_main #article p a:hover {text-decoration:none;color:#666}

/* 5.IMAGES
---------------------------------------------------------------------- */

img { border:none; }

img.class {  }



/* 6.LAYOUT
---------------------------------------------------------------------- */

#column_main .cover {float:left;display:inline;margin:0 10px 5px 0px;width:70px;height:100px;overflow:hidden;}
#column_main .cover img {float:none;margin:0 0px 0px 0px;padding:0px;}

.spacer {clear:both;}

.paginate {padding:10px;}
#column_main #article .paginate {padding:10px 0 10px 0;}
.paginate p {font-size:14px;}
.paginate p a:link, .paginate p a:visited {margin: 0 2px 0 0;padding:3px;background:#FFFFCC;border:1px solid #EEE;}
.paginate p a:hover {border:1px solid #EEE;}

#content {clear:both;}

#frontmiddleback {float:left;width:265px;padding-right:20px;border-right:0px solid #CCC;margin-right:10px;margin-bottom:20px;}
#frontmiddleback #front img {padding:2px 0 3px 0;}

#column_shows {float:left;width:248px;margin-top:0px;margin-bottom:25px;padding-right:10px;border-right:0px solid #EEE;}
#column_shows img {padding:2px 0 3px 0;}

#column_comment {float:left;width:180px;margin-top:0px;padding-left:0px;}
#column_comment img {padding:2px 0 3px 0;}
#column_comment ul {list-style-type:none;margin:0 0 15px 0;padding-left:0;font-size:11px;color:#666;}
#column_comment ul li {margin:0;padding:3px 0 2px 0;font-size:12px;color:#666;border-bottom:1px solid #EEE;}
#column_comment ul li a:link,
#column_comment ul li a:visited {display:block;text-decoration:none;border-bottom:0;}
#column_comment ul li a:hover {text-decoration:none;border-bottom:0;background:#EEE;}
#column_comment ul li a:link span,
#column_comment ul li a:visited span {text-decoration:none;border-bottom:0;color:#999;font-size:11px;}

#archives {background:transparent url(/images/sites/archive-box.gif) no-repeat;margin:0px 0 10px 0;padding:14px 0px 0px 0px;width:450px;height:184px;overflow:hidden;}

#fresh {float:left;width:450px;margin-bottom:20px;}
#fresh #archives {margin:10px 0 10px 0;}
#fresh #archives .imholder,

#column_main #archives .imholder {float:left;width:230px;margin:0 8px 0 8px;height:164px;overflow:hidden;}
#fresh #archives .imholder img,
#column_main #archives .imholder img {float:none;margin:0;padding:0;}

#fresh #archives h4,
#column_main #archives h4 {padding-right:20px;}
#fresh #archives p, #column_main #archives p {margin:0 10px 0 245px;width:180px;}

#column_main {float:left;width:460px;padding-top:10px;padding-right:40px;margin-right:10px;margin-bottom:20px;border-right:0px solid #EEE;}
#column_main #article {padding-top:0px;}

#column_main img {float:right;margin:0 15px 0 10px;}
.search img { float:none; margin:0; }

#column_main #article img {float:none;margin:10px 15px 15px 0px;}
#column_main #article fieldset img {float:none;margin:0px;}

#column_main ul {list-style-type:none;width:380px;margin:0 0 15px 0;padding-left:0;font-size:13px;color:#666;}
#column_main ul li {margin:0;padding:3px 0 2px 0;color:#666;border-bottom:1px solid #EEE;}
#column_main ul li.rss {margin:0;padding:3px 0 2px 20px;color:#666;border-bottom:1px solid #EEE;background:url(/images/sites/rss.gif) left 50% no-repeat;}
#column_main ul li a:link, #column_main ul li a:visited {display:block;text-decoration:none;border-bottom:0;}
#column_main ul li a:hover {text-decoration:none;border-bottom:0;background:#EEE;}
#column_main ul li a:link span, #column_main ul li a:visited span {text-decoration:none;color:#999;font-size:10px;}

#column_main #article .commbox p,
#column_main #article .commboxalt p {font-size:13px;}

#column_sub {float:left;width:225px;padding-top:20px;margin-bottom:20px;color:#333;}
#column_sub img {float:none;margin:0 0 0px 0;}
#column_sub p.issuedetails {margin:4px 0 25px 0;color:#333;}
#column_sub ul {clear:both;list-style-type:none;margin:0 0 25px 0;padding-left:0;font-size:11px;color:#333;}
#column_sub ul li {margin:0;padding:3px 0 2px 0;font-size:12px;color:#333;border-bottom:1px solid #EEE;}
#column_sub ul li a:link,
#column_sub ul li a:visited {display:block;text-decoration:none;border-bottom:0;color:#333;}
#column_sub ul li a:hover {text-decoration:none;border-bottom:0;background:#EEE;}
#column_sub ul li a:link span,
#column_sub ul li a:visited span,
.commauthor {text-decoration:none;border-bottom:0;color:#999;font-size:11px;}
#column_sub ul li a:link span.mono, #column_sub ul li a:visited span.mono {  }

.topbanner {float:left;margin-top:0px;padding-top:18px;}

.sponsor {float:right;margin-top:37px;padding-top:0px;width:180px;height:40px;border-left:1px solid #EEE;}
.sponsor img {margin: 0px 0 0 20px;}

#column_adverts {float:right;width:170px;margin-top:-50px;padding-top:0px;padding-left:10px;border-left:1px solid #EEE;margin-left:5px;margin-bottom:20px;}
#magazine.home #column_adverts {margin-top:-325px;}
#column_adverts ul {clear:both;list-style-type:none;margin:10px 0 30px 8px;padding-top:23px;background:url(/images/sites/adsponsoredlinks.gif) no-repeat left top;padding-left:0;font-size:12px;color:#666;}
#column_adverts ul.listings {clear:both;list-style-type:none;margin:10px 0 30px 8px;padding-top:0px;background:url(/images/sites/a.gif) no-repeat left top;padding-left:0;font-size:12px;color:#666;}
#column_adverts ul li {margin:0 0 3px 0;padding:4px 0 4px 0;font-size:11px;color:#666;border-bottom:1px solid #EEE;}
#column_adverts ul li a:link,
#column_adverts ul li a:visited {text-decoration:none;border-bottom:0;color:#336699;}
#column_adverts img {float:left;margin:0;padding:0px 0px 10px 9px;}
#column_adverts div {display:none}

#column_adverts #beacon_1,
#column_adverts #beacon_2,
#column_adverts #beacon_3, 
#column_adverts #beacon_4, 
#column_adverts #beacon_5, 
#column_adverts #beacon_6, 
#column_adverts #beacon_7, 
#column_adverts #beacon_8, 
#column_adverts #beacon_9, 
#column_adverts #beacon_10,
#column_adverts #beacon_11 {display:none;} 



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */



/* 8.NAVIGATION
---------------------------------------------------------------------- */

ul#sites {float:left;width:939px;font-size:14px;font-weight:normal;padding:0 0 0 1px;margin:6px 0 0px 0px;background:transparent url(http://www.frieze.com/images/sites/tabsbackul.jpg) left bottom no-repeat;}
ul#sites li {display:inline;padding:0px;margin:0px;}
ul#sites li a:link, ul#sites li a:visited {float:left;display:block;height:17px;color: #666;text-decoration: none;background:#FFF url(/images/sites/tabsback2.jpg) right bottom no-repeat;margin:0px;padding:10px;}
ul#sites li.loginout a:link,
ul#sites li.loginout a:visited {float:right;font-size:12px;padding:15px 10px 5px 10px;background:transparent url(/images/sites/tabsbackul.jpg) right 0px no-repeat;border-bottom:0px solid #999;}
ul#sites li a:hover {color: #000;text-decoration: none;background:#FFF url(/images/sites/tabsback2.jpg) right bottom no-repeat;margin:0px;padding:10px;}
ul#sites li.loginout a:hover {color: #000;text-decoration: none;padding:15px 10px 5px 10px;background:#FFF url(/images/sites/tabsbackul.jpg) right 0px no-repeat;margin:0px;}
ul#sites a.selected:link,
ul#sites a.selected:visited {color: #000;background:#FFF url(/images/sites/tabselect.gif) right top no-repeat;font-weight:bold;margin:0px;padding:10px;border-left:0px solid #CCC;}

ul#sections {clear:both;float:left;width:480px;font-size:12px;font-weight:bold;margin:0 0 20px 0;padding:10px 0 7px 0;}
ul#sections li {display:inline;padding-right:15px;}
ul#sections li a:link,
ul#sections li a:visited {color:#666;text-decoration:none;border-bottom:0;}
ul#sections li a:hover {color:#000;text-decoration:none;}

ul#constants {float:right;font-size:12px;font-weight:normal;margin:0 0px 20px 0;padding:10px 0 7px 0;}
ul#constants li {display:inline;padding-left:19px;}
ul#constants li a:link,
ul#constants li a:visited {color:#999;text-decoration:none;border-bottom:0;}
ul#constants li a:hover {color:#000;text-decoration:none;}

/* Highlighting the current page */

#magazine.issue a.nav_issue,
#magazine.blog a.nav_blog,
#magazine.comment a.nav_comment, 
#magazine.shows a.nav_shows, 
#magazine.features a.nav_features, 
#magazine.archives a.nav_archives { color: #000;}

ul#tab_group_one {float:left;font-size:16px;font-weight:normal;padding:0 0 0 1px;margin:14px 0 14px 0px;background:transparent url(/images/sites/tabsbackul.jpg) left bottom no-repeat;}
#magazine.issue #column_main ul#tab_group_one {font-size:16px;margin:17px 0 24px 0px;padding:0 0 0 1px;background:transparent url(/images/sites/tabsbackul.jpg) left bottom no-repeat;}
#magazine.archives #column_main ul#tab_group_one {padding:0 0 0 1px;background:transparent url(/images/sites/tabsbackul.jpg) left bottom no-repeat;}
ul#tab_group_one li {display:inline;padding:0px;margin:0px;}
ul#tab_group_one li a:link, 
ul#tab_group_one li a:visited {float:left;display:block;color: #666;text-decoration: none;background:#FFF url(/images/sites/tabsback2.jpg) right bottom;margin:0px;padding:5px 22px 5px 22px;}
#magazine.issue #column_main ul#tab_group_one li a:link,
#magazine.issue #column_main ul#tab_group_one li a:visited {width:72px;padding:5px 25px 5px 50px;}
ul#tab_group_one li a:hover, ul#tab_group_one li a.active {	color: #000;text-decoration: none;background:#FFF url(/images/sites/tabselect.gif) right bottom;margin:0px;
padding:5px 22px 5px 22px;}
#magazine.issue #column_main ul#tab_group_one li a:hover, 
#magazine.issue #column_main ul#tab_group_one li a:active, 
#magazine.archives #column_main ul#tab_group_one li a:hover, 
#magazine.archives #column_main ul#tab_group_one li a:active {background:#FFF url(/images/sites/tabselect.gif) right top;}



/* 8.SITEINFO/FOOTER
---------------------------------------------------------------------- */

#apfooter {clear:both;margin:0;padding: 0px 0 0px 0;background:#e8e7d6 url(/images/sites/apfooter.gif) repeat-x;}
#apleft {float:left;width:255px;padding-top:20px;padding-right:20px;margin-left:10px;margin-right:10px;margin-bottom:10px;}
#apmid {float:left;width:244px;margin-top:0px;margin-bottom:15px;padding-top:20px;padding-right:10px;border-right:0px solid #EEE;}
#apright {float:left;width:244px;margin-top:0px;padding-top:20px;padding-left:10px;border-right:0px solid #EEE;}
#apleft2 {float:left;width:255px;border-top:1px solid #FFF;padding-top:20px;padding-bottom:10px;padding-right:10px;margin-left:10px;margin-right:20px;}
#apmid2 {float:left;width:244px;margin-top:0px;border-top:1px solid #FFF;padding-top:20px;padding-bottom:10px;margin-right:10px;}
#apright2 {float:left;width:244px;margin-top:0px;border-top:1px solid #FFF;padding-top:20px;padding-bottom:10px;margin-left:10px;}

#footer {clear:both;margin:0;padding: 15px 0 0 0;background:url(/images/sites/footer.gif) repeat-x;}
#footer p {width:90%;}
#footer a:link, #footer a:visited {color:#999;font-weight:normal;}

/* -- MICROFORMATS -- */

#footer .vcard {margin:15px 0 6px 0;}
#footer .vcard .org {display:block;font-weight:bold;}
#footer .vcard a.email, 
#footer .vcard a.url {display:none;}

#footer p.erskine, 
#footer p.erskine a:link, 
#footer p.erskine a:visited {color:#999;}



/* EDITOR'S BLOG
---------------------------------------------------------------------- */

.blog div#column_main div#article img { margin:10px 0 0 0; }

/* -- HOMEPAGE BLOCK -- */
div#home_editorsblog { margin-bottom:30px; width:450px; }
div#home_editorsblog h2 {  margin:0 0 15px 0; }
div#home_editorsblog div { padding-left:120px; overflow:hidden; position:relative; }
div#home_editorsblog div img {
	position:absolute;
	top:0;
	left:0px;
	margin-right:0;
}
div#home_editorsblog div h4 { font-size:15px; font-weight:normal; margin:0; padding:0; }
div#home_editorsblog div p.readmore a { font-size:11px; font-style:italic; text-decoration:underline; }

ol#blog_comments { list-style:none; margin-bottom:30px; padding:0; }
ol#blog_comments li { margin-left:0; background:#FAF8F8; padding:10px; margin-bottom:10px; border-bottom:1px solid #eee; }

fieldset#blog_comment { border-color:#ddd; width:420px; padding:20px; margin-bottom:30px; overflow:hidden; }
fieldset#blog_comment textarea { width:410px; padding:5px; border:1px solid #ddd; font-family:Georgia, sans-serif; color:#666; font-size:11px; line-height:1.3em; margin-bottom:20px; }
div.blog_comment_notify { width:50%; float:left; }
div.blog_comment_submit { width:50%; float:right; text-align:right; }
