/*
Theme Name: Rain in my World
Theme URI: http://www.christianmontoya.net
Description: Rain in My World, a dark, two column, videogame-inspired theme for the young at heart.
Version: 1.0
Author: Christian Montoya
*/

html { font-size:100.01%; }

body { 
	font-size:1em; 
	margin:0; 
	padding: 3px 0 0 0;
	font-family: Verdana, sans-serif; 
	background:#222 url(images/pagebg.png) top left repeat-x; 
	color:#ccc; 
}

/* initial settings */

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address, table {
	margin:.5em 0; 
	padding:0; 
}

li, dd { margin-left:1.6em; }

ol li { margin-left:2.2em; }

li, dt { 
	margin-top:.3em; 
	margin-bottom:.2em; 
}

dt { padding-top:.3em; }

blockquote { margin: .2em .8em; }

input, select, textarea, button { font-size:100%; }

a img { border:none; }

#content code { font-size:1.4em; }

/* structure */

#header { 
	width:900px; 
	height:169px; 
	padding:0;
	margin:0 auto; 
	background: url(images/logo.png) top right no-repeat; 
	overflow:hidden; 
	position:relative; 
} 

body>#header { 
	width:100%;
	min-width:750px; 
	max-width:900px;  
}

#header h1 { 
	font-weight:normal; 
	font-size:1.6em; 
	letter-spacing:-1px;
	float:left;  
	margin:0; 
	padding:60px 0 0 0; 
}

#header p { 
	clear:left; 
	float:left;
	color:#ddd; 
}

#header a { color:#eee; }

#container { 
	width:900px; 
	margin:0 auto; 
	font-size:.8em; 
	background: url(images/dotsbg.png) 65% 0 repeat-y; 
}

#container .wrap { 
	background: url(images/scene.png) 95% 100% no-repeat; 
	margin:0;
	width:100%; 
}

body>#container { 
	width:98%; 
	min-width:750px; 
	max-width:900px; 
}

#container #content { 
	float:left; 
	width:65%;
	font-size:1.15em; 
	line-height:1.25;  
}

#container #content .inside { padding-right:30px; }

#container #sidebar {
	float:left;
	width:35%; 
	background: url(images/pacman.png) -7px 0 no-repeat;
	padding:7px 0 30px 25px; 
	margin-left:-25px; 
}

#container #sidebar .inside { margin-left:25px; }

#footer { 
	background:#333 url(images/brick.png) top left repeat-x;
	font-size:.8em; 
	padding-top:12px;   
}

#footer .inside { 
	width:900px; 
	margin:0 auto;
}

#footer .outside>.inside { 
	width:98%; 
	max-width:900px; 
}

#homeextra { 
	margin-top:.8em; 
	margin-bottom:1.4em; 
}

#footer li { list-style-type:none; margin-left:0; }

#footer .footercol { float:left; width:66%; }
#footer .footercol2 { float:left; width:34%; }

#footer .outside { 
	background:url(images/brick2.png) bottom left repeat-x; 
	padding-bottom:12px; 
}
#footer .inside_ { 
	background: url(images/vine.png) 64% 0 repeat-y; 
	width:100%; 
	padding-bottom:8px; 
}
#footer .inside1 { 
	margin:0 18px 0 0; 
	background: url(images/mario.gif) 100% 26px no-repeat; 
	padding-right:10px; 
}
#footer .inside2 { margin:0 0 0 1em; }

#footer .inside_ { height:1%; }
#footer>.inside_ { height:auto; }

.clearall, p.post { clear:both; }

/* typography */

h1 { font-size:1.5em; }
h2 { font-size:1.4em; }
h3, p.post .storytitle { font-size:1.2em; }
h4 { font-size:1.1em; }

h1, h2, h3, h4 {
	font-weight:500; 
	letter-spacing:-1px;
}

.homeentries { 
	display:block; 
	float:left; 
	width:70%; 
	letter-spacing:0; 
}
.homecomments { float:right; }
.homeentries, .homecomments { margin:.4em 0; }

#sidebar h2 { 
	font-size:1.2em;
	border-bottom:1px dashed #666;  
	text-align:right; 
	margin-bottom:0; 
	padding-right:15px; 
}

#sidebar ul { 
	margin-bottom:1.5em; 
	margin-top:.2em; 
}

#sidebar ul ul { 
	margin:0 0 .4em 0;
	margin-left:10px;  
	border-top:1px solid #666; 
	background-color:#222; 
}

#sidebar ul li { 
	list-style-type:none; 
	margin-left:0;
	font-size:1.4em; 
	letter-spacing:-1px;
	border-bottom:1px solid #666; 
	min-height:30px;  
	padding-left:5px; 
}

#sidebar ul li ul li { 
	font-size:.9em; 
	min-height:auto; 
	padding-left:10px; 
}

