/* 
Theme Name: Crimson Sunrise
Theme URI:  http://www.negative99.com/wp-themes/crimson-sunrise/
Description: Clean, classy, and crimson... supports widgets and discriminating tastes.
Author: Steve Mooradian
Author URI: http://stevemooradian.com
Live Demo: http://demo.negative99.com/?wptheme=Crimson%20Sunrise
Version: 1.5

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
and credit links should be left intact.

Many thanks to Blix creator Sebastian Schmieg for his influence and PHP scripting for
some parts of this theme... and to Green Marinee creator Ian Main for some influences.

Send feedback to steve at stevemooradian dot com

Changelog:
v1.0
First Release
v1.1
Major cleanups for public release.
1.1.1 - Fixed Opera bug with the navigation tabs
Cleaned up some style
Fixed IE overflow bug
v1.2
Now supports widgets!  :-)
All pages have a sidebar!  :-)
v1.3
Fixed the way posts and pages and links and categories are handled to be compatible with the new WordPress 2.1
v1.4
Made checks for WordPress 2.5 compatability
Some small style tweaks
v1.5
Made checks for WordPress 2.6 compatability
Minor tweaks

reset
--------------------------------------------------*/
BODY, H1, H2, H3, H4, H5, H6, P, FORM, FIELDSET
{
	margin: 0;
	padding: 0;
}
HTML
{
}
.hidden, .low
{
	display: none;
}
/*body
--------------------------------------------------*/
BODY
{
	text-align: center;
	margin: 0 auto;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	color: #555;
	background: #F3F3F3 url(images/bg2.gif) repeat-x top;
}
BODY#commentspopup
{
	padding: 0;
	background: white;
}
/*headings
--------------------------------------------------*/
H1, H1 A
{
	font-size: 1.3em;
	color: #FFF;
	letter-spacing: -1px;
}
H1 A:hover
{
	color: #FF7979;
}
H2, H2 A, H3 A, H4 A
{
	color: #80151A;
	margin: 0 0 10px;
	font-size: 1em;
}
H2 A:hover, H3 A:hover, H4 A:hover
{
	color: #900;
}
/*You may have to adjust the positions of these header elements depending on how many navigation menu items
you have.  As they are right now is the artistic impression the theme was meant to have, but if you need to you can
move the h1 to be bottom:30px; or so depending on how far up you want to move it.
*/
#header H1
{
	/*display:none;*/
	position: absolute;
	right: 4px;
	bottom: 4px;
}
#header H3
{
	/*display:none;*/
	font-size: 1.1em;
	position: absolute;
	left: 5px;
	top: 2px;
}
#content H2
{
	font-size: 1.6em;
	margin: 10px 0;
}
#content H4
{
	margin: 0;
}
#content.archive H3
{
	font-size: 1.3em;
	font-weight: normal;
	margin: 10px 0;
}
#content.archive H5
{
	margin: 0;
}
/*links
--------------------------------------------------*/
A IMG
{
	border: none;
}
A
{
	color: #C3A54D;
	text-decoration: none;
}
A:hover
{
	color: #700;
}
A.commentlink
{
	padding-left: 15px;
	background: url(images/comments.gif) no-repeat center left;
}
A.more
{
	padding-right: 10px;
	background: url(images/more.gif) no-repeat center right;
}
/*paragraphs, lists, etc
--------------------------------------------------*/
P
{
	margin: 0;
	padding: 10px 0;
}
UL
{
	margin: 0 0 0 1.4em;
	padding: 0 0 15px;
}
UL UL
{
	padding: 0;
}
BLOCKQUOTE
{
	color: #777;
	margin: 0;
	padding: 0 15px;
	border-left: 10px solid #777;
	font-style: italic;
}
PRE
{
	overflow: auto;
	margin: 0 0 15px;
	padding: 4px;
	background-color: #FAF8F2;
	font-family: Courier, Monaco, monospace;
}
ABBR, ACRONYM
{
	font-size: 0.9em;
	letter-spacing: 1px;
}
CODE
{
	background-color: #EEE;
	font-family: Courier, Monaco, monospace;
	padding: 0 2px;
}
/*images
--------------------------------------------------*/
IMG.left
{
	float: left;
	margin: 0 12px 0 0;
}
IMG.right
{
	float: right;
	margin: 0 0 0 12px;
}
IMG.center
{
	display: block;
	margin: 0 auto;
}
/*container
--------------------------------------------------*/
#container
{
	position: relative;
	top: 15px;
	width: 740px;
	height: 100%;
	margin: 0 auto;
	background: #FFF;
	bottom: 0;
}
* HTML #container, * HTML #content, * HTML #subcontent, * HTML #main
{
	height: 100%;
	/*for IE because it doesn't do min-height*/
}
* HTML #subcontent, * HTML #content
{
	overflow: hidden;
	/*this way IE doesn't mess with our sizes*/
}
#commentspopup #container
{
	width: 440px;
	padding: 0 15px;
}
/*header
--------------------------------------------------*/
#header
{
	position: relative;
	height: 120px;
	text-align: left;
	width: 738px;
	border-color: #777 #555 #888;
	border: 1px solid;
	background: #111 url(images/banner.jpg) no-repeat;
}
/*navigation
--------------------------------------------------*/
#navigation
{
	position: absolute;
	bottom: -1px;
	line-height: 1.4em;
	background: transparent;
}
#navigation UL
{
	padding: 0;
	margin-left: 20px;
}
#navigation LI
{
	float: left;
	margin-left: 3px;
	list-style-type: none;
	white-space: nowrap;
}
#navigation LI A
{
	display: block;
	color: #AAAAAA;
	padding: 0 8px;
	font-size: 0.8em;
	text-transform: lowercase;
	letter-spacing: 1px;
	border-top: 1px solid #AAA;
	border-right: 1px solid #888;
	border-bottom: 0;
	border-left: 1px solid #AAA;
}
#navigation LI.selected A
{
	background-color: #80151A;
	color: #EEE;
	border-bottom: none;
}
#navigation A:hover
{
	color: #FFF;
	background: #333;
}
#navigation LI.selected A:hover
{
	color: #C00;
	background-color: #600;
}
* HTML #navigation A
{
	width: 1%;
}
/*see http://www.positioniseverything.net/explorer/escape-floats.html
main
-------------------------------------------------*/
#main
{
	position: relative;
	display: block;
	text-align: left;
	width: 740px;
	border-top: 6px solid #80151A;
	height: auto;
	/*pushing the footer below content when longer then window*/
	min-height: 100%;
	/*for modern browsers, to push the footer down to the bottom of the window*/
	background: #FFF url(images/shading.gif) repeat-x top;
	padding-top: 10px;
}
/*content
--------------------------------------------------*/
#content
{
	padding: 20px 20px 20px 25px;
	float: left;
	position: relative;
	display: block;
	width: 440px;
}
#content UL, #content LI
{
	/*list-style:none;*/
}
/*.singlecol #content {float:none; width:550px; margin:0 70px;}*/
#commentspopup #content
{
	float: none;
	padding-top: 0;
}
/*entry
--------------------------------------------------*/
.entry
{
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 95%;
	border-bottom: 1px dotted #EEE;
}
.entry .info
{
	position: relative;
	padding: 1px;
	border: 1px solid;
	font-size: 0.9em;
	border-color: #DDD;
	background-color: #F4F4F4;
	line-height: 1.3em;
}
.entry.single
{
	clear: both;
}
.entry .info A
{
	margin-right: 6px;
	padding-right: 9px;
	border-right: 1px solid;
	border-color: #949494;
}
.entry .info EM
{
	padding-right: 6px;
	font-style: normal;
}
.entry .author, .entry .editlink A
{
	padding: 0 0 0 5px;
	border-left: 1px solid;
	border-right: none;
}
.entry #filedunder
{
	clear: both;
	padding: 3px 0 0;
	font-size: 0.9em;
}
.entry A.more
{
	padding-left: 12px;
	background: url(images/more.gif) no-repeat center left;
}
.entry .info .date
{
	padding-left: 15px;
	background: url(images/post.gif) no-repeat center left;
}
.entry .info .author
{
	padding-left: 23px;
	border-color: #949494;
	background: url(images/author.gif) no-repeat 10px 2px;
}
/*comments
--------------------------------------------------*/
#comments
{
	border: 1px solid #DDD;
	margin: 10px;
	padding: 10px;
}
#comments H2
{
	margin-bottom: 24px;
}
#comments H2 A
{
	margin-left: 2px;
	padding-left: 6px;
	border-left: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: #873;
}
#comments UL
{
	margin: 0 0 0 20px;
}
#comments LI
{
	position: relative;
	margin-bottom: 18px;
}
#comments LI P
{
	padding: 0 0 10px;
}
#comments .header
{
	position: relative;
	min-height: 19px;
	/*19 + 3 +3 = 25px = height of gravatar*/
	margin: 0 0 10px;
	padding: 3px 6px;
	background-color: #EEE;
}
* HTML #comments .header
{
	height: 19px;
}
/*IEWin*/
#comments .header STRONG
{
}
#comments .header .gravatar
{
	position: absolute;
	top: 1px;
	right: 1px;
}
#comments LI.comment
{
	list-style-image: url(images/comments.gif);
}
#comments LI.trackback, #comments LI.pingback
{
	list-style-image: url(images/pingtrackback.gif);
}
#commentform
{
	background-color: #EEE;
}
#comments .header.alt
{
	background-color: #EEE;
}
/*form
--------------------------------------------------*/
FORM
{
	line-height: 1em;
}
#commentform, #contactform
{
	margin-bottom: 30px;
	padding: 10px;
}
FORM FIELDSET
{
	border: 0 solid;
}
/*Opera*/
FORM P
{
	padding: 3px 6px;
	border-bottom: 1px solid;
	border-color: white;
}
FORM LABEL
{
	display: block;
	float: left;
	width: 60px;
	color: #873;
}
FORM EM
{
	margin-left: 5px;
	font-size: 0.9em;
	font-style: normal;
}
#commentform INPUT, #contactform INPUT, #commentform TEXTAREA, #contactform TEXTAREA
{
	padding: 2px;
	width: 190px;
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border-color: #CCC #EEE #EEE #CCC;
	overflow: auto;
	color: #414141;
}
#commentform INPUT
{
	width: 180px;
}
#commentform TEXTAREA
{
	width: 325px;
}
#contactform TEXTAREA, #contactform #bx_subject
{
	width: 325px;
}
* HTML #commentform TEXTAREA
{
	width: 340px;
}
/*IE WIN; but why?*/
* HTML #contactform TEXTAREA, * HTML #contactform #bx_subject
{
	width: 340px;
}
/*IE WIN; but why?*/
#commentform .button
{
	margin-left: 90px;
	width: 170px !important;/*[e]170px*/
	border-bottom: 1px solid;
	font-weight: bold;
}
#contactform .button
{
	margin-left: 75px;
	width: 170px !important;/*[e]170px*/
	border-bottom: 1px solid;
	font-weight: bold;
}
FORM .hiddenfield
{
	display: none;
}
FORM .info
{
	padding-left: 90px;
}
FORM EM
{
	color: #C8C8B4;
}
/*archives
--------------------------------------------------*/
.archive .postspermonth
{
	margin: 0;
	list-style: none;
	color: #A0A0A0;
}
/*search
--------------------------------------------------*/
#search
{
	height: 40px;
}
#search FORM .searchfield
{
	background: #FFF;
	border: 1px solid #C3A54D;
	color: #222;
	margin-left: 15px;
	padding: 0px 10px 0px 5px;
	width: 110px;
}
#search FORM .searchfield:hover
{
	border: 1px solid #811;
	color: #949494;
}
#search FORM .submit
{
	background: url(images/search_submit.gif) no-repeat 0 0;
	position: absolute;
	height: 20px;
	width: 41px;
	border: 0;
	margin-left: 2px;
	text-indent: -9999px;
	cursor: pointer;
}
#search FORM .submit:hover
{
	background: url(images/search_submit.gif) no-repeat 0 -20px;
	position: absolute;
	height: 20px;
	width: 41px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
}
/*content misc
--------------------------------------------------*/
.next A
{
	float: right;
	padding-right: 10px;
	background: url(images/next.gif) no-repeat center right;
}
.previous A
{
	float: left;
	padding-left: 10px;
	background: url(images/previous.gif) no-repeat center left;
}
#entrynavigation
{
	overflow: auto;
	height: 1%;
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid;
	font-size: 0.9em;
	border-color: #F3F4F4;
}
.editlink
{
	position: absolute;
	height: 14px;
	width: 14px;
	right: 2px;
	background: url(images/edit.gif) 0 -14px;
}
HTML>BODY .editlink
{
	bottom: 6px;
}
.entry .info .editlink A, .minientry .editlink A, #comments LI .editlink A
{
	display: block;
	height: 14px;
	width: 14px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1px;
	/*IEWin*/
	line-height: 0px;
	/*IEWin*/
	text-indent: -9999px;
	background: url(images/edit.gif) 0 0;
}
.entry .info .editlink A:hover, .minientry .editlink A:hover, #comments LI .editlink A:hover
{
	background: none;
}
/*subcontent
--------------------------------------------------*/
#subcontent
{
	float: right;
	display: block;
	position: relative;
	width: 200px;
	padding: 10px;
	font-size: 0.9em;
	background: url(images/new_bg.gif);
	border: 1px solid #DDD;
	margin-right: -3px;
	/*<--- stupid IE overflow hack*/
	right: 15px;
	margin-bottom: 10px;
}
#subcontent UL
{
	margin: 0 5px;
}
#subcontent P
{
	padding: 10px;
	margin: 5px 0 25px;
	text-align: center;
	background: #FFF;
	border: 1px solid #DADADA;
}
#subcontent H2
{
	background: url(images/bullet.gif) no-repeat;
	background-position: left;
	color: #80151A;
	font-size: 1.1em;
	margin: 10px 10px 0;
	padding: 0 0 0 20px;
	text-transform: uppercase;
}
#subcontent H2 EM
{
	display: block;
	padding: 5px;
	font-style: normal;
}
#subcontent UL LI
{
	margin: 2px 10px 2px 30px;
	padding: 0 2px;
}
#subcontent LI A
{
	display: block;
	padding: 1px 0;
	height: 1%;
	/*IE WIN*/
}
#subcontent UL.categories LI UL
{
	margin: 0;
}
#subcontent UL.categories LI LI
{
	margin: 0;
	padding: 0 0 3px;
	border-bottom: none;
	list-style-image: url(images/sub_categories.gif);
}
#subcontent UL.categories LI UL UL
{
	margin: 0 0 0 16px;
}
#subcontent LI A:hover
{
	background-color: #FFF;
	border-right: 5px solid #DDD;
}
#subcontent UL.pages LI
{
	list-style-image: url(images/post.gif);
}
#subcontent UL.categories LI, #subcontent UL.months LI
{
	list-style-image: url(images/categories.gif);
}
#subcontent UL.links LI
{
	list-style-image: url(images/external.gif);
}
#subcontent UL.feeds LI
{
	list-style-image: url(images/tv.gif);
}
#subcontent UL.posts LI
{
	list-style-image: url(images/post.gif);
}
#subcontent UL.email LI
{
	list-style-image: url(images/envelope_ver3.gif);
}
#subcontent UL.im LI
{
	list-style-image: url(images/pingtrackback.gif);
}
/*calendar
--------------------------------------------------*/
#wp-calendar
{
	display: inline-table;
	border-collapse: collapse;
	width: 185px;
	margin: 0 10px 20px;
	text-align: center;
	color: #A0A0A0;
}
#subcontent TABLE CAPTION
{
	margin: -5px 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	letter-spacing: 0.1em;
	border-bottom-color: #F3F4F4;
}
#subcontent TABLE THEAD TR
{
	border-bottom-color: #F3F4F4;
	color: #414141;
	border-bottom: 1px solid;
}
#subcontent TABLE TH
{
	border-bottom: 1px solid;
	border-bottom-color: #F3F4F4;
}
#subcontent TABLE TD
{
	width: 200px;
	/*maximaize width; honestly, I don't know much about tables...*/
	padding: 1px;
	font-size: 0.9em;
}
#subcontent TABLE TD#today
{
	padding: 0;
	border: 1px solid;
	font-size: 1em;
	font-weight: bold;
	border-color: #F3F4F4;
	color: #414141;
}
#subcontent TABLE TD A
{
	display: block;
	border-bottom: 1px solid;
	font-weight: bold;
	font-size: 1.15em;
	border-bottom-color: #DDD;
	background-color: #FFC;
}
#subcontent TABLE TD A:hover
{
	background-color: #FFFFFF;
	color: #700;
}
#subcontent TABLE TFOOT
{
	border-top: 1px solid;
	border-top-color: #F3F4F4;
}
#subcontent TABLE TFOOT A
{
	border: none;
	font-weight: bold;
	background: none;
}
#subcontent TABLE TFOOT #prev A
{
	text-align: left;
}
#subcontent TABLE TFOOT #next A
{
	text-align: right;
}
/*footer
--------------------------------------------------*/
#footer
{
	clear: both;
	text-align: center;
	position: relative;
	color: #AAA;
	/*bottom:15px;*/
	margin-top: 15px;
	font-weight: bold;
	font-size: x-small;
}
#footer P
{
	margin: 4px;
	padding: 4px;
}
.warning P
{
	/*Used on the search page (image will appear if no result is found)*/
	background: url(images/warning.gif) no-repeat left;
	height: 160px;
	padding: 20px 0 0 90px;
	font-size: 1.5em;
	margin: 0 0 0 10px;
}
.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0px;
}
/*.pkg class wraps enclosing block element around inner floated elements*/
.pkg:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0px;
}
* HTML .pkg
{
	display: block;
}
/*no ie mac \*/
* HTML .pkg
{
	height: 1%;
}
.pkg
{
	display: block;
}
/* */