/*  
Theme Name: The Rauch Motel
Theme URI: http://www.therauchmotel.com
Description: A WordPress Theme designed by <a href="http://www.getelle.com">Elle Media</a>.
Version: 1.0
Author: Laurie M. Rauch/Elle Media
Author URI: http://www.getelle.com

TABLE OF CONTENTS
 
  Colours
  HTML Tags
  Structure
  Headers
  Content Styles
  Nav Styles
  Posts Styles
  Form Elements
  Footer
  
Colours 

Black: 090a0a
White: f7f8f8
Light Grey: eef0f0
Dark Grey: 616C6C
Pink: E02E8E


Orange: #E08A2E
Blue: #4BBFCD
Green: #A4CD4B
Light Pink: #F2A4CC





*/

/* ---------- HTML Tags -----------*/


* {margin:0; padding:0; outline:none;}

body,html {min-height:101%;}
	
body {background-color:#090a0a;  font-size:.85em; background-image:url(images/bgdamask.png); font-weight:normal;}

body, select, input, textarea {	font-family: "Helvetica Neue", Helvetica, sans-serif;}
	
p {margin:0 0 20px; line-height:160%;}

a, a:visited{color:#000000;}

a:hover {color:#E02E8E;}

a img{text-decoration:none; border:none;}
	
hr {display: block; height:1px; background:#616C6C; border:0; color:#616C6C; margin:25px 0; clear:both;}

table {border-collapse:collapse; width:100%; margin:15px 0;}

td {padding:4px 6px; border-top:1px solid #616C6C;}

tr {background:#f7f8f8;}
	
table caption {background:#e5e8e8;	padding:2px 0; color:#616C6C;}	
	
blockquote {border-left:1px solid #000;color:#E02E8E;letter-spacing:0.03em;margin:25px 45px;padding:0 18px; background-image:url(images/quotes.png); background-position:right top; background-repeat:no-repeat;}

.left {float:left;}

.right {float:right;}

/* ---------- Structure -----------*/

#wrapper{background-color: #f7f8f8; width:910px;  }

#main {overflow:hidden; padding:30px 30px 50px;}

#masthead {overflow:hidden; height:250px; /*background-image:url(images/bg2.png);*/ background-color:#090a0a; border-bottom:10px solid #000000;}

#branding{margin: 25px auto; text-indent:-5000px; width:400px; height:200px; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:left center;}

#fullcontent{width:100%; margin:50px 0; font-size:12.5px; line-height:22px;}

#content {width:450px; float:left;margin:50px 0;}

#sidebar {width:350px; float:right; padding:0 0px 20px; margin-top:50px;}

.sidebarcol{width:150px;}

#socials{position:fixed; right:0; top:150px;}


/* ---------- Headers -----------*/

h1, h2, h3, h4, h5, h6, h1 a, h2 a {color:#090a0a; font-family:"Helvetica Neue", Helvetica, sans-serif; font-weight:lighter; clear:both;}

h1 a img{border:none;}

h1 a:hover{color:#E02E8E;}
	
h2 {margin:25px 0 20px;}

.entry h2 {font-size:1.8em; margin:15px 0;}
	
h2.pagetitle, h1.pagetitle {font-size:100px; margin-bottom:20px; line-height:100px;}

h2.posttitle a, h1.posttitle a{text-decoration:none; color:#090a0a; font-size:36px;}

h2.posttitle a:hover, h1.posttitle a:hover{ color:#E02E8E;}

h3.subhead{font-size:48px; line-height:72px; margin-bottom:20px;}

#sidebar h3 {border-bottom:3px solid #eef0f0; padding-bottom:5px; margin:22px 0 10px; color:#000; font-size:18px; text-transform:lowercase;}

.entry h3 {font-size:1.6em; margin-bottom:20px; }
	
#respond h3, h3#comments, h3#trackbacks {margin:45px 0 20px; font-weight:normal;}

h3#comments {margin:32px 0 12px;}

h3.widgettitle{border-bottom:1px solid #eef0f0; margin-bottom:10px; padding-bottom:5px; font-size:24px; }

.boxcolumn h3.widgettitle{font-variant:small-caps;}

h4 {font-size:1.4em;}
	
h5 {font-size:1.2em;}

h6 { font-size:1em;}

	
/* ---------- Content Styles -----------*/

/*Misc*/

.more-link {display:block; margin-top:12px; clear:both;}


/*Navbar */

#masthead #nav {background-color:#EEF0F0; height:30px; text-align:right; }

#masthead #nav .menu{display:inline-block; list-style:none outside none; margin:auto;
padding:0; text-align:center; z-index:1;}
	
#masthead .menu li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; position:relative; height:30px;}
	
#masthead .menu a, #masthead .menu a:visited {display: block; text-decoration: none;  padding:7px 10px; font-size:85%;color:#090a0a;}

#masthead .menu a:hover, #masthead .menu li.current_page_item a, #masthead .menu li.current_page_item a:visited {color:#f7f8f8; background-color:#E02E8E;}


/* ---------- Post Styles -----------*/

.entry {overflow:hidden;background-color:#eef0f0; padding:20px; margin-bottom:30px;}

.entry p{text-align:justify;}

.entrymeta{padding-bottom:18px; }

.date{margin:5px 0;}

.entry pre {width:100%;	overflow:auto; margin:15px 0; display:block; background:#F5F3EE;}
	
.entry code {padding:0 18px; display:block; font-size:1.2em;}

.entry ul, .entry ol {margin:15px 0; padding:15px;}
				
.entry ol li {margin: 0 0 10px 42px;line-height:145%; list-style-type:lower-alpha;}
.entry ul li {margin: 0 0 10px 42px;line-height:145%; list-style-type:square;}

.tags {padding:0px 18px; background-image:url(images/tag.png); background-repeat:no-repeat;}	

.tags a, .tags a:visited {text-decoration: none;}
	
p.tags, p.wp-edit, p.nextpage {clear:both;}

.datedata{padding:2px 10px; background-color:#090A0A; float:right; color:#EEF0F0; margin-right:-20px; margin-top:-10px; position:relative;}

.commentcount {	padding:2px; border-top:1px ridge #090a0a; border-bottom:1px groove #090a0a; font-size:80%; font-weight:normal;}	

.commentcount a{color:#616c6c; text-decoration:none;}
	

/*Images*/
	
.entry img {display:block; /*border:1px dotted #090A0A;*/ padding:2px; margin:15px 0;}

.entry .wp-smiley{display:inline; border:none; padding:0; margin:0;}

.wp-caption {background:#f7f8f8; text-align:center; padding:10px 5px 10px 10px;}

img.alignleft {margin:5px 15px 10px 0; float:left;}

img.alignright {margin:5px 0 10px 15px;	float:right;}

.wp-caption.alignleft {float:left;	margin:20px 22px 10px 0;}
	
.wp-caption.alignright {float:right; margin:20px 0 10px 22px;}

.wp-caption.aligncenter, img.aligncenter {margin: 0 auto; display:block; margin-bottom:15px;
margin-top:15px; float:none;}
		
p.wp-caption-text {margin:0; text-align:center; padding:5px 0;}	

.wp-caption img {float:none; margin:0;}	

.gallery {margin:15px 0; display:block;}
	
.gallery img {border:1px solid #090A0A !important; padding:2px; margin:0 auto;}

.gallery-item {padding:12px 0; text-align:center;}

.gallery-caption {padding:10px 0;}
	


/* ---------- Comments -----------*/

	
.reply a, .reply a:visited  {width:75px; background-color:#090A0A; color:#F7F8F8!important; display:block; margin-bottom:15px;	padding:5px !important; text-align:center; text-decoration:none !important; position:relative;}

.reply a:hover {color:#E02E8E!important; text-decoration:none; background-color:#616C6C!important;}

.reply a:active {background:#E02E8E; color:#F7F8F8!important;}
			
.commentlist li {margin: 0; padding: 15px; background:#eef0f0; border-bottom:1px solid #080808; list-style:none; color:#080808;}

/*.commentlist .thread-odd {background-color:#e5e8e8;}*/

.commentlist li.bypostauthor {background:#F7F8F8!important;}

.commentlist li li {border:none; border-left: 1px solid #090A0A; margin:0 0 0 20px; padding-left:25px; background:none;}
	
.commentlist code {	background:#FFF; padding:3px;}
	
.avatar {margin: 3px 10px 0 0; float:left; padding:2px; border:1px dotted #090A0A; }

#trackbacklist li {margin: 10px 0 10px 35px;}

#trackbacklist cite {font-style:normal;}
			
cite.fn {font-size: 24px; /*font-weight:lighter;*/ font-style:normal; display:block; padding:9px 0 4px;color:#090A0A;}	

cite.fn a{color:#000;}

cite.fn a:hover{color:#E02E8E;}

.says {display:none;}

.comment-author {overflow:hidden; margin-bottom:20px;}
		
.commentmetadata {float:left;}
 
.comment-date a, .comment-date a:visited {color:#616C6C;font-size:0.9em; text-decoration:none;}

.commentmetadata a:hover, .commentmetadata a:active  {text-decoration:underline;color:#E02E8E;}

/*.comment-author-admin .comment-date a{color:#f7f8f8;}*/

/* Author Page*/

#writer {overflow:hidden; background:#F7F8F8; margin-bottom:20px; padding:16px;}

#writer p {margin-top:0;}
		
#writer .avatar {margin:4px 17px 7px 0;}


/* Search and Archives*/

.search-highlight {background:#E02E8E;}

#pagination {margin-top:22px;overflow:hidden;padding:5px 0;}

#pagination a, #pagination a:visited {border:1px solid #616c6c; padding:6px 8px; text-decoration:none; overflow:hidden;	display:block;}

#pagination a:hover {text-decoration:underline;}

#pagination a:active {border-color:#616c6c;}
		
#pagination div {float:left; margin-right:10px;}

#singlepagination {margin-top:22px;overflow:hidden;padding:5px 0;}

#singlepagination a, #singlepagination a:visited {padding:6px 8px; text-decoration:none; overflow:hidden;}

#singlepagination a:hover {text-decoration:underline;}
		
#singlepagination div {margin-right:10px;}

#singlepagination .older, #pagination .older{float:left;}

#singlepagination .newer, #pagination .newer{float:right; text-align:right;}

a .icon-rss {border:none;}

.archive .icon-rss {vertical-align: middle; margin-left:3px;}		
		
	

/*Sidebar and Widgets*/

.widget {margin-bottom:24px; overflow:hidden;}
	
.widget li {list-style:none; border-bottom:1px solid #616c6c6; padding:6px 0; line-height:140%;}

.widget li a, .widget li a:visited {color:#000; text-decoration:none;}

.widget li a:hover, .widget li a:active {color:#E02E8E;}

.widget li.current_page_item a, .widget li.current_page_item a:visited, 
.widget li.current-cat a, .widget.current-cat a:visited {font-weight:bold;}

.widget li.current_page_item li a, .widget li.current_page_item li a:visited, 
.widget li.current-cat li a, .widget li-current-cat li a:visited {font-weight:normal;}
			
.widget li li {margin-left:34px; border:0; list-style:disc;}

#wp-calendar tr {background:#eef0f0; color:#000;}
	
#wp-calendar td {text-align:center; padding:3px;}	
	
#recentcomments {color:#000;}

#recentcomments a, #recentcomments a:visited {font-style:italic;}

#recentcomments a.url, #recentcomments a.url:visited {font-style:normal;}

a.rsswidget, a.rsswidget:visited {font-weight: bold;}

.rssSummary {line-height:160%;}
	
#wp125adwrap_2c { margin-left: 25px; overflow: hidden; width: 85%;}

#wp125adwrap_2c .wp125ad {float:left; /*margin-left:35px; margin-right:35px;*/}	

.wp125ad a img {background-color:#FFFFFF; border:1px solid #EEF0F0; padding:5px; margin-bottom:10px;}

#wp125adwrap_2c div+div {margin:0!important;}

#wp125adwrap_2c .even{float:right;}

.widget .reviews li{border-bottom:none; list-style:square inside;}

#about img{padding:5px; background-color:#EEF0F0; border:1px solid #616c6c;-moz-box-shadow: 3px 3px 16px #616C6C; -webkit-box-shadow: 3px 3px 16px #616C6C; box-shadow: 3px 3px 16px #616C6C;}

#google{clear:both;}

	
/* ---------- Form Elements -----------*/

#author, #email, #comment, #url, #searchfield {background:#FFF !important; padding:5px; border-width:1px; border-style:solid; border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d; }

#author, #email, #url {width:220px;}
		
.button {padding:8px 14px; color:#F7F8F8 !important; background-color:#090A0A; border:none; font-size:1.2em;}

.button:hover{background-color:#616c6c;}

.button:active {background-color:#e02e8e;}

#commentform textarea {width:98%; height:250px;}

#searchfield {width:220px;}
	
#searchsubmit {vertical-align:middle;}	

.search-field{height:30px; margin-right:20px; margin-top:20px; margin-bottom:20px; width:235px;}	
.search-go{background-color:transparent; border:medium none; font-size:18px; font-weight:lighter; text-transform:lowercase;}
	

/* ---------- Footer -----------*/

#footer {clear:both; font-size:11.5px; line-height:24px; overflow:auto; width:450px; background-color:#EEF0F0; padding:20px; margin-left:30px;}
#footer p{clear:both; }
.footercolumn{float:left; width:140px; margin-right:20px;}


.post .post-icon a {left: -15px!important; top: -20px!important;}
