/*
* Theme Name: MacaroniCode
* Theme URI: http://macaronicode.se/
* Description: Custom theme for MacaroniCode.se
* Author: MacaroniCode Software
* Author URI: http://macaronicode.se/
* Version: 1.0
*/

/* Remove Margin between browser window and page area */
body, html
{
	padding:0;
	margin:0;
}
/* Set Page Background */
body
{
	background:url("i/images/stripes.png");
	behavior:url("csshover.htc");
}

/* Header */
#header
{
	position:relative;
	z-index:10;
}

/* Logo */

#logo
{
	z-index:-1;
	height:150px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:-20px;
}

/* Tabs */
#tabs ul
{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

#tabs
{
	position:relative;
	z-index:5;
	height:20px;
	padding:0 5px;
	margin:0;
	margin-bottom:-20px;
	clear:both;
}

#tabs a
{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border:1px solid #ccc;
	border-bottom:none;
	background:url("i/images/tab_bg.png") 0 0 repeat-x;
	padding:0 20px;
	padding-top:2px;
	margin:0;
	margin-right:5px;
	color:#ccc;
	text-decoration:none;
	float:right;
}

/* Menus */
#menus
{
	background:url("i/images/menu_bg.png") 0 0 repeat-x;
	padding:0;
	padding-left:10px;
	margin:0;
	height:55px;
}

#menus #rss_link
{
	float:right;
	margin:0;
}

#menus a
{
	display:block;
	float:left;
	height:50px;
	margin:0;
	padding:10px;
	background:url("i/images/menu_link_bg.png") 0 0 repeat-x;
	color:#333;
	line-height:33px;
	font-size:20px;
}

#menus ul, #menus li
{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}

#menus li:hover ul.children
{
	display:block;
	float:none;
}

#menus li:hover li
{
	float:none;
	margin:0;
}

#menus li:hover ul a
{
	color:#555;
}

#menus ul.children
{
	display:none;
}

/* Page Contents */
#main
{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	padding:5px 10px;
	float:left;
	width:835px;
	height:100%;
	overflow:hidden;
}

/* Sidebar */
#sidebar
{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	padding:0;
	padding-top:20px;
	margin:0;
	width:300px;
	height:100%;
	float:right;
}

#sidebar li
{
	list-style-type:none;
}

#sidebar li li
{
	background:none;
}

.widgettitle
{
	height:30px;
	background:url("i/images/widget_title_bg.png") 0 0 repeat-x;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	z-index:2;
}

.widgetcontent
{
	background:url("i/images/widget_bg.png") 0 0 repeat-y;
	margin-top:-22px;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-bottom-left-radius:10px;
	-webkit-bottom-right-radius:10px;
	z-index:0;
}

.widgetcontent a
{
	color:#555;
}

/* Search */
#searchdiv
{
	float:right;
	margin-right:10px;
	margin-top:13px;
}

#s
{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid darkgray;
	height:15px;
	padding-left:10px;
	padding-right:10px;
}

/* Footer */
#footer
{
	/*width:1165px;
	margin:10px auto;*/
	width:100%;
}

#credits
{
	background:url("i/images/footer_bg.png") 0 0 repeat-x;
	background-color:#97a1cd;
	/*-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
	text-align:center;
	font-size:small;
	padding:10px;
}

#credits a
{
	color:#666;
	border:none;
	text-decoration:none;
	clear:both;
}

/* Wrapper */
#wrapper
{
	position:relative;
	top:-30px;
	margin:0 auto;
	padding:0;
	padding-bottom:15px;
	width:1165px;
	clear:both;
}

/* Posts */
.post
{
	display:block;
	width:835px;
	margin-top:40px;
}

.post_header
{
	background:url("i/images/menu_bg.png") 0 0 repeat-x;
	position:relative;
	top:-15px;
	margin-right:40px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.post_header a
{
	color:#333;
}

.post_content
{
	background:url("i/images/post_bg.png") 0 0 repeat-y;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:0 20px;
}

.post_title
{
	float:left;
	margin:0;
}

.post_timestamp
{
	float:right;
	margin:0;
	margin-top:10px;
	padding-right:10px;
}

.post_footer
{
	float:right;
}

/* Blackout & Popup */
#blackout
{
	background-color:#000;
	opacity:0.6;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:351;
}

#popup_wrapper
{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:352;
}

#popup_outer
{
	width:300px;
	height:400px;
	margin:auto;
	margin-top:100px;
	background-color:#fff;
	padding:10px;
	border:2px solid #333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	opacity:0.9;
}

#popup_loading
{
	width:100px;
	height:20px;
	margin:auto;
	margin-top:150px;
}

/* Remove unnecessary effects (image borders, outlines, etc.) */
a img
{
	border:none;
	outline:none;
}

a
{
	z-index:100;
	outline:none;
	text-decoration:none;
	color:#333;
}

/* Support Classes */
.clear
{
	clear:both;
}

/* Comments */
#commentform, #commentform
{
	overflow:visible;
}

#commentform input[type=text], #commentform textarea
{
	outline:none;
}

#commentform label, #commentform span
{
	display:none;
}

.commentlist li
{
	list-style-type:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:url("i/images/comment_text_bg.png") 0 0 repeat-x;
	background-color:#a7a7ff;
}

.comment_author
{
	width:100px;
	margin-top:-5px;
	margin-bottom:-5px;
	margin-left:-5px;
	margin-right:5px;
	border:1px solid darkgray;
	background:url("i/images/comment_author_bg.png") 0 0 repeat-x;
	background-color:#8080ff;
	float:left;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.comment_author_link
{
	display:block;
}

.comment_text
{
	display:block;
	margin-left:100px;
}

/* Search */
.searchheader
{
	color:#444;
}

.searchrmlink
{
	font-weight:bold;
	margin-left:20px;
}







img.cfi
{
	width:100%;
}

.alignleft { float:left; }
.wp-caption-text { color:#333; text-align:center; font-size:small; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}