/*

	Cut-Click Issue : 8 CSS
	Coded by Dane Marshall
	http://www.danemarshall.co.uk
	
*/

/* Links */
a:link { color: #00aeff; text-decoration: none; border: none; }
a:visited { color: #00aeff; text-decoration: none; border: none; }
a:active { color: #00aeff; text-decoration: none; border: none; }
a:hover { color: #009ad9; text-decoration: none; border: none; }

/* Body */
body { background-image: url(images/background.png); background-color: #fff; background-repeat: repeat-x; font-family: Calibri, Helvetica, Arial; margin: 0px; padding: 0px; }

/* Text Header */
#textheader { font-family: Calibri, Helvetica, Arial; font-size: 68px; font-weight:bold; color: #00aeff; }

/* News and Twitter */
#newstwitterheader { font-family: Calibri, Helvetica, Arial; font-size: 36px; font-weight:bold; color: #00aeff; }

/* Footer */
#footer { width: 960px; clear: both; margin: 0px; padding: 10px 10px 10px 10px; text-align: left; color: #a7a9ac; font-weight: bold; float: left; }

/* Twitter, Facebook, MySpace and Blog */
#blogarea { float: right; margin: 20px 23px 14px 0px; padding: 0; height: 37px; }

#blogarea ul { float: left; width: 244px; margin: 0; padding: 0px; }
#blogarea ul li { display: block; float: left; list-style-type: none; margin: 0 0 0 3px; }
#blogarea ul li a { display: block; width: 50px; height: 37px; background: transparent url(images/blogarea.png) no-repeat 0 0; }
#blogarea ul li a:hover { background-position: 0 -37px; }
#blogarea ul li#facebook a { width: 37px; background-position: -53px 0; }
#blogarea ul li#facebook a:hover { background-position: -53px -37px; }
#blogarea ul li#myspace a { width: 37px; background-position: -93px 0; }
#blogarea ul li#myspace a:hover { background-position: -93px -37px; }
#blogarea ul li#blog a { width: 107px; background-position: -133px 0; }
#blogarea ul li#blog a:hover { background-position: -133px -37px; }

/* Navigation */
#menu { margin: 0; padding: 0;height: 80px; }

#menu ul { float:right;margin: 0; padding: 0;height: 80px; overflow:hidden;}
#menu ul li { float: left; display: block; list-style-type: none; margin-top: 0px; }
#menu ul li a { display: block; width: 84px; height: 80px; background: transparent url(images/navigation.png) no-repeat 0 0; }
#menu ul li#zine a { width: 68px; background-position: -84px 0; }
#menu ul li#archive a { width: 99px; background-position: -152px 0; }
#menu ul li#about a { width: 86px; background-position: -251px 0; }
#menu ul li#friends a { width: 96px; background-position: -337px 0; }
#menu ul li#contact a { width: 102px; background-position: -433px 0; }

#menu ul li a:hover { background-position: 0 -80px; }
#menu ul li#zine a:hover { background-position: -84px -80px; }
#menu ul li#archive a:hover { background-position: -152px -80px; }
#menu ul li#about a:hover { background-position: -251px -80px; }
#menu ul li#friends a:hover { background-position: -337px -80px; }
#menu ul li#contact a:hover { background-position: -433px -80px; }


/* Website Container */
#container { width: 960px; margin: 0 auto 10px auto; }

/* Logo Area */
#banner { float: left; width: 372px; margin: 0px; margin-top: 10px; padding: 0px; }

/* Placeholder Main */
#placeholder_main { background-image: url(images/image_placeholder_main.png); background-repeat: no-repeat; width: 630px; height: 230px; padding-bottom: 10px; }

/* News and Twitter */
#news_twitter { background-image: url(images/news_twitter.png); background-repeat: no-repeat; width: 631px; height: 250px; padding-bottom: 20px; }
#news_main { width: 320px; float: left; padding: 0 40px 0 20px; font-size: 14px; color: #595757; overflow: hidden; }
#twitter_main { width: 210px; float: right; padding: 0 20px 0 5px; font-size: 14px; color: #595757; overflow: hidden; }

#twitter_div { width: 210px; }
#twitter_update_list { font-size: 14px; color: #595757; overflow: hidden; padding: 0 0 10px 0; }
#twitter_update_list ul { font-size: 14px; color: #595757; overflow: hidden; list-style-type: circle; text-align: }

ul {margin: 0; padding: 0;}
ul li { margin: 0 0 10px 0; padding: 0;}

/* Content */
#content { float: right; position: relative; top: -68px; left: 0px; width: 264px; padding: 0; margin: 0 0px 0 0; overflow: hidden; }
div#content { min-height: 600px; height: expression(this.scrollHeight > 600 ? "auto":"600px"); }

/* Paragraph */
p, pre { padding: 0; margin:0px; }

/* Left Column */
#left { float: left; width: 652px; margin: 0px; padding: 0px; }

/* Right Advert Background */
#right_advert_bg { background-image: url(images/right_advert_bg.png); background-repeat: no-repeat; float: left; width: 244px; height: 490px; margin: 0 0 0 0; }

/* Right Adverts */
#right_adverts { padding: 20px 0 0 14px; float: left; }
#right_adverts_one { padding: 14px 0 0 14px; float: left; }
#right_adverts_two { padding: 17px 0 0 14px; float: left; }
#right_adverts_three { padding: 17px 0 0 14px; float: left; }

/* Zine Page */
#zine_placeholder { }

/* Friends Page */
#friends_placeholder { background-image: url(images/friends_placeholder.png); background-repeat: no-repeat; width: 630px; height: 490px; padding-bottom: 10px; }
#friends_textarea { padding: 20px 20px 0 20px; font-size: 14pt; color: #00AEEF; }

/* About Page */
#about_placeholder { background-image: url(images/about_bg.png); background-repeat: no-repeat; width: 630px; height: 230px; padding-bottom: 10px; }
#about_textarea { padding: 20px 20px 0 20px; font-size: 14px; color: #595757; }
#submitwork_placeholder { background-image: url(images/submitwork_bg.png); background-repeat: no-repeat; width: 630px; height: 251px; padding-bottom: 10px; }
#submitwork_textarea { padding: 8px 20px 0 20px; font-size: 14px; color: #595757; }
#submitwork_header { padding: 0 20px 0 20px; font-family: Calibri, Helvetica, Arial; font-size: 36px; font-weight:bold; color: #00aeff; }

/* Contact Us Page */
#contact_placeholder { background-image: url(images/contact_bg.png); background-repeat: no-repeat; width: 630px; height: 490px; padding: 10px 0 0 10px; }
#contact_name { background-image: url(images/contact_name.png); width: 340px; float: left; background-repeat: no-repeat; height: 30px; padding: 10px 0 0 10px; }
#contact_email { background-image: url(images/contact_email.png); width: 340px; float: left; background-repeat: no-repeat; height: 30px; padding: 10px 0 0 10px; }
#contact_submit { float: left; width: 260px; }
#contact_textarea_bg { background-image: url(images/contact_textarea.png); width: 630px; height: 210px; background-repeat: no-repeat; padding: 20px 0 0 0; }
#contact_textarea { padding: 8px 20px 0 20px; font-size: 14px; color: #595757; float: left; }

#contact_name_form { background-color: #FFFFFF; border: none; }
#contact_email_form { background-color: #FFFFFF; border: none; }
#contact_textarea_form { background-color: #FFFFFF; border: none; }

/* Remove Scrollbar In Contact Page */
textarea { overflow: auto; }