/*
Theme Name: Grog Aridni
Theme URI: http://aridni.com
Description:  After the fire... We must rebuild
Version: .123
Author: Todd Richardson
*/

/* -----------------------------------
simple reset
----------------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

fieldset, img { border: 0; }
legend { color: #000; }

input, textarea, select, button
{
	font-size: 110%;
	line-height: 1.1;
	font-family: helvetica, arial, sans-serif;
}

button
{
	width: auto;
	overflow: visible;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

ul li { list-style: none; }

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre, code
{
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

/* -----------------------------------
elements
----------------------------------- */

body 
{ 
	margin: 0px; 
	padding: 0px; 
//	background-image: url('http://aridni.com/wp-content/themes/Grog-Aridni/images/bg.gif'); 
	background-repeat: repeat-y; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
}

#left 
{ 
	width: 360px; 
	position: relative;
	top: 160px; 
	left: 0px; 
	margin: 0px;  
	background-color: #fff;
/*	background-color: #366D85; */
}

#lefthead {

	background-image: url('http://aridni.com/wp-content/themes/Grog-Aridni/images/aridnihead-colors.png');
	background-repeat: no-repeat;
	width: 360px;
	height: 200px;

	top: 0px; 
	left: 0px; 
	position: absolute;
}

#mid { 
	display:none;
	width: 220px; 
	position: relative; 
	top: 0px; 
	left: 150px; 
	margin: 0px; 
/*	background-image: url('http://aridni.com/wp-content/themes/Grog-Aridni/images/topright.jpg'); */
	background-repeat: no-repeat; 
	background-color: #F6F6B2;
}

.storycontent {
    font-family: palentino, georgia,"Times New Roman",Times,serif;
    font-size: 1.3em;
}



/**************************/


h1, h2, h3, h4, h5, h6 
{
	margin: 0 0 .5em;
	color #C40000
}

h1 
{
	font-size: 200%; 
	display: block; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	margin: 0px; 
	padding: 10px 0px 20px 0px; 
	line-height: 26px; 
	text-align: center;
}

h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }


h4 {
	font-family: "Trebuchet MS", verdana, arial, helvetica;
	font-weight: normal;
}


h1 a:link, h1 a:visited { color: #009900; text-decoration: none; }
h1 a:hover { color: #000000; border-bottom: 2px dotted #000000; text-decoration: none; }


a:link, a:visited { color: #366d85; text-decoration: none; }
a:hover { color: #000099; border-bottom: 1px dotted #000066; }
a:focus { color:#000; outline: thin dotted; }
a:active { color: red; }



/* -------------------
Paragraphs and BlockQuotes 
--------------------*/

p {
    line-height: 1.3;
    margin: 1em 1em 0.5em 1.25em;
 }

blockquote 
{
	margin-left: 1em; 
	padding: 3px 15px; 
	background-color: #feffd3;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
blockquote p 
{ 
	margin: 15px 0px 15px 0px; 
	padding: 0px; 
}



/* -----------------------------------
layout
----------------------------------- */

#main 
{ 
	position: absolute; 
	top: 0px; 
	left: 365px; 
	right: 10px; 
	margin: 0px 20px 0px 0px; 
	padding: 5px 0px 10px 12px; 
	line-height: 18px; 
	background-color: #ffffff 
}
#main h2 { font-weight: bold; font-size: 2em; color: #333333; text-align: center; border-bottom: 0px solid #999900; border-top: 0px solid #feffd0; }
#main h3 { margin: 0px; padding: 0px; font-size: 12px; }
#main li { 
	list-style-type: square; 
	margin: 10px 0;
	}
	
.post {
		padding: 1em 0 0 0; 
		clear: both;
	}
.post h2 {
text-transform: capitalize;
}
	
	
	
/* -----------------------------------
head
----------------------------------- */
#toplinks 
{
/*	background-color: #FEFFD3;
	padding: 10px;    */
	margin: 10px auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#toplinks h2 
{
	text-align:center;
	font-size: 1.5em;
	color: #333;
}


/* -----------------------------------
search-form
----------------------------------- */

#searchform { margin: 0px; padding: 0px; }
#searchform input { border: 1px solid #505050; font-size: 15px; margin: 0px; padding: 0px; }
#searchform input#s { font-size: 15px; width: 200px; }
#searchbar {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    padding: 5px;
}


/* -----------------------------------
Sidebar Nav
----------------------------------- */
#leftmenu { 
	margin: 10px 5px 0;
	padding: 10px 5px;
	width: 340px; 
	font-size: 1.3em; 
	color: #000000; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #558EA9;
}

#leftmenu ul { margin: 0px; padding: 0px; }
#leftmenu ul li { margin: 0px; padding: 0px; color: #ffffff; font-size: 1.15em; list-style-type: none; font-weight:none;}
#leftmenu ul ul { margin: 0px 0px 10px 0px; padding: 0px; }
#leftmenu ul ul li { margin: 1px; padding: 3px 0px; font-size: 13px; font-weight: none; color: #505050; list-style-type: none; }
#leftmenu a:link, #leftmenu a:visited { color: #2f2f2f; text-decoration: none; font-weight: none;}
#leftmenu a:hover { color: #f4f6b3; border-bottom: 1px dotted #f4f6b3; }
#leftmenu h2 { color: #aaaaaa; font-size: 12px; margin: 0px; padding: 0px; }

#midmenu { padding: 0 15px; width: 330px; margin: 0px; color: #444; font-size: 11px; }
#midmenu ul { margin: 0px; padding: 0px; }
#midmenu ul li { color: #000000; font-size: 14px; font-weight:bold; }
#midmenu ul ul { margin: 0px 0px 10px 0px; padding: 0px; }
#midmenu ul ul li { margin: 3px 0px 0px 15px; padding: 1px 0px; font-size: 13px; font-weight: normal; color: #ccc; list-style-type: square;}
#midmenu a:link, #midmenu a:visited { color: #303030; text-decoration: none; }
#midmenu a:hover { color: #366d85; border-bottom: 1px dotted #366d85; }

/* -----------------------------------------------------
Comments
-------------------------------------------------------  */
#commentform textarea { width: 400px; height: 150px; }
#commentform input, #commentform textarea { border: 1px solid #000000; }
#commentform p { margin: 0px; padding: 0px 0px 2px 0px; }

/* -----------------------------------
footer
----------------------------------- */
#footer {
	background-color: #f4f6b3; 
	border: 1px dotted #366d85;
}

/* -----------------------------------
classes
----------------------------------- */

#trinkets 
{
	width: 130px;
	height: 350px;
	background-color: fff;
	bottom: 15px;
	right: 0px;
	position: fixed; 
	z-index:1;
	display: none;
}

#trinkets a:hover {text-decoration:none;}

cite { margin: 0px; padding: 0px; font-size: 10px; }

.meta { color: #666666; font-size: .9em; margin: 5px; padding: 0px; }
.postcategory { color: #666666; font-size: 10px; margin: 0px; padding: 0px; }

.endofpost {}
.feedback {}

/**************** Maincats & Topcats ****************/

#maincats {
	margin: 15px auto;
	display:block;
	min-height:80px;
	width:544px;
}

.mcat {

	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	position: relative;
	color: white;
	display: table-cell;
	font-size: 1.5em;
	margin: 3px;
	padding: 25px 10px;
	text-align: center;
	width: 110px;
}

#mcat1 {
	background-color: #00551b;
}
#mcat2 {
	background-color: #A2115C;
}
#mcat3 {
	background-color: #00207a;
}
#mcat4 {
	background-color: #e10010;
}