/*
Theme Name: Me On Neon
Description: 2 coloumn pro magazine /blog design
Author: Rick Bjarnason
Author URI: http://www.rickbjarnason.com
*/

/*-------------------------
swatch colors
===========
#252525 - dark grey
#a19893 - dusky beige
#560202 - dark red
#565656 - font grey
/*--------------------------
			Eric Meyer Resets
--------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--------------------------
			Links and general type
--------------------------*/
body {
	background:#464646;
	font-family: Geneva, Verdana, sans-serif;
	font-size:10px;/*reset default size to 10px so we can use ems */
}
 h5 {
	text-indent:-9999px;
	width:118px;
	height:35px;
	margin-top:-5px;
}
ins {
	margin:1em auto!important;
}
h2 {
	color: #560202;
	font-size: 15px;
	margin: 3px 0;
}
h3 {
	color:333;
	font-size: 20px;
	margin: 5px 0;
}
blockquote {
	background: #E3E2DE;
	border: 1px solid #474747;
	font-style: italic;
	padding: 10px;
	overflow: hidden;
}
/*--------------------------
			Layout
--------------------------*/
#wrapper {
	margin:0 auto;
	width:960px;
	overflow:hidden;/* display all floated elements */
	height:100%; /* make sure that IE6 has layout */
	background:#a19893;
}
#header {
	background:url(img/BG_header.jpg) no-repeat -1px 0;
	position:relative;/* we need for absolutely positioned child element */
	height:359px;
}
#content {
	width:645px;
	float:left;
	padding-left:10px;
}
#sidebar {
	width:300px;
	float:right;
	background:#252525;
	overflow:hidden;
}
#footer {
	clear:both;
	height:200px;
	background:#000000 url(img/BG-footer.jpg) no-repeat 0 0;
	border:1px solid #560202;
	margin-bottom:20px;
	padding-left:300px;
}
/*--------------------------
			Header Styles
--------------------------*/
#header h2 {
	background:url(img/logo-trans.png) no-repeat 0 0;
	position:absolute;
	top:15px;
	right:-10px;
	width:491px;
}
	#header h2 a {
		display:block;
		text-indent:-9999px;
		width:480px;
		height:150px;
	}
#header small {
	background:url(img/slogan-trans.png) no-repeat 0 0;
	position:absolute;
	top:140px;
	right:0;
	width:266px;
	height:36px;
	
}
	#header small a {
	text-indent:-9999px;
	display:block;
	 width:266px;
	height:36px;
}
/*--------------------------
			Navbar Styles
--------------------------*/
#navbar {
	position:absolute;
	top:315px;
	padding:0 10px 5px 10px;
}
#navbar li {
	float:left;
	padding:0 30px;
	position: relative;
	border-right:1px solid #252525;
}
#navbar li:last-child {
	border:none;
}
#navbar li a,#rss li a {
	color:	#252525;
	text-decoration:none;
	font-size:1.4em;
}
#navbar li a:hover,#rss li a:hover {
	text-decoration:underline;	
}
/* first level or children */
#navbar li ul {
	background: #ABA59C	;
	border:1px solid #252525;
	display:none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1000;
}
#navbar li:hover > ul {
	display: block;
}
#navbar li ul li {
	border-bottom: 1px solid #d5d4d0;
	border-right: none;
	padding: 5px ;
	width: 15em;
}
#navbar li ul li a{
	display: block;
}
#navbar li li a:hover {

}
#navbar li ul li {
 _display: inline; /* for IE6 */
}
#navbar li li a:hover{
	background-image: none;
}
/* second level or grandchildren */
#navbar li li ul {
	display:none;
	left: 100%;
	top: 0;
}

