/* Start of CMSMS style sheet 'womf_structure' */
/** 
 * Hand Made Ionize template CSS
 * Structure styles
 *
 * Design by : 	Partikule Studio, www.partikule.net 
 *
 * Text :		#
 * Titles :		#
 * Links :		link: 	color: #779e00
 *				hover : color: #ffffff
 *						background-color: #8CBE19
 *
 */


/* Reset */

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(uploads/womf/body_bg.jpg) repeat-x;
	background-color: white;
        
}
body a:hover {
         background-hover: white;        
}

ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }

a img {	border:none;}

:focus { outline: none; }


/* Containers
 * ------------------------------------------- */

#container {
	margin: 0 auto 0 auto;
	width:750px;
	text-align: left;
}

#main {
	overflow: auto;
	margin-top:0px;
	margin-bottom: 10px;
	width: 750px;
	clear:both;
    background: white;
}
#main_default {
	overflow: auto;
	margin-top:0px;
	margin-bottom: 10px;
	width: 750px;
	clear:both;
    background: white;
}

#sidebar, #sidebar-home {
	float:right;
	position:relative;
	padding-top:0px;
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
}
#sidebar-home { width:270px; }
#sidebar { 
	width:270px; 
    padding-left: 5px;
	margin-top:11px;

}

#content-home { margin-right:330px;}
#content { }

#content_home { 
    margin-right: 30px;
}
#content_new {
    margin-right: 290px;    
}


/* Logo
 * ------------------------------------------- */
#logo {
	margin: 40px;
}
#logo img {
	display: block;
	margin-left: 30px;
}


/* Header
 * ------------------------------------------- */

#header, #header-home {
	clear: both;
	position: relative;
}
#header-home {
}
#header {
}

#header-content{
	width:750px;
	position: relative;
}

/* Header pictures */
#hp-container {
	float:left;
	overflow: hidden;
    background-color: white;
   	width:750px;
}
#hpicture-container.home,
#hpicture-container {
	width:750px;
	overflow: hidden;
}
#hpicture-container.home {
}
#hpicture-container {
}

#hpicture {
	position:relative;
	background-color: white;
	overflow: hidden;
	width:750px;
}

#hpicturelist {
	overflow: hidden;
	width:750px;
}

#hpictureList.internal {

}

#hpicturelist img {
    padding: 0px 0px 0px 0px;
	display:block;
    height: 200px;
}


#picture-comment {
	width:330px;
	margin-top:170px;
}
#picture-comment p{
	text-align: right;
	color:#666;
	font-size: 11px;
}

.picture-button {
	position: absolute;
	top:250px;
	cursor: pointer;
}
.picture-button.left {
	left:300px;
}
.picture-button.right {
	right:10px;
}

/* Sidebar
 * -------------------------------------------- */
.side-bloc{
	background-color: white;
	overflow: hidden;
    padding-left: 10px;
}

.side-bloc-news 
{
	margin-top: 20px;
}
.side-bloc-news h3,
.side-bloc-news p
{
	margin-left:55px;
}


/* Date
 * -------------------------------------------- */

.date {
	width:40px;
	float:left;
	clear:both;
	margin-top: 2px;
	text-align: center;
}
.date .day,
.date .month,
.date .year
{
	color:#000;
	margin:0;
	padding: 0;
}


/* SubNavigation and Categories
 * -------------------------------------------- */
.sidelist {
	list-style: none;
	margin: 5px 0 20px 0;
}
.sidelist li {
	font-size: 0.85em;
}
.sidelist li a {
	display: block;
	line-height: 1.8em;
	width: 100%;
	padding: 0 0 0 3px;
	border-bottom: solid 1px #E0D8D7;
}

.sidelist li a.active {
	color: #000 !important;
	background-color:#f7f7f7;
}


/* Content
 * -------------------------------------------- */

.content-top, .content-left {
	background-color: white;
}
.content-top {
	height:11px;
	margin-right:10px;
}
.content-left {
	height:224px;
	width:11px;
	float:left;
}
.content-left.small {
	height:124px;
}

.articles {
	margin-left:11px;
/*	background: url(uploads/womf/shadow_bg.jpg) no-repeat 50% 0;*/
	background-color: #fff;
}

.article{
	padding: 0px;
	overflow: auto;
}


/* Footer
/* -------------------------------------------- */
#footer {
	margin:0 0 20px 0px;
	background-color: #252525;
	background: url(uploads/womf/home_page_footer.jpg) no-repeat  left 80%;
	border-top: dotted #ccc 1px;
    height: 167px;
}

#footer p {
	color:#aaa;
	font-size: 0.65em;
    float: left;
    padding-bottom: 3px;
	margin: 150px 5px 0px 3px;
}
#footer p span{
	color:#fff;
}
#footer p a {
	color: #aaa;
	padding:2px;
	text-decoration: none;
}

#footer p a:hover {
	color: blue;
	text-decoration: underline;
	background: none;
}



/* Clearing
   This souldn't be necessary anymore.
   http://www.positioniseverything.net/easyclearing.html
 ----------------------------------------- */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


/* End of 'womf_structure' */