/*
THEME NAME: Beanpye!
THEME URI: http://www.randomordernyc.com
DESCRIPTION: A theme for the Beanpye Collection
VERSION: 1.0
AUTHOR: ROMG
AUTHOR URI: www.randomordernyc.com
*/

/* Tusing the 960 CSS Frame  */
@import url('960/css/reset.css');
@import url('960/css/960.css');
@import url('960/css/typography.css');


/*layout divs  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {background: #5610a5 url(images/bg.jpg) no-repeat center 0px; font-size:15px; color:#270e43;}

#header { height: 100px; background: url(images/logo.png) no-repeat center;}
#content { font-family: arial,Sans-Serif; font-size:12px; line-height:14px; color:#270e43; background: url(images/content-bg.png); }
#category { background: url(images/sub-nav.png); margin-bottom:10px; padding:10px; font-size:10px; }
#category a{ color:#910c9d; text-decoration:none; font-size:12px; }
#category a:hover{ color:#73107c; text-decoration:none; font-size:12px; }

#galhead {font-family:tahoma,Sans-Serif; font-size:18px; letter-spacing:-1px; color:#bba0d5; margin:10px 0 -10px 7px; padding:0px;}

#main {display:inline}

#footnav { margin: 0px; padding: 0px;}
#footnav li{ padding: 0; margin-right: -4px; text-indent: 0; display: inline; }

#content-foot { padding-top:20px; }
#entry-content { font-size:15px; color: #270e43; line-height:17px; }

#credits { margin-top:-70px; padding-top: 75px; height:150px; background: url(images/footer.png) no-repeat center 0px;}
#copyright { font-family: Arial,Sans-Serif; text-align: center; font-size: 10px; color:#fff; z-index:2;}
#copyright a { color:#ac69f8; decoration:none; line-height:18px; font-size:9px; }

/*navigation  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#navcontainer { font-family: Arial,Sans-Serif; text-transform:uppercase; margin: 10px auto; width: 70%; }

#navlist { width: 60%; text-align: center; margin: 0 auto; padding: 0; text-indent: 0; list-style-type: none; }

ul#navlist li { display:block; float:left; padding: 0 10px 20px 0;}

ul#navlist li a { display:block; outline:none; width:107px; height:17px; background:transparent url(images/topnav2.png) no-repeat 0 0;
		      text-indent:-9909px; margin:0; }
ul#navlist li a:hover {background-position:0 -17px }
			
ul#navlist li#coll-nav a { width:148px; background-position:-107px 0; }
ul#navlist li#coll-nav a:hover { background-position:-107px -17px }

ul#navlist li#cont-nav a { width:100px; background-position:-255px 0; }
ul#navlist li#cont-nav a:hover { background-position:-255px -17px }


/*intro++++++++++++++++++++++++++++++++++++++++*/
#intro { margin: 0 auto; padding: 0; text-indent: 0; list-style-type: none; }

#intro li { padding: 0; margin: 0; text-indent: 0; display: inline; }

/*comments (basic)  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

/* biography+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#bio { background: url(images/bio-header.png); padding: 45px 20px 20px 20px; font-size: 15px; color: #270e43; line-height:17px; }
#bio a { color:#f3c7ed; }
#story p { text-align: right; color:#000; }

/* contact+++++++++*/
#contact { font-family: arial,Sans-Serif; font-size:14px; line-height:17px; color:#bba0d5; background: url(images/contact-bg.png); }
#contact a { color:#f3c7ed; text-decoration:none; }