/*--------------------------
			RSS Styles
--------------------------*/
#rss {
	overflow:hidden;
	position:absolute;
	top:245px;
	left:740px;
	background: url(img/rss-trans.png) no-repeat 0 0;
	padding: 25px 0 0 75px;
}
#rss h4 {
	font-weight:normal;
	font-size:1.6em;
	text-transform:uppercase;
	margin-bottom:5px;
}
#rss li {
	padding-left:20px;
	line-height:20px;
	height:20px;
	background:url(img/chip-trans.png) no-repeat 0 0;
}
#rss a {
	text-transform:uppercase;
}
/*--------------------------
		Content Styles
--------------------------*/
#featured {
	width:640px;
	background:#252525;
	border:1px solid #560202;
	height:355px;
	position:relative;
}
#featured h3 {
	position:absolute;
	top:-1px;
	left:40px;
	text-indent:-9999px;
	background:url(img/sprites.jpg) no-repeat -35px -7px;
	width:150px;
	height:51px;
	z-index:1;
}
#feature-nav {
	position:absolute;
	top:10px;
	right:20px;
	background:url(img/sprites.jpg) no-repeat -538px -15px;
	height:30px;
	width:100px;
}
#feature-nav a {
	display:block;
	text-indent:-9999px;
	width:50px;
	height:30px;
	float:left;
}
#featured img {
	position:absolute;
	margin:50px 0 0 10px;
}
.feature-meta {
	height: 80px;
	width: 610px;
	padding:0px 5px 5px 5px;
	position:absolute;
	background: url(img/balloon.png);
	top:264px;
	line-height:14px;
	color: #ccc;
	font-size:14px;
	overflow: hidden;
	border-top:1px solid #000;
	margin-left:10px;
	
}
.feature-meta h2 {
	margin:5px 0px 5px 0px;
	padding:5px 0px;
	font-size:18px;
	font-weight:bold;
}
.feature-meta a {
	text-decoration:none;
	color:#fff;
}
.feature-meta a:hover {
	text-decoration:underline
}
#content .post-content {
	background:  url(img/sprites.jpg) no-repeat 0 -389px;
	width:600px;
	height:177px;
	margin:10px 0;
	border:1px solid #7b7b7b;
	padding:17px 20px;
	position:relative;
}
#content .single_post {
	width:620px;
	margin:10px 0;
	border:1px solid #7b7b7b;
	padding:17px 20px;
	overflow:hidden;
	background:#aba59c url(img/BGsingle.jpg) no-repeat 0 0;
}

#content .post-content h1, .single_post h1{
	margin-bottom:.3em;
	color:#560202;
	font-size:1.6em;
}
#content .post-content h1 a, .single_post h1 a,#content a{
	text-decoration:none;
	color:#560202;
}
#content .post-content h1 a:hover, .single_post h1 a:hover,#content a:hover {
	text-decoration:underline
}
#content .post-content p, .single_post p {
	color:#474747;
	font-size:14px;
	line-height:17px;
	padding:.5em 0;
}
#content ol {
	list-style-type: decimal;
}
#content  li {
	padding:.5em;
	color:#474747;
	font-size:14px;
	margin-left:2em;
	line-height:1.4em;
}
.number-comments {
	display:block;
	position:absolute;
	bottom:1em;
	right:1em;
	border:1px solid #7b7b7b;
	padding:1em;
}
.number-comments a{
	color:#560202;
	padding:1em;
	text-decoration:none;
}
.number-comments a:hover{
	text-decoration:underline;
}
#post-navigation {
	overflow:hidden;
	margin-bottom:1em;
}
#post-navigation a {
	color:#560202;
	padding:1em;
	text-decoration:none;
}
#post-navigation .next {
	float:left;
}
#post-navigation .prev {
	float:right;
}
#single-tmb-wrap {margin-top:10px;overflow: hidden}
	#single-tmb-wrap small {
		color: #444;
		clear: both;
		font-style: italic;
		float: left;
		margin-top: -10px;
	}
