/*
Theme Name: Babyn.se
Theme URI: http://www.babyn.se/
Description: 
Version: 0.6
Author: Jesper Knutsson
Author URI: http://www.payema.se/
*/

/* Begin Typography & Colors */
body {
   background: #def3f5 url(images/bg.png) repeat-x top left;
   font: 11px Verdana,'Trebuchet MS',Arial;
   text-align: center;
   margin: 0;
}

img {
	border:none;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img a {
	border:none;	
}
h1, h2, h3 {
	font-family: 'Trebuchet MS', Arial , Verdana, 'Lucida Grande',  Sans-Serif;
	}
h1 {
	font-size: 2em;
    line-height: 1.1em;
	text-align: left;
	color: #55b1f4;
	}

h2 {
	font-size: 16px;
    color:#ff3a7b;
	}



h2.pagetitle {
	font-family: Helvetica,'Trebuchet MS', Arial;
	font-weight:normal;
	margin: 0 0 0.2em 0em;
	font-size: 20px;
    color: #55b1f4;
    }

    
fieldset {
	clear:both;
	border: 1px solid #b3ddf5;
	padding: 1em;
	background: #FFFFFF;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 90%;
}
legend {
	padding: 0.5em 1em;
	top: -10px;
	background: #FFF;
	border: 1px solid #b3ddf5;
	font-size: 0.9em; 
	font-family: Arial,"Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase; 
	color: #ff3a7b; 
}
/* BEGIN MAIN STRUCTURE */

#wrap {
    margin: auto;
	border: none;
	text-align: left;
	width: 982px;
}

#content_wrap {
	background: url('images/bg-body.png') repeat-y ;
	border: none;
	clear: both;
	float: left;
	padding: 0px 6px;
	width: 1010px;
}

#header {
	border: none;
	margin: 10px 20px 0 25px;
	text-align: left;
	width: 900px;
	height: 60px;
	padding: 0;
}

#header img { 
	position:relative;
	top:0px;
}

#left_column {	
	border-right: 1px dotted #ccc;
	margin: 0 0 0 10px;
	padding:  0 0 0 0;
	float: left;
	width: 180px;
}
#left_column h3 {
	height:30px;width:160px;display:block;margin: 1em 0 0.5em 0;
}
#right_column h3 {
	height:30px;width:160px;display:block;margin: 0 0 0.5em 0; position:relative; top:-15px;
}
.lc-hdr-qaa {background:transparent url(images/lc-hdr-qaa.png) no-repeat top left;}
.lc-hdr-user {background:transparent url(images/lc-hdr-user.png) no-repeat top left;}
.lc-hdr-diary {background:transparent url(images/lc-hdr-diary.png) no-repeat top left;}
.lc-hdr-guestbook {background:transparent url(images/lc-hdr-guestbook.png) no-repeat top left;}
.lc-hdr-comments {background:transparent url(images/lc-hdr-comments.png) no-repeat top left;}
.lc-hdr-gallery {background:transparent url(images/lc-hdr-gallery.png) no-repeat top left;}
.lc-hdr-blog {background:transparent url(images/lc-hdr-blog.png) no-repeat top left;}
.lc-container {
	padding: 0.5em;
	
	border-bottom:1px dotted #ccc;
}

#mid_column {
	border: none;
	margin: 0 0 0 5px;
	float: left;
	width: 530px;
}

#right_column {
	background:#f0f0f0;
	border: none;
	margin: 0 0 0 5px;
	float: left;
	padding: 0 5px 100px 5px;
	width: 260px;
	overflow:hidden;
}


#footer_bottom {
	background: url('images/bg-footer.png') no-repeat left center;
	border: none;
	clear: both;
	float: left;
	height: 42px;
	line-height: 40px;
	padding: 0px 6px;
	width: 1010px;
}
.post {
    clear: both;
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	text-align: justify;
	border-bottom: 2px solid #b3ddf5;
	}
/* END MAIN STRUCTURE */

/* BEGIN LAYOUT ELEMENTS */

