/*
Theme Name: Appleness
Theme URI: http://www.dmitrivonklein.com
Description: An Apple-like theme for Eugene Macintosh Users Group aka EMUG.
Version: 1.5
Author: Dmitri Von Klein
*/

body { color:#fff; font-family: Verdana, sans-serif; line-height: 1.5em; }


/* ---[ links ]------------------------------- */

a { color:#bd0001; text-decoration:none; }
a:hover { color:#007900; text-decoration:none; }

/* ---[ common elements ]--------------------- */

p { margin: 1em 0 1em; padding: 0; font-size:12px; }
h1 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 150%; font-weight: normal; padding: 0; margin: 0; }
h2 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 150%; font-weight: normal; padding: 0; margin: 0 0 1em 0; }
h3 { color:#007900; margin:30px 0 0 0; padding-bottom:1px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size:160%; border-bottom: 1px solid #98D482; }
h3 a:link, h3 a:visited { font-size: 110%; text-decoration: none; color: #009100; }
h3 a:hover { color: #007900; }
h4, h5 { margin: 1.5em 0 0 0; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 110%; font-weight: normal; color: #333; }
	
blockquote { font-size: 88%; color: #777; padding-left: 23px; background: url(../images/quotemarks.gif) no-repeat 0 3px; }

 /* set background images for corners */
#rbroundbox { background: url(images/green/background.png) repeat; }
.rbtop div  { background: url(images/green/top_left.png) no-repeat top left; }
.rbtop      { background: url(images/green/top_right.png) no-repeat top right; }
.rbbot div  { background: url(images/green/bottom_left.png) no-repeat bottom left; }
.rbbot      { background: url(images/green/bottom_right.png) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 11px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
#rbroundbox { width: 700px; margin:30px auto 0 auto; }


 /* set background images for corners */
#navi { background: url(images/NAV_background.png) repeat; }
.rbtopG div  { background: url(images/NAVtop_left.png) no-repeat top left; }
.rbtopG      { background: url(images/NAVtop_right.png) no-repeat top right; }
.rbbotG div  { background: url(images/NAVbottom_left.png) no-repeat bottom left; }
.rbbotG      { background: url(images/NAVbottom_right.png) no-repeat bottom right; }

 /* height and width details */
.rbtopG div, .rbtopG, .rbbotG div, .rbbotG {
	width: 100%;
	height: 11px;
	font-size: 1px;
}
.rbcontentG  { margin: 0 14px; }

#navi { font-size:20px; color:#76797C; width:600px; margin:20px auto 0 auto; }
#bct { font-size:16px; text-align:center; }

#container { padding:10px; margin:0; }
#nav {height:30px; }
#nav .title { float:right; font-size:20px }
#nav .nav { float:left; font-size:12px; }

#nav .nav a { padding:0 5px; color:#fff; }
#nav .nav a:hover { color:#EDEEF0; }

#header { background:#fff url(images/header/rotator.php) no-repeat; height:140px; border-top:3px solid #007900; border-left:3px solid #007900; border-bottom:3px solid #98D482; border-right:3px solid #98D482; }

#navigation { padding:10px 0 10px 0; }
#navigation .alignright { float:right; }
#navigation .alignleft { float:left }

#footer { text-align:center; color:#fff; font-size:11px; }
#footer a { color:#fff; }
#footer a:hover { border-bottom:1px solid #fff; }

#s { color:#007900; background-color:#98D482; border:0; }

.post { font-size:12px; text-align:left; }
.meta { text-align:center; border:1px solid #98D482; padding:0 10px; font-size:10px; width:330px; }

/* ---[ top ]------------------------------- */

#wrap {
	margin-top:15px;
	padding: 0;
	font-size: 95%;
	text-align: left;
	border-top:3px solid #007900; border-left:3px solid #007900; border-bottom:3px solid #98D482; border-right:3px solid #98D482;
  	background: #fff;
	}

/* ---[ main column ]----------------------------- */

#main-body { float: left; width: 400px; }
#content { margin: 25px 0; padding: 0 25px; color:#555; background-color:#fff; }

/* ---[ right column ]----------------------------- */

#sidebar { width:222px; float:right; margin:20px 0; padding: 0; font-size:12px; line-height:1.5em; color:#888; }
#sidebar img { text-decoration:none; margin-bottom:3px; padding:5px; border:1px dashed #999; }
#sidebar img:hover { padding:5px; border:1px dashed #bd0001; }

#sidebar h3 { margin: 8px 0 12px 0; padding: 5px 14px; color: #007900; font-size:16px; background: #98D482 url(images/green/tab.jpg) no-repeat left; border-bottom:none; }

#sidebar h4 { font-size: 92%; font-weight: normal; margin: 0; }

#sidebar ul { margin: 4px 0px 4px 10px; padding: 0; list-style: none; }

#sidebar li { margin: 0 0 10px 20px; padding: 0 0 0 15px; line-height: 1.4em; background: url(images/arrow.png) no-repeat 0 3px; }

#sidebar ul.archives {
	margin: 6px 0px 15px 14px;
	line-height: 1.2em;
	font-weight:bold;
	}
	
#sidebar ul.archives li {
	margin: 5px 0px 10px 25px;
	line-height: 1.2em;
	font-weight:normal;
	background: url(images/redarrow.png) no-repeat 0 3px;
	}

#break { position:relative; clear:both; margin: 0; padding: 0; }

.hide { display:none; }

#comf { background:#F1F1F1; border:1px solid #98D482; margin:0; padding:0; height:350px; width:350px; text-align:left; }
#comf .com { padding:11px; margin-bottom:5px; }
#comf .com .feild { border:solid 1px #e8e8e8; padding:0 2px 0 2px; background:#efefef; }
#comf .com .sep { clear:left; display:block; height:9px; }
#comf .com label { padding:0 0 2px 1px; font:normal 10px "Din-Medium", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#444; }
#comf .com label span { font-weight:bold; font-size:13px; color:#440000; }
#comf .com .submit { float:left; margin-top:9px; }
#comf .com .feild input { font-size:11px; color:#333; }
#comf .com .name, .email, .url { float:left; }
#comf .com .name input { width:200px; }
#comf .com .email input { width:200px; }
#comf .com .url input { width: 200px; }
#comf .com .feild textarea { width:99%; font-size:11px; color:#333; }

.contactform { position:static; overflow:hidden; }
.contactleft { width:20%; text-align:right; clear:both; float:left; display:inline; padding:4px; margin: 5px 0; }
.contactright { width:75%; text-align:left; float:right; display:inline; padding:4px; margin:5px 0; }
.contacterror { border: 1px solid #ff0000; }

input { color:#000; background:#fff; padding:3px; border:1px solid #222; }
input:focus { color:#000; border:1px solid #007900; }
input:hover { border:1px solid #007900; }

textarea { width:250px; color:#000; background:#fff; padding:3px; border:1px solid #222; }
textarea:focus { color:#000; border:1px solid #007900; }
textarea:hover { border:1px solid #007900; }