/*
Theme Name: Atomia
Theme URI: http://www.atomia.com/
Description: The default Atomia WordPress Theme as of Jan 2010.
Version: 1.0
Author: Fredrik Berglund
Author URI: http://www.atomia.com/
*/

html, body
{
	margin: 0px;
	padding: 0px;
	min-width: 976px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 19px;
	background: #4b6b38 url(img/bg.png) no-repeat;
	background-position: center top;
	color: #fff;
}

a
{
	color: #d93d7c;
	text-decoration: none;
}

a img
{
	border: none;
}

h3
{
	font-size: 24px;
	font-weight: normal;
	padding: 10px 0px;
	margin: 0px;
}

p
{
	padding: 5px 0px 15px 0px;
	margin: 0px;
}

blockquote
{
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

form
{
	margin: 0px;
	padding: 0px;
}

.button-small
{
	background: transparent url(img/button-small.png) no-repeat;
	width: 97px;
	height: 23px;
	text-align: center;
	color: #fff;
	border: none;
	font: 12px/20px Arial, Helvetica, sans-serif;
	cursor: pointer;

}

#wrapper
{
	width: 976px;
	margin: 0px auto;
	padding-top: 15px;
}

#wrapper #top
{
	height: 85px;
	background: transparent url(img/content-bg-top.png) no-repeat;
}

#wrapper #footer
{
	min-height: 50px;
	background: transparent url(img/content-bg-footer.png) no-repeat;
	padding: 60px 42px 0px 42px;
}

#wrapper #footer .social-icons
{
	margin-left: 7px;
}

img#logo
{
	float: left;
	margin: 26px 0px 0px 40px;
}

ul#topmenu
{
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin: 13px 40px 0px 0px;
	display: inline;
}

ul#topmenu li
{
	float: left;
	font-size: 16px;
}

ul#topmenu li.selected
{
	background: #eff1f4 url(img/topmenu-sel-left.png) no-repeat;
	background-position: top left;
}

ul#topmenu li a
{
	color: #000;
	display: block;
	height: 40px;
	background: transparent url(img/topmenu-separator.png) no-repeat;
	background-position: 0px center;
	padding: 17px 20px 10px 20px;
}

ul#topmenu li a:hover
{
	color: #5f8a00;
}

ul#topmenu li.selected a
{
	color: #5f8a00;
	background: transparent url(img/topmenu-sel-right.png) no-repeat;
	background-position: top right;
}

ul#topmenu li a span.subtitle
{
	color: #d93d7c;
	font-size: 11px;
}

.content
{
	background: transparent url(img/content-bg-middle-right.png) repeat-y;
	overflow: hidden;
}

.content #banner
{
	margin: 0px 13px;
	height: 295px;
}

.content .content-inner
{
	margin: 0px 13px;
}

.content .content-inner .main-content
{
	background: transparent url(img/main-content-bg-top.png) repeat-x;
	width: 640px;
	color: #2c3523;
	float: left;
	color: #555;
	min-height: 180px;
}

.main-content > h1
{
	font-weight: normal;
	font-size: 36px;
	padding: 30px 30px 10px 30px;
	margin: 0px;
}

.main-content > h1:first-child
{
	padding-top: 35px;
}

.main-content > h2
{
	font-weight: normal;
	font-size: 32px;
	margin: 15px 30px 10px 30px;
	padding: 0px;
}

.main-content > h3
{
	font-weight: normal;
	font-size: 28px;
	margin: 12px 30px 8px 30px;
	padding: 0px;
}

.main-content > h4
{
	font-weight: normal;
	font-size: 24px;
	padding: 10px 30px 6px 30px;
	margin: 0px;
}

.main-content > p
{
	margin: 0px;
	padding: 5px 30px 15px 30px;
	font-size: 13px;
}

.main-content > p:last-child
{
	padding-bottom: 30px;
}

.main-content > ul, .main-content > ol
{
	margin: 0px;
	padding: 5px 30px 15px 65px;
}

.main-content > ul li, .main-content > ol li
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.main-content > blockquote
{
	margin: 5px 30px 15px 50px;
	padding: 0px 0px 0px 20px;
	border-left: 5px #ccc solid;
	overflow: hidden;
}

.main-content > blockquote > p
{
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

.main-content > blockquote > p > q
{
	font-style: normal;
	quotes: none;
}

.main-content > img
{
	margin: 5px 30px 15px 30px;
}

.main-content > img:last-child
{
	margin-bottom: 30px;
}

pre
{
	margin: 5px 30px 15px 30px;
	border: 3px #f0dee5 solid;
	padding: 10px;
	background-color: #fbf3f6;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px Courier, "Courier New", monospace;
}

.form
{
	margin: 5px 30px 15px 30px;
	border: 3px #ddd solid;
	padding: 10px;
	background-color: #f5f5f5;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.form .spacer
{
	padding: 12px 12px 12px 12px;
}

.form .error
{
	padding: 10px 10px 3px 10px;
	border: 2px #fab8d3 solid;
	background: #fadfea url(img/icon-errmsg.png) no-repeat 495px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 2px;
}

.form .error p
{
	padding: 4px 0px 0px 182px;
	font-size: 12px;
	color: #d93d7c;
}

.form label
{
	display: block;
	float: left;
	width: 175px;
	padding-top: 8px;
}

.form label.req
{
	font-weight: bold;
}

.checkbox
{
	display: inline;
}

.form input.text, .form textarea
{
	border: 1px #a6a5a5 solid;
	font: 18px/22px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 7px;
	outline-style: none;
	width: 280px;
	background: #fff;
	color: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form input.text:focus, .form textarea:focus
{
	padding: 6px;
	border-width: 2px;
}

form p
{
	padding: 5px 30px 15px 30px;
}

input.submit
{
	border: 1px #a6a5a5 solid;
	margin: 0px 0px 0px 175px;
	padding: 8px 13px;
	color: #666666;
	font: 14px/14px Arial, Helvetica, sans-serif;
	background: #dedddd url(img/submit-bg.png) repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline-style: none;
}

input.submit:focus
{
	padding: 7px 12px;
	border-width: 2px;
}

/* SAFARI QUOTE FIX */

.main-content > blockquote > p > q:before, .main-content > blockquote > p > q:after
{
	content: '';
}

.main-content > blockquote > p > q > a
{
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 2px 7px;
	background-color: #f5f5f5;
	border: 1px #eee solid;
	display: block;
	float: left;
	margin: 5px 0px;
}

.main-content > blockquote > p > q > a:hover
{
	background-color: #d93d7c;
	border: 1px #d93d7c solid;
	color: #fff;
}

.main-content > .errorbox, .main-content > .successbox, .main-content > .infobox
{
	margin: 5px 30px 25px 30px;
	padding: 15px 20px 5px 115px;
	background: #d93d7c url(img/icon-errorbox.png) no-repeat 20px center;
	border: 3px #ac1552 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

.main-content > .successbox
{
	background: #5f8a00 url(img/icon-successbox.png) no-repeat 20px center;
	border-color: #456400;
}

.main-content > .infobox
{
	background: #ffba00 url(img/icon-infobox.png) no-repeat 20px center;
	border-color: #e0a401;
}

.main-content > .errorbox h2, .main-content > .successbox h2, .main-content > .infobox h2
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	font-size: 24px;
}

.main-content > .errorbox p, .main-content > .successbox p, .main-content > .infobox p
{
	padding-bottom: 5px;
}

.main-content > .errorbox ul, .main-content > .successbox ul, .main-content > .infobox ul
{
	margin: 0px;
	padding: 5px 0px 10px 30px;
}

.main-content > .errorbox ul li, .main-content > .successbox ul li, .main-content > .infobox ul li
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#contact
{
	border-top: 1px #c7c7c7 solid;
	background: #f3f3f3 url(img/contact-bg.png) repeat-x;
	background-position: bottom;
	color: #7c7c7c;
	padding: 15px 30px;
	overflow: hidden;
}

#contact .col1
{
	float: left;
	width: 200px;
	margin-right: 60px;
}

#contact .col2
{
	float: left;
	width: 130px;
	margin-right: 30px;
}

#contact .col3
{
	float: left;
	width: 160px;
}

/* 

BLOG SPECIFIC STUFF

*/

.posttop
{
	margin: 0px 30px 15px 30px;
	border-bottom: 1px #ccc solid;
}

.posttop h2
{
	font-weight: normal;
	font-size: 32px;
	padding: 30px 0px 5px 0px;
	margin: 0px;
	line-height: 32px;
}

.posttop h2 a
{
	color: #555;
}

.posttop h2 a:hover
{
	color: #d93d7c;
}

.posttop > p
{
	font-size: 11px;
	color: #aaa;
	padding: 0px;
}

a.more-link
{
	background: transparent url(img/control_play.png) no-repeat right center;
	padding: 2px 23px 2px 0px;
}

a.more-link:hover
{
	background: transparent url(img/control_play_blue.png) no-repeat right center;
}

img.alignright
{
	margin: 0px 0px 10px 15px;
	float: right;
}

img.alignleft
{
	margin: 0px 15px 10px 0px;
	float: left;
}

.postbottom
{
	margin: 5px 30px 25px 30px;
	border-top: 1px #ccc solid;
	padding-top: 7px;
	font-size: 11px;
	color: #aaa;
}

.postbottom p
{
	padding: 0px 0px 0px 20px;
	background: transparent url(img/bullet_orange.png) no-repeat 0px 0px;
}

.postbottom p a
{
	color: #e96e9f;
}

.postbottom p a:hover
{
	color: #d93d7c;
}

.commenttop
{
	margin: 0px 30px 8px 30px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}

.commenttop > h5
{
	font-weight: normal;
	font-size: 18px;
	padding: 5px 0px 7px 0px;
	margin: 0px;
	float: left;
}

.commenttop > h5 a
{
	color: #555;
}

.commenttop > h5 a:hover
{
	color: #d93d7c;
}

.commenttop > p
{
	font-size: 11px;
	color: #aaa;
	padding: 10px 0px 0px 0px;
	float: right;
}

/*

SIDEBAR STUFF

*/

.content .content-inner .main-sidebar
{
	float: left;
	width: 310px;
	color: #7c7c7c;
}

.main-sidebar .glob
{
	background: transparent url(img/sidebar-divide.png) no-repeat;
	padding: 10px;
}

.main-sidebar h2.title
{
	font-size: 20px;
	margin: 0px;
	padding: 13px 10px 3px 10px;
	font-weight: normal;
}

.main-sidebar ul
{
	margin: 10px;
	padding: 0px;
	list-style: none;
}

.main-sidebar ul li a
{
	display: block;
	background: transparent url(img/bullet_toggle_plus.png) no-repeat 3px center;
	padding: 3px 0px 3px 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main-sidebar ul li .selected
{
	font-weight: bold;
}

.main-sidebar ul li a:hover
{
	background-color: #e5f1f1;
}

.main-sidebar h3
{
	padding: 15px 10px 10px 10px;
}

.main-sidebar .title
{
	padding: 7px 10px;
	overflow: hidden;
}

.main-sidebar .title img
{
	float: left;
	background-color: #fff;
	padding: 3px;
	border: 1px #ddd solid;
}

.main-sidebar .title h4
{
	color: #4a6c03;
	font-weight: normal;
	font-size: 15px;
	float: left;
	padding: 4px 0px 0px 8px;
	margin: 0px;
	width: 210px;
}

.main-sidebar p
{
	padding: 0px 10px 10px 10px;
	color: #5c5c5d;
	line-height: 16px;
}

.main-sidebar p.comment
{
	margin-left: 10px;
	background: transparent url(img/icon-comments.png) no-repeat left top;
	padding-left: 23px;
}

.main-sidebar span.postdata
{
	float: left;
	font-size: 11px;
	color: #7c7c7c;
	padding: 2px 0px 0px 15px;
	margin-left: 8px;
	background: transparent url(img/icon-clock.png) no-repeat left center;
}

.main-sidebar .bubble-top
{
	line-height: 1px;
	width: 292px;
	height: 6px;
	background: transparent url(img/sidebar-bubble-top.png) no-repeat;
	margin-top: 5px;
}

.main-sidebar .bubble-middle
{
	background: transparent url(img/sidebar-bubble-middle.png) repeat-y;
	padding: 0px 15px;
	font: 12px Georgia, "Times New Roman", "Times Roman", serif;
	line-height: 16px;
}

.main-sidebar .bubble-middle p
{
	padding: 6px 0px 8px 0px;
}

.main-sidebar .bubble-bottom
{
	background: transparent url(img/sidebar-bubble-bottom.png) no-repeat;
	line-height: 1px;
	width: 292px;
	height: 21px;
}

.main-sidebar .logo-sidebar
{
	position: relative;
	left: 75px;
	top: 100px;
}

.main-sidebar li.recent_comment
{
	font-size: 11px;
	padding: 0px 0px 10px 25px;
	line-height: 15px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}