/* -------- Begin minor elements ----------- */
.comment {
    clear:both;
    border-top: 1px solid #ccc;
    padding: 5px 0 5px 0;
}
.topic {
    clear:both;
    overflow: hidden;
    background: #E6F0FF;
    padding: 0px 0 0px 0;
    margin: 5px 0 5px 0;
}
.reply {
    clear:both;
    border-top: 1px dashed #F5B800;
    background: #FFFFFF;
    padding: 5px 0 5px 0;
}
.pager_links {
    clear:both;
    text-align: center;
    font: 1.4em arial,verdana; 
	color: #6666aa;
	font-weight: bold;
    margin: 5px 0 5px 0;
    padding: 0 4px 0 4px;
	border: 0px solid #6666aa;
} 
.signature {
    clear:both;
    font: 0.7em;
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 5px 0 5px;
    margin: 5px;
}
.comment-box {
	background: #F0DEEF;
	margin: 4px 0 0 2px;
	padding: 0.2em 0.2em 0.2em 1em;
	color: #826E8F;
}

.pager_links a{

}
.leftalign {
	float:left;
	margin: 0.5em 1em 0.5em 0em; 
}
.rightalign {
	float:right;
	margin: 0.5em 0em 0.5em 1em; 
}
.cleared {clear:both;}

#members-online-box {
	width: 300px;
	float:right;
	font-size:0.8em;
	background:transparent;	
	color: #826E8F;
	margin-right:20px;
}
.member_box_body {
	text-align: left;
	width: 440px;
	background: url(images/body_tail_small.jpg) repeat-y left top;
	padding: 5px 40px 0px 40px;
	margin: 0px;
	clear:both;	
}
.member_box_footer {
	width: 520px;
	height: 50px;
	background: url(images/footer_tail_small.jpg) no-repeat left bottom;
	padding: 0px;
	margin: -12px 0 0 0;
	clear:both;
}

/* -------- End minor elements ----------- */

/* -------- 480 px boxes ----------- */
.box_top_480 {
	background: #A5D9FE url('images/top_mask_480.gif') no-repeat top left;
	color: #fff;
	height: 25px;
	padding: 0 0 0 0px;
	margin: 10px 0 0 0;
	width: 479px;
}
.box_top_480 h2 { 
	color: #fff;
}
.box_body_480 {
	background:url('images/box_body_480.png') repeat-y ;
 	border:none;
 	overflow: hidden;
	clear: none;
	margin: 0;
	width: 480px;
}
.box_footer_480 {
	background:url('images/box_footer_480.png') no-repeat left center;
 	border: none;
	clear: left;
	margin: 0;
	height: 20px;
	width: 480px;
}

.box_column1 {
    display:block;
    float:left;
    width: 210px;
	margin: 10px 0 0 15px;
	padding: 0 0 0 10px;
}

.box_column2 {
    display:block;
    float:left;
    width: 210px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
}

/* -------- 300 px boxes ----------- */

.rc-container {
	background:#fff;
	width:240px;padding:5px;border:1px solid #ccc;
	margin:20px 0 10px 0;
	-moz-border-radius:10px;
	
	-webkit-border-radius: 10px;

}


.box_top_300 {
	background: #8D6D5A url('images/top_mask_280.gif') no-repeat top left;
	color: #fff;
	height: 25px;
	padding: 0 0 0 0px;
	margin: 10px 0 0 0;
	width: 250px;
}
.box_top_300 h2 { 
	color: #fff;
}

.box_body_300 {
	background:url('images/box_body_280.png') repeat-y ;
 	border: none;
 	overflow: hidden;
	clear: both;
	margin: 0;
	width: 250px;
}
.box_footer_300 {
	background:url('images/box_footer_280.png') no-repeat left center;
 	border: none;
	clear: both;
	margin: 0;
	height: 20px;
	width: 250px;
}



.color-1 {
	background-color:#5074be;
	color:#FFF;
}
.color-2{
	background-color:#5074be;
	color:#FFF;	
}
.color-3{
	background-color:#EF4BF4;
	color:#FFF;
}
.color-4{
	background-color:#EF4BF4;
	color:#FFF;
}