.feedback { text-align:right; }
.highlight { color:#ace; }
.photo { 
	text-align:center; 
	overflow:auto; 
	clear:both; 
}
.photo2 { 
	text-align:center; 
	clear:both; 
}
.photoright { 
	float:right; 
	margin:0 0 8px 8px; 
	clear:both; 
}
.photo img, .photoright img, .photo2 img { border:1px solid #ccc; }
.storytitle { margin-right:8em; }

/* homepage stuff */

#homenewtitle { 
	padding:20px 150px 2px 0; 
	border-bottom:1px solid #666; 
	background: url(images/fresh_h.png) 94% 100% no-repeat; 
	margin-top:0; 
	margin-right:0; 
}

/* dates and cats */

.meta { 
	float:right; 
	margin:0 .3em .5em .9em; 
	padding:.3em; 
	border:1px solid #666; 
}
.meta * { 
	margin:0; 
	padding:0; 
}
.meta .date { margin-top:.3em; }

/* footer headers */

.f_blogroll { background: url(images/icon-group.png) 98% 0 no-repeat; }
.f_id { background: url(images/icon-grin.png) 98% 0 no-repeat; }

#footer h3 { 
	border-bottom:1px dashed #999; 
	margin-right:5px; 
}

.footercol1 h3 { margin-right:15px; }

/* links */

#content a {color:#9e9;}
#content a:link {}
#content a:visited {}
#content a:focus {color:#fff;}
#content a:hover {color:#fff;}
#content a:active {color:#ccc;}

#sidebar a { 
	color:#0ce; 
	text-decoration:none; 
	display:block;
	background: url(images/ghost.png) 95% -1px no-repeat; 
	line-height:2.2; 
}
#sidebar a:link { text-decoration:none; }
#sidebar a:visited {}
#sidebar a:focus, #sidebar a:hover { 
	color:#fff; 
	text-decoration:none; 
	display:block; 
	line-height:2.2; 
	background-position: 95% -91px; 
}
#sidebar a:active { color:#ccc; }

#sidebar dl a, #sidebar dl a:link, #sidebar dl a:visited, #sidebar dl a:focus, 
#sidebar dl a:hover, #sidebar dl a:active { 
	background:none; 
	text-decoration:underline; 
}

#sidebar dl dd { 
	border-bottom:1px solid #666; 
	margin-left:0; 
	padding-left:1em; 
	padding-bottom:.6em; 
}

#sidebar dl dt { margin-bottom:0; }

#feeds a, #feeds a:link, #feeds a:hover { background-image: url(images/feeds.png); }
#feeds a, #feeds a:link { background-position: 94% 7px; }
#feeds a:hover { background-position: 94% -83px; }
#feeds a img { vertical-align:text-bottom; }

#footer a {color:#f9f;}
#footer a:link {}
#footer a:visited {}
#footer a:focus {color:#fff;}
#footer a:hover {color:#fff;}
#footer a:active {color:#ccc;}

/* sideblog */

#sideblog { 
	margin-top:3em; 
	padding-bottom:.5em; 
	text-align:left; 
}
#sideblog li { 
	font-size:1em !important; 
	margin:.6em .2em; 
	letter-spacing:0 !important; 
	padding-bottom:.6em; 
}
#sideblog li a, #sideblog li a:focus, #sideblog li a:hover { 
	display:inline; 
	background-image:none; 
	line-height:normal; 
}

/* comment list */

#comment { 
	width:80%; 
	background-color:#222; 
	color:#ccc; 
	border:1px solid #ccc; 
	margin:0; 
	padding:4px; 
}

#commentlist { 
	margin: 1em .5em .5em 0; 
	list-style-type:none; 
}

#commentlist li { 
	background: url(images/blah.png) top left no-repeat; 
	overflow:hidden; 
	margin-bottom:1em; 
	margin-left:2px; 
	padding-left:70px; 
	min-height:70px; 
}

* html #commentlist li { 
	height:70px; 
	overflow:visible; 
}

#commentlist li li { 
	background-image:none; 
	min-height:0; 
	height:auto; 
	margin-left:1.6em; 
	margin-bottom:.4em; 
}

#commentlist img { margin:0; }

#commentlist li img.grav { 
	float:left; 
	margin:7px 20px 12px 8px; 
}

#live_preview { 
	height:130px; 
	overflow:auto; 
	width:95%; 
}

/* forms */

form { text-align:center; }
#sidebar form div { 
	border-bottom:1px solid #666; 
	padding-bottom:5px; 
}

#searchform label { 
	position:absolute; 
	top:-500em; 
}
#searchform button { 
	padding-right:18px; 
	background: url(images/icon-magnifier.png) right center no-repeat; 
} 

#signupform button { 
	padding-right:21px; 
	background: url(images/icon-email.png) right center no-repeat; 
}

input, textarea { 
	border:1px solid #bbb; 
	background:#2a2a2a; 
	color:#ddd; 
	padding:3px; 
	font-family:inherit; 
	font-size:inherit; 
}
input:focus, textarea:focus { background:#333; }

button { 
	padding:2px; 
	background:#222; 
	color:#0ce; 
	border:none; 
}
button:focus, button:hover { color:#fff; }

#commentform { 
	text-align:left; 
	padding-bottom:.5em; 
}
#commentform input { 
	width: 40%; 
	padding:.1em; 
}
#commentform textarea { 
	width:95%; 
	border:1px solid #bbb; 
}

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