@charset "utf-8";
/*///////////////////////////////////////////////////////////////////////////////////
CSS Stylesheet for Andi Muise Wallpapers microsite | Last updated: 05-05-2008
///////////////////////////////////////////////////////////////////////////////////*/

body { background: #1a1a1a; font-family: Arial, sans-serif; font-size: 12px; color: #999; margin: 0; padding: 0;}
h1,h2,h3,h4,img,a,p,form { border: 0; margin: 0; padding: 0; text-decoration: none;}

/*///////////////////////////////////////////////////////////////////////////////////
page framework divs
///////////////////////////////////////////////////////////////////////////////////*/
#container { background: #000; width: 830px; margin: 0 auto; padding: 15px;}
#inner { background: #000; border: 3px solid #fff;}
#header { background: url(../images/inner-top.jpg) repeat-x; width: 100%; height: 180px; text-align: center;}
#navigation { background: #2f2f2f; height: 30px;}
#navigation ul { list-style-type: none; margin: 0; padding: 0 0 0 8px;}
#navigation ul li { display: inline;}
#navigation ul li a { display: block; float: left; font-family: Tahoma; color: #fff; height: 14px; margin: 0 5px 0 0; padding: 8px 15px; text-transform: uppercase;}
#navigation ul li a:hover { color: #c2c2c2;}
#wrapper { padding: 22px;}
#content { width: 100%; line-height: 18px;}
#left, #right { float: left; width: 380px; padding: 50px 0 0 0;}
#left { margin: 0 20px 0 0;}
#footer { float: none; clear: left; border-top: 1px solid #2a2a2a; font-size: 10px; color: #fff; padding: 18px 0 0 0; width: 780px; text-align: right;}
#footer a { color: #999;}
#footer span { float: left;}

/*///////////////////////////////////////////////////////////////////////////////////
content styles
///////////////////////////////////////////////////////////////////////////////////*/
h1 { border-top: 1px solid #464646; border-bottom: 1px solid #1a1a1a; font-family: Times, Georgia, serif; font-size: 17px; color: #c2c2c2; padding: 8px 0; text-transform: lowercase;}
.clear { float: none; clear: left;}
.previewbox { font-size: 11px; line-height: normal; width: 380px; height: 140px; margin: 0 0 50px 0;}
.previewbox img { float: left;}
.previewbox p { display: block; float: right; width: 195px; height: 106px;}
.previewbox p span { background: url(../images/arrowbutton.jpg) no-repeat center left; display: block; height: 15px; padding: 0 0 0 22px; width: 173px; text-transform: uppercase;}
.previewbox b { display: block; color: #fff; margin: 0 0 8px 0;}
.previewbox p a { color: #cebd87;}
.previewbox p a:hover { color: #ffffcc;}
.previewbox p span a { color: #ffffcc;}
.previewbox p span a:hover { color: #ffffcc; text-decoration: underline;}

/*///////////////////////////////////////////////////////////////////////////////////
tool tip properties
///////////////////////////////////////////////////////////////////////////////////*/
.mdesigns { width: 380px; padding: 50px 0 0 0;}
.mdesigns.previewbox p a { color: #cebd87;}
.mdesigns .previewbox p a:hover { color: #ffffcc;}
/* "fallback" links for non-CSS supporting browsers. */
.fallback { display: none;}
.prick { color: #cebd87;}

/* Here's our default note styles. */
.notedefault, .notenested { font-size: 11px; color: #999; position: absolute; visibility: hidden; width: 380px; text-align: left;}
.notedefault { padding: 22px; border: 3px solid #fff; background-color: #000;}
.notenested { width: 8em; padding: 3px; border: 1px solid #963; background-color: #C96; color: white;} /* just for nesting - don't worry about it */

/* Headings within notes */
.notedefault h5 { display: block; background-color: #2f2f2f; font-size: 12px; color: #fff; margin: 0 0 5px 0; height: 16px; padding: 3px; text-align: left;}

/* Note close marker is only shown within pinned notes. */
.note-close { float: right; width: 45px; height: 16px; text-decoration: none; visibility: hidden;}
.notedefault h5 .note-close { color: #999;}
.snb-pinned .note-close { visibility: inherit;}