.box_body_inner {

	margin: 0px;
	padding: 10px 20px;
}


img.box_body_inner  {
	padding: 5px;
}

/* Begin Main Menu */

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 1008px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(images/topnav_stretch.gif) repeat-x;
	border: 1px solid #aaa;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #aaa;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #000;
	text-decoration: none;
}
ul#topnav li:hover {color:#fff; background: #1376c9 url(images/topnav_active.gif) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 1010px;
	background: #e1e1e1;
	color: #000;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}



#menu_container {
	width: 930px;
	top: 65px;
	left:-20px;

	border:0px dashed #0f0;
}
ul#menu { 
	width: 970px; 
	text-align: left;
	overflow: hidden;
	font-size: 1.4em; font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	z-index: 5;
}
ul#menu li {
	text-align:center; 
	display: block; 
	position:relative;
	top:14px; 
	float: left; 
	margin-left: 1px;
	background: transparent; 
	padding: 0;
	}
ul#menu li a { 
	width:130px;
	height:50px;
	font-size: 0.8em; 
	font-family: Arial,"Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase;
	position: relative;
	overflow:hidden;
	top:-0px; 
	color: #0081c2; 
	text-decoration: none; 
	display: block; 
	float: left;  
	padding: 5px 0px 0px 0px; 
	border:0px solid #ff0;
	}
ul#menu li a:hover { 
	position:relative;
	top:  -5px;
	}
ul#menu li a.current{ 
	position:relative;
	top: 5px 0px;	 
}
.tab_a {
	background-image: url(images/tab_a.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index:1;
}
.tab_b {
	background-image: url(images/tab_b.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.tab_c {
	background-image: url(images/tab_c.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.tab_d {
	background-image: url(images/tab_d.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/* End Main Menu */	

/* -------- SIDE MENU ----------- */
 #menu_side ul{margin: 10px 0 0 5px; padding: 0 0 0 0px; width: 170px; list-style-type: none; font-size: 1.0em;font-weight: bold;}

#menu_side li{margin-bottom: 0.25em;}

#menu_side a{display: block; width: auto; height: 100%; background: #A5D9FE; padding: 0.25em; padding-left:1em; text-decoration: none; border: 1px solid #378FCD;}

#menu_side a:link{color: #378FCD;}
#menu_side a:visited{color: #378FCD	;}
#menu_side a:hover{background: #E3F3FE;color: #378FCD;}
#menu_side a#current{background: #9AA597;color: #378FCD;}

/* -------- SIDE MENU END ----------- */
/* -------- IN PAGE MENU START ----------- */
/**** Define in page menu ***/
    #menycontainer {
      float:left;
      width:100%;
      /* background:#FCF3F8; */
      background:#FFF;
      font-size:93%;
      line-height:normal;
	  /*border-bottom:1px solid #F4B7D6;*/
	  border-bottom:1px solid #ccc;
	  margin-bottom: 1em;
	  display:block;
      }
    #menycontainer ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #menycontainer li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menycontainer a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menycontainer a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#C7377D;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menycontainer a span {float:none;}
    /* End IE5-Mac hack */
    #menycontainer a:hover span {
      color:#C7377D;
      }
    #menycontainer a:hover {
      background-position:0% -42px;
      }
    #menycontainer a:hover span {
      background-position:100% -42px;
      }  
/* -------- IN PAGE MENU END ----------- */


/* END LAYOUT ELEMENTS */

/* BEGIN TYPOGRAFY ELEMENTS */
.box_header {
   margin: 0 0 0 1.2em;
   font: 1.3em Helvetica,'Trebuchet MS', Arial;
   font-weight: bold;
   width:20em;
   padding-top: 2px;
}



.commentlink {
	background:url(images/icons/comment_small.png) no-repeat	left top;
	padding: 0 0 10px 25px;
	
}

.message_meta {
	color: #aaa;
	font-size: 0.9em;
}

/* END TYPOGRAFY ELEMENTS */

/* BEGIN IMAGE ELEMENTS */
.postthumb {
	float: left;
	padding: 2px;
	border:1px solid #aaa;
	margin: 0 5px 5px 0;
	}
html>body .postthumb {
	-moz-border-radius: 3px;
	-moz-box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.4);
}

.user_avatar {
	float: left;
	padding: 2px;
	border:1px solid #aad;
	margin: 0 10px 10px 0;
}
/* END IMAGE ELEMENTS */

/* BEGIN TABLE ELEMENTS */

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #FFF;
	border: 2px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	 background-color: #99CC66;
 	font-weight: bold;
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 0px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 0px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #66CCCC;
	border: 0px solid #AAAAAA;
	cursor: pointer;
	color: #FFF;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #99CC66;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #FFF;
	font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background: #99CC66;
	font-weight: bold;
	padding: 0px;
	}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background: #99CC66;
	font-weight: bold;
	}