.single-tmb {
	background: #e3e2de;
	border: 1px solid #474747;
	clear: both;
	float: left;
	margin: 0 20px 20px 0;
	padding: 2px;
}
.wp-post-image {
	background: #e3e2de;
	border: 1px solid #474747;
	padding: 2px;

}
.clear-fix {
	clear: both;
	overflow: hidden;
	margin: 10px 0;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

/*--------------------------
			Comment styles
--------------------------*/

#commentform p {
	padding:.5em 0;
}
#commentform input {
	border:1px solid #7D6958;
	padding:.2em;
}
#comments-template {
	margin-top:2em;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	width:560px;
	padding:20px 30px;
	border:1px solid #7B7B7B;
	position:relative;
}
#comments-template li {
	clear:left;
	border-bottom:1px solid #ccc;
	padding:2em 0;
	overflow:hidden;
}
#comments-template .avatar{
	float:left;
	margin-right:25px;
	background:#afafaf;
	border:1px solid #fff;
	border-right:1px solid #7B7B7B;
	border-bottom:1px solid #7B7B7B;
	padding:4px;
}
.main_comment {
	background:#fff;
	margin-left:133px;
	padding:15px;
}
#respond {
	margin-top:1em;
}	
/*--------------------------
		Sidebar Styles
--------------------------*/
#sidebar a {
	color:#565656;
	text-decoration:none;
	font-size:1.2em;
}
#sidebar a:hover,#footer a:hover {
	color: #ddd;`
	text-decoration:underline
}
#sidebar ul li{
	margin-left:5px;
	padding:.5em 0;
}
#search {
	position:relative
}
#search input {
	background:#000000;
	border:1px solid #565656;
	border-right:none;
	width:238px;/* padding makes 10px wider */
	margin:10px;
	height:15px;/* padding makes 10px higher */
	color:#565656;
	padding:5px ;
}
#search input#searchsubmit{
	background:#000 url(img/search-trans.png) no-repeat 0 2px;
	width:20px;
	height:27px;
	width:30px;
	position:absolute;
	top:0;
	right:1px;
	border:1px solid #565656;
	border-left:none;
	margin-left: 0;
	text-indent:-9999px;
}
#ads {
	border-bottom:1px solid #565656;	
	overflow:hidden;
}
#ads ul{
	list-style:none;
}
#ads ul li {
	padding:0;
	margin:0;
}
#ads img {
	float:left;
	margin:0 0 10px 10px;
	_margin-left:5px; /* ie6 fix*/
	background:#fff;
	width:125px;
	height:125px;
}
#pop-arch h3{
	float:left;
	width:130px;
}
#pop-arch ul {
	width:200px;
	margin:0 auto 10px;
	clear:both;
}
#pop-arch ul li {
	background:url(img/sprites.jpg) no-repeat -315px -20px;
	padding-left:30px;
	color:#ccc;
}
#pop{
	background:url(img/sprites.jpg) no-repeat -228px -100px;
	height:50px;
}
#arch{
	background:url(img/sprites.jpg) no-repeat -51px -100px;
	height:50px;
}
#pop a,#arch a{
	display:block;
	text-indent:-9999px;
	width:130px;
	height:30px;
}
#multi-col .col {
	width:113px;
	float:left;
	background:#000;
	border:1px solid #565656;
	margin:0 0 10px 10px;
	_margin-left:5px;/*ie6 fix */
	padding:5px;
}
#multi-col .col ul {
	width:100px;
	margin:auto;
}

#recent{
	background:url(img/sprites.jpg) no-repeat -35px -292px;
}
#categories {
	background:url(img/sprites.jpg) no-repeat -26px -204px;
}
.widg {
	background:#000;
	border:1px solid #565656;
	color:#565656;
	padding:10px 0;
	overflow: hidden;
	clear:both;
}
.widg h4 {
	color:#ccc;
	font-size:1.5em;
	margin:0 0 10px 10px;
}
.textwidget {
	padding: 0 10px;
}
#sidebar .textwidget a {
	color:#de7571;
}

.flickr img {
	background: #333;
	border: 1px solid #bbb;
	float: left;
	padding: 1px;
	margin: 0 5px 5px 0;
	
}
#hotelscombined-search-widget iframe {
	margin: 10px 0 10px 50px;
}
/*--------------------------
		Footer Styles
--------------------------*/
#footer a{
	color:#ccc;
	text-decoration:none;
}
#footer .foot-col {
	width:200px;
	float:left;
	margin-top:10px;
}
#footer .foot-col li {
	padding:.5em 0;
}
#footer .foot-col li b{
	color:#565656;
}
#footer ul {
	margin-left:10px;
}
#random {
	background:url(img/sprites.jpg) no-repeat -511px -326px;
	height:40px;
}
#responses{
	background:url(img/sprites.jpg) no-repeat -469px -195px;
	height:40px;
	width:140px
}
#social-networks {
	width:235px; 
	background:url(img/sprites.jpg) no-repeat -222px -214px;
	height:160px;
	float:right;
}
#social-networks a{
	display:block;
	text-indent:-9999px;
	width:235px;
	height:160px;
}
.rblock {
	clear: both;
	margin:.5em 0;
	padding: 2px 0;	
}
.rblock h3 {
	font-size: 10px;
	margin:.5em 0;	
}
.rblock img {
	float:left;
	margin-right:5px;
}
.fmeta {
	margin-left:1em;	
	color:#565656;
}
#rannews {
	width:220px;
}
#footer p {
	color:#565656;
}