/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
li{ list-style:square; margin:5px 0 5px 25px;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:url(images/body-bg.png) repeat top center;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 { color:#dd3060; font-size:21px;}
h2 {font-size:16px;margin-bottom:8px;}


p {margin:0 0 15px 25px;}
a:focus, a:hover {color:#333;}
a {color:#dd3060;text-decoration:underline;}


/* forms.css */
input{ width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
select{ width:284px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff; height:30px;}
textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff; height:120px;}
input.button { padding:3px 10px; background:#3d3d3d; border: none; color:#FFF; width:120px; height:30px; cursor:pointer;}

.clearfix, .container {display:block;}
.clear {clear:both;}


#container{ width:900px; margin:30px auto 0;}
#top{width:900px; height:17px; background:url(images/head-bg.png) no-repeat top center;}
#content-body{ width:900px; background:url(images/center-bg.png) repeat-y center;}
#foot{width:900px; height:73px; background:url(images/foot-bg.png) no-repeat top center;}

#head{ height:100px;}
#logo{ padding:0 25px 0; float:left }
#menu{float:left; width:525px; margin:10px 0 0 15px;}
#menu li {float:left; width:120px; padding-left:5px; line-height:30px; list-style:none; margin:0;}
#menu li a{font-size:16px; text-decoration:none; color:#DF3364; font-weight:bold; cursor:pointer;}
#menu li a:hover{font-size:16px; text-decoration:none; color:#333;}
#profile{ height:165px;}
#ProPicture{ float:left; padding:0 12px 0 25px;}
#ProSlogan{float:left;}
#content{ margin:10px 25px 0; background-color:#FFE5EA; padding:20px;}
#pictures{padding:5px; margin:5px 25px 0; background-color:#FBF0F3;}
#pictures img{padding:1px;}

#footer{ text-align:center; margin:0 auto; padding-top:40px; background:url(images/Footer-bg.png) no-repeat top center; height:243px;}
#footer p{font-size:11px;}

/* gallerycontainer -------------------------------------------------------------------------------------------*/
#gallerycontainer {padding-top:15px;}
	#gallerycontainer ul { list-style: none; padding:5px; margin-left:15px;}
	#gallerycontainer ul li { display: inline; margin:0!important; }
	#gallerycontainer ul img { background:#FFF; padding:5px; border:#CCC 1px solid; margin:15px 7px;	}
	#gallerycontainer ul a:hover img { background:#FFF; padding:5px; border:#CCC 1px solid;	}
	/* for IE 
  filter:alpha(opacity=60);*/
  /* CSS3 standard */
  
	#gallerycontainer ul a:hover {opacity:0.6; }