.calendarbutton{
	cursor:pointer;
	width: 50px;
	height: 50px;
	border:0px solid #ccc;
	background:#fff;
	padding: 1px 2px;
	background:url(images/icons/calendar.png) no-repeat	left top;
	}
	
.distinct-row {
	border-bottom: 1px solid #a5e1ff;
	border-top: 1px solid #45a1d4;
	margin-bottom: 5px;
	background-color: #e9f1ff;
}	
.distinct-table {
	border-collapse:separate;
	border-spacing:0px 1px;
}	
		
	
/* END TABLE ELEMENTS */

/* =============== BEGIN FORM ELEMENTS =============== */

/* Begin Comments*/
.large-input {
	width:13em;
}

.alt {
	margin: 0;
	padding: 0px;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
.commentmetadata a {
       text-decoration: none;
       color: #99CC66;

}
.commentnum {
       font-size: 1.8em;
       color: #ccc;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
.commentlist p {
	margin: 10px 5px 10px 0;
	}
#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
        font-size: 1.3em;
	margin: 0;
	display: block;
	}
.cmtinfo {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #dddddd;
	display: block;
	color: #aaa;
	}
/* End Comments */
/* Medium ICONS */
[icon ^="next"] {
   padding: 4px 10px 4px 30px;
   background: transparent url(images/icons/next.png) no-repeat center left;
}
[icon ^="member"] {
   padding: 4px 10px 4px 30px;
   background: transparent url(images/icons/user.png) no-repeat center left;
}
[icon ^="baby"] {
   padding: 15px 10px 15px 48px;
   background: transparent url(images/icons/baby_xl.png) no-repeat center left;
}


/* Small ICONS */
[icon ^="settings_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/process.png) no-repeat center left;
}
[icon ^="calendar_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/calendar.png) no-repeat center left;
}
[icon ^="new_message_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/mail_receive.png) no-repeat center left;
}
[icon ^="send_message_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/mail_send.png) no-repeat center left;
}
[icon ^="exit_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/unlock.png) no-repeat center left;
}
[icon ^="member_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/user.png) no-repeat center left;
}
[icon ^="members_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/users.png) no-repeat center left;
}
[icon ^="attention_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/promotion.png) no-repeat center left;
}
[icon ^="help_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/help.png) no-repeat center left;
}
[icon ^="comments_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/comments.png) no-repeat center left;
}
[icon ^="edit_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/page_process.png) no-repeat center left;
}
[icon ^="delete_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/delete.png) no-repeat center left;
}
[icon ^="warning_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/warning.png) no-repeat center left;
}
[icon ^="new_entry_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/add_page.png) no-repeat center left;
}
[icon ^="accept_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/accept.png) no-repeat center left;
}
[icon ^="info_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/info.png) no-repeat center left;
}
[icon ^="baby_16"] {
   padding: 4px 10px 4px 18px;
   background: transparent url(images/icons/16/baby_16.png) no-repeat center left;
}
[icon ^="up_16"] {
   padding: 4px 10px 4px 10px;
   background: transparent url(images/icons/16/up_arrow.png) no-repeat center left;
}
[icon ^="down_16"] {
   padding: 4px 10px 4px 10px;
   background: transparent url(images/icons/16/down_arrow.png) no-repeat center left;
}