/*
Theme Name: Medocularbloggen
Description: Theme for Capio, to use att Medocularbloggen
Version: 1.0
Author: Erik Andersson & Björn Wikström
Author URI: http://www.welcom.se/
Tags: Capio, Medocular, Welcom

	Medocularbloggen v1.0

	This theme was designed and built by Erik Andersson & Björn Wikström,
	whose blog you will find at http://welcomweb.se/

*/

a, a:link, a:visited, a:hover{text-decoration: none;}
a:link, a:visited{color:#508bc7;}
a:hover{color:#7d7d7d;}


body {
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Sans-Serif;
	background-color: #FFFFFF;
	color: #434342;
	text-align: center;
	padding:0;
	margin:0;
	background-image: url(/medocular/images/bodyBackground.gif);
	background-repeat: repeat-x;
	background-position: top;
	}


#page {margin:0px auto;text-align: left;width: 670px;}
	#top{position:relative;height: 210px;}		
	#middle{position: relative;}
		#content{position: relative;float:left;width:410px;}
		#sidebar{position: relative;float:right;width:223px;}
	#footer{position: relative;clear: both; text-align: center;border-top: 1px solid #cdcdcd;margin-top:20px;padding-top: 0px;}


/* TOP */
#top a:link, #top a:visited, #top a:hover{color:#FFF;}
#top #capioMedocularLogo{position: absolute;top:15px;left:0px;}
#top .headingTop{position: absolute;top:56px;width: 670px;height: 123px;background-image: url(/medocular/images/topBack.jpg); background-repeat: no-repeat;background-position: center top;}
#top h3{position: absolute;top:40px; margin:0;line-height: 30px;font-size: 36px;font-weight: normal;letter-spacing: 1px;}
#top h1{position: absolute;top:75px; padding:0; margin:0;line-height: 30px;font-size: 20px;font-weight: normal;letter-spacing: 1px;}
/* END TOP */


/* CONTENT */
#content h2{margin:0px;padding:0px 0 5px 0;font-size: 21px;line-height: 21px;font-weight: normal;}
	#content h2.pagetitle{margin:0px;padding:0px 0 5px 0;font-size: 14px;line-height: 14px;font-weight: normal;border-bottom:1px solid #DDDDDD;margin-bottom:20px;color:#888888;}
#content.archive h2{margin-bottom: 10px;}

/* OLD  #content h3{margin:0px;padding:0px 0 5px 0;font-size: 18px;line-height: 21px;font-weight: normal;}*/
#content h3{margin:0px;padding:0px 0 5px 0;font-size: 21px;line-height: 21px;font-weight: normal;}
#content p.postByAndTime{margin:0; padding:0px 0 0 0;font-size: 14px; line-height: 20px;}
#content .entry{position: relative;}
	#content .entry p{margin:0px;padding:10px 0 0;}
#content .userDetails{clear: both;height: 73px;margin-top:10px;line-height: 13px; font-size: 10px;}
	#content .userDetails .text{position: relative; color: #585858;}
		#content .userDetails .text img{margin-right:15px;}
		#content .userDetails .text span{line-height: 5px;font: 1px;}


#content .postmetadata{clear: both;margin:10px 0 30px 0; font-size: 11px;}
	#content .postmetadata .top{position: relative;width: 400px;height: 7px; background-image: url(/medocular/images/postBox/top.gif);background-repeat: no-repeat;line-height: 7px;}
	#content .postmetadata .middle{position: relative;width: 400px; background-image: url(/medocular/images/postBox/middle.gif);background-repeat: repeat-y;padding:0;margin:0;}
	#content .postmetadata .bottom{position: relative;width: 400px; height: 7px; background-image: url(/medocular/images/postBox/bottom.gif);background-repeat: no-repeat;}
		#content .postmetadata .middle .middlePadding{padding:0px 10px 5px;}
		#content .postmetadata .middle .shareSmall{height: 16px;position: relative;width: 300px;padding-top:6px;}
		#content .postmetadata .middle .shareSmall span, #content .postmetadata .middle .shareSmall img{display:  inline;float:left;}
		#content .postmetadata .middle .shareSmall img{height: 16px;margin-left:3px;}
		#content .postmetadata .middle .shareSmall span{margin-right: 5px;margin-top:4px;height: 12px;}
		#content .postmetadata .middle .shareSmall span a{line-height: 11px;margin-top: 5px;}
		
		#content .postmetadata .commentsRow a:link, #content .postmetadata .commentsRow a:visited{color:#434342;}
		#content .postmetadata .commentsRow a:link span, #content .postmetadata .commentsRow a:visited span{color:#508BC7;}
		
		#content .postmetadata .middle .commentsRow{line-height: 20px;}
			#content .postmetadata middle .commentsRow a:link span{color:#508bc7;}
			#content .postmetadata middle .commentsRow a:visited{color:#888888;}
			#content .postmetadata img{border:0;margin:0px;padding:0px;}

	/* START SEARCH */
	#content.pageSearch h2{margin:0 0 10px 0; padding:0px 0px 3px 0px;border-bottom: 1px solid #CDCDCD;}
	#content .searchResults{}
		#content .searchResults h3{margin: 0px;padding:0px;}
		#content .searchResults p{margin:3px 0px;padding:0px;}
		#content .searchResults p.date{margin:0px;padding:0px;}
		#content .searchResults .hentry{padding:0px 0px 10px 0px;}
		
	/* END SEARCH */

			 
/* END CONTENT */


/* COMMENTS */
ol.commentlist{padding:0px;list-style: none;margin:0px;}
	ol.commentlist li{border-bottom: 1px solid #CDCDCD;padding:0px 0 5px 0;margin-bottom: 10px;}
		ol.commentlist li .fn{font-size: 14px;}
		ol.commentlist li p{padding:5px 0px;margin:0px;}

h3#comments{font-size: 16px;}		

#respond {width: 400px; overflow: hidden;}
	#respond textarea{width: 398px;border:1px solid #CDCDCD;}
	#respond input{padding:3px 5px;border:1px solid #CDCDCD;}
	#respond h3{margin:20px 0px 10px;font-size: 13px;}
/* END COMMENTS */


/* SIDEBAR */
#sidebar ul, #sidebar ul li{list-style: none;margin:0;padding:0;}
	#sidebar ul.topMenu {margin-bottom: 15px;}
		#sidebar ul.topMenu li{height: 24px; width: 223px; position: relative;cursor: pointer;}
		#sidebar ul.topMenu li a{padding-left:8px; line-height: 24px;color:#888888;}
		#sidebar ul.topMenu li div{cursor: pointer;}
		
			
			#sidebar ul.topMenu li div.right{width: 4px; height: 24px; background-repeat: no-repeat;position: absolute;top:0px;right: 0px;z-index: 2;}
			#sidebar ul.topMenu li div.left{width: 4px;height: 24px;background-repeat: no-repeat;position: absolute;top:0px;left: 0px;z-index: 2;}
			#sidebar ul.topMenu li div.middle{background-repeat: repeat-x; width: 202px;height: 24px;position: absolute;z-index: 1;left: 4px;top: 0px;}
				/* TOP ROW */
				#sidebar ul.topMenu li.top.active div.right, #sidebar ul.topMenu li.top.hover div.right{background-image: url(/medocular/images/topMenu/upper_green_right.gif); }
				#sidebar ul.topMenu li.top.active div.left, #sidebar ul.topMenu li.top.hover div.left{background-image: url(/medocular/images/topMenu/upper_green_left.gif);}
				#sidebar ul.topMenu li.top.active, #sidebar ul.topMenu li.top.hover{background-image: url(/medocular/images/topMenu/upper_green_middle.gif);}
					#sidebar ul.topMenu li.top.active a, #sidebar ul.topMenu li.top.hover a{color:#FFFFFF;}
				#sidebar ul.topMenu li.top div.right{background-image: url(/medocular/images/topMenu/upper_gray_right.gif);}
				#sidebar ul.topMenu li.top div.left{background-image: url(/medocular/images/topMenu/upper_gray_left.gif);}
				#sidebar ul.topMenu li.top{background-image: url(/medocular/images/topMenu/upper_gray_middle.gif);}
				/* BELOW TOP */
				#sidebar ul.topMenu li.active div.right, #sidebar ul.topMenu li.hover div.right{background-image: url(/medocular/images/topMenu/lower_green_right.gif);}
				#sidebar ul.topMenu li.active div.left, #sidebar ul.topMenu li.hover div.left{background-image: url(/medocular/images/topMenu/lower_green_left.gif);}
				#sidebar ul.topMenu li.active, #sidebar ul.topMenu li.hover{background-image: url(/medocular/images/topMenu/lower_green_middle.gif);}
					#sidebar ul.topMenu li.active a, #sidebar ul.topMenu li.hover a{color:#FFFFFF;}
				#sidebar ul.topMenu li div.right{background-image: url(/medocular/images/topMenu/lower_gray_right.gif);}
				#sidebar ul.topMenu li div.left{background-image: url(/medocular/images/topMenu/lower_gray_left.gif);}
				#sidebar ul.topMenu li{background-image: url(/medocular/images/topMenu/lower_gray_middle.gif);}
		
		
	#sidebar ul.sidebarUl li.search{margin-bottom: 15px;background-image: url(/medocular/images/searchBackground.jpg);background-repeat: no-repeat;height: 22px;position: relative;}
		#sidebar ul.sidebarUl li.search input{background-color: transparent;border: 0px;}
			#sidebar ul.sidebarUl li.search input.input{width: 180px; height: 17px;line-height: 17px;position: absolute;left:9px;top:1px;}
			#sidebar ul.sidebarUl li.search input.submit{position: absolute;right: 0px;width: 30px;height: 22px;cursor: pointer;}
	#sidebar ul.sidebarUl li.widget{}
		#sidebar ul.sidebarUl li.widget .textwidget{font-size:11px;}
		#sidebar ul.sidebarUl li.widget h4{font-size: 14px;border-bottom: 1px solid #cdcdcd; color: #888888;line-height: 14px;padding-bottom: 3px;margin:0px;font-weight: normal;}	
			#sidebar ul.sidebarUl li.widget h4 span{padding:0px 10px;}
		#sidebar ul li.widget .textwidget, #sidebar ul.sidebarUl li.widget ul{padding: 5px 10px 15px;}
		
	#sidebar .facebook, #sidebar .youtube{margin-bottom: 15px;}
		#sidebar .youtube li.top{height:38px;width: 223px;margin:0px;padding:0px;background-image: url(/medocular/images/youtube/top.jpg); background-repeat: no-repeat;}
		#sidebar .youtube li.bottom{height:5px;width: 223px;margin:0px;padding:0px; line-height: 1px;background-image: url(/medocular/images/youtube/bottom.jpg);background-repeat: no-repeat; background-position: bottom;}
		#sidebar .youtube li.middle{background-image: url(/medocular/images/youtube/middle.jpg); background-repeat: repeat-y;margin: 0;padding: 0;}
			#sidebar .youtube li.middle ul{margin: 0 0 0 8px;padding:0px;}
				#sidebar .youtube li.middle ul li{margin: 0px;padding:0px 2px 4px;float:left;}
					#sidebar .youtube li.middle ul li img{border:2px solid #CDCDCD;}
			
			#sidebar .youtube li.middle div.youtubeMiddleText{clear: both;padding:0px;margin:0px;}
			#sidebar .youtube li.middle p{padding:0 0 0 10px;margin:0px; clear: both;}

		

/* END SIDEBAR */


/* WP THEMES */
.navigation{position: relative;}
	.navigationBottom{clear: both;height: 3px;line-height: 1px;width:410px;margin-bottom:15px;position: relative;border-bottom:1px solid #DDD;}
	.navigationBottom.noline{border-bottom:0px;}
.alignright{float:right;}
.alignleft{float:left;}
img.alignright{margin:0px 0px 10px 10px;}
img.alignleft{margin:0px 10px 10px 0px;}

.hentry img, .entry img{border:1px solid #CDCDCD; padding:3px;}
/* END WP THEMES */



/* START MEDIABOX */
/* mediaboxAdvanced - white theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/medocular/images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
}

#mbCenter.mbLoading {
	background: #fff url(/medocular/images/mediabox/WhiteLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #333;
}

#mbImage a:hover, #mbImage a:active {
	color: #000;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #333;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	margin-left:5px;
	outline: none;
}

#mbPrevLink {
	width: 14px;
	background: transparent url(/medocular/images/mediabox/WhitePrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 14px;
	background: transparent url(/medocular/images/mediabox/WhiteNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 20px;
	background: transparent url(/medocular/images/mediabox/WhiteClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}