/*
Theme Name: RHGFX
Theme URI: http://www.RHGFX.com
Description: Leave the artwork to the artists...
Author: Rich & Hated Graffixxx
Author URI: http://rhgfx.com
Version: 1.0
*/

/*-----------------------------------BODY--------------------------------*/

body {
	font: 1em/150% Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	
	margin:0px;
	background:url(/images/BKGtest1.jpg);
	color:#333333;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	
}

img a {border:none;}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

h3 {
	font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
	font-weight:300; 
text-shadow:1px 1px #FFF;
	} 
#page h3 {font-size:40px;margin-bottom:19px;line-height: 1.3;}



.comments-template {margin-top:20px;}

#category h3 {text-align:center;margin: 0 0 27px 0;line-height: 1;text-shadow:1px 1px #FFF;}

#date {width:100%;border-bottom:1px dotted #f2f2f2;margin-bottom:10px;font-style:italic;font-size:13px;}

img {max-width:100%;height:auto;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#wrapper {
	padding:0px;
	width: 980px;
	margin: 0 auto;
	background:#faf7ef;
	padding:10px 20px 20px 20px;
	
}

#index-right h2 {font-size: 1em;}
#header {
	height: auto;
	width:100%;
	text-align:center;
}

#header-slideshow {width:887px;height:236px;background:#ccc;margin:0 auto;margin-bottom:30px;margin-top:30px;}

#header-banner {width:100%;height:118px;max-height:118px;background:url(/images/ian-heading-crop.png);background-repeat:no-repeat;}
#header-banner img {max-width:100%;height:auto;}



#header-ad {width:728px;height:90px;background:#ccc;margin:0 auto;margin-bottom:20px;}

#blog {
	width: 610px;
	margin:0 auto;
	height:auto;
	float:left;
	background: #e7e5d9;
	padding:20px;
	border-bottom:5px solid #8d8d86;
}


#blog .ngg-gallery-thumbnail img {margin:0px 0px 5px 0px;background-color: none;
border: 0px;padding:0px;}


#single #blog {background:#e7e5d9;color:#333333;}
#sidebar {
	width: 300px;
	padding:0px 10px 10px 20px;
	display: inline-block;
}

#sidebar li {list-style:none;margin-bottom: 20px;}

#sidebar ul {padding:0px;}

#sidebar ul li {background:none;margin:10px 0px;padding:10px;border-bottom:1px dotted #dbd9ce;}

#sidebar ul li a {color:#878682;} 

.screen-reader-text {display:none;}

input {width: 65%;height: 24px;}

input[type="submit"] {background:#e7e5d9;
width: 30%;
height: 29px;color:#333333;text-transform:uppercase;border:none;}

.entry .navigation {margin-top:23px;}

.entry {overflow:hidden;text-align:justify;}

.entry a {color:#066;text-shadow:1px 1px 5px #FFF;}

.nav-here a {color:#FFF;}

.navigation {float:left;}
.featured {float:right;}

#data {clear:both;}

.navigation a {color:#FFF;font-family: 'Lato', sans-serif;font-size:.6em;background:#e7e5d9;padding:10px;text-transform:uppercase;line-height: 1;}

.widgettitle {border-bottom:3px solid #ccc;color:#333333;font-family: 'Lato', sans-serif;font-size:1.2em;background:#e7e5d9;padding:10px;text-transform:uppercase;}

.featured {color:#000;font-family: 'Lato', sans-serif;font-size:.7em;background:yellow;padding:10px;text-transform:uppercase;margin-top:23px;line-height:2;}

#footer {
	clear: both;
	margin:0 auto; 
}

#foot-info-border {height:15px;width:960px;z-index:1;position:absolute;}

#foot-info {width:960px;height: 50px;background:#e7e5d9;text-align:center;line-height: 3.3;font-family: 'Lato', sans-serif;text-transform:uppercase;color:#333333;letter-spacing:2px;overflow:hidden;border-top:1px solid #cecbc3;margin-top:0px;clear:both;font-weight:300;margin:0 auto; }

#copyright {width:927px;height:0px;background:#000;margin:0 auto;}



/************************************************************************************
BLOG - INDEX & FRONT PAGE
*************************************************************************************/



#blog-index {width:610px;float:left;padding-right:20px;}
#blog-front {width:1020px;float:left;padding-right:20px;}
#blog-front1 {width:1020px;float:left;padding-right:20px;}
#blog-front2 {width:1020px;float:left;padding-right:20px;}

#blog-index h3, #blog-index h3 a {color:#333333;text-shadow:1px 1px #FFF;}

#blog-index .post {background:#e7e5d9;width:570px;height:200px;padding:20px;margin-bottom:20px;border-bottom:2px solid #8d8d86;}
#blog-front .post-front {background:#e7e5d9;width:410px;height:200px;padding:20px;margin-bottom:20px;border-bottom:2px solid #8d8d86;}
#blog-front1 .post-front {background:#e7e5d9;width:410px;height:200px;padding:20px;margin-bottom:20px;border-bottom:2px solid #8d8d86;}
#blog-front2 .post-front {background:#e7e5d9;width:410px;height:200px;padding:20px;margin-bottom:20px;border-bottom:2px solid #8d8d86;}


#blog-index .post, #index-featured-image {overflow:hidden;}

#featured-blog-index .post {background:#000;width:570px;height:auto;padding:20px;margin-bottom:20px;border-bottom:2px solid #8d8d86;color:#FFF;}

#featured-blog-index .post .navigation a {background:#e7e5d9;float:right;}

#featured-blog-index h3 a {color:#FFF;text-shadow:1px 1px #333333;}

code {display:none;}

#credits {width:100%;text-align:center;background:none;}


.comment-author.vcard img {display:none;}

.comment-body {background: #FFF;
padding: 10px;margin-bottom: 20px;}

#blog-index-wrap {float:left;width:20%;height:178px;background:#ccc;margin:0px 10px 10px 0px;}

#featured-blog-index #blog-featured-image {height:200px;margin-bottom:20px;}

#index-featured-image {width:200px;height:200px;margin-bottom:10px;background:#000;float:left;}
#index-featured-image-front {width:200px;height:200px;margin-bottom:10px;background:#000;float:left;}

#index-right {width:300px;float:right;height:200px;}
#index-right-front {width:200px;float:right;height:200px;}

#front-index-wrap {float:left;padding-right:20px;}

.comments-list li {list-style:none;}









/* border & guideline (you can ignore these) */
#blog {
	
}
#sidebar {
	
}
#header, #blog, #sidebar {

}
#wrapper, #header, #blog, #sidebar, #footer {
	
}

#access-wrap {width:1020px;background:#e7e5d9;height:50px;margin:0 auto;}

#access-border {height:15px;width:100%;background:url(http://nerissairving.com/rhgfx/images/border-top.gif);z-index:1;position:absolute;}

#access-inner-wrap {width:100%;margin:0 auto;}

#access-left {width:100%;float:left;}

#access-right {width:17%;float:right;height: 50px;}

#access-right ul {padding:0px;margin-top:2px;}

#access-right li {width:23%;list-style:none;display:inline-block;text-align:center;}



#access {width:100%;height:50px;margin:0 auto;}

#access ul {padding:0px;margin:0px;}

#access li {float:left;display:inline-block;width:10%;text-align:center;font-family: 'Lato', sans-serif;text-transform:uppercase;font-weight: normal;line-height: 4;font-size:84%;}

#access li a {color:#333333;}

.has-children {
	background:#0F9;
	
}

.sub-menu {
  background:#000;
}

#access .drop-down {
	background:url(/demosite/images/losmag/dropdown.png);
	
}



#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color:#1986c0;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
	
}


/*-----------------------------------END-NAVIGATION--------------------------------*/



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1130px) {
	
	#access-inner-wrap {width:100%;margin:0 auto;}
	

}


/* for 810px or less */
@media screen and (max-width: 810px) {
	#access-wrap, #access-border {display:none;}
	
	
}




/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#wrapper, #foot-info, #copyright, #foot-info-border   {
		width: 96%;
		padding:0% 2% 2% 2%;
	}
	

}


/* for 922px or less */
@media screen and (max-width: 922px) {
	#front-index-wrap {width:100%;margin:0 auto;float:none;}
	.post {margin:0 auto;}
	#blog-index {width:100%;margin-bottom: 20px;}
	#header-slideshow {width:100%;height:auto;background:none;}
	#blog {margin:0;padding:5%;width:90%;margin-bottom:20px;}
	#sidebar {margin:0 auto;float:none;}
	#blog-front {width:100%;margin-bottom: 20px;}
	.post-front {margin:0 auto;}
	.half {
	    width: 100% !important;
	    float: none;
    }
	
}





/* for 700px or less */
@media screen and (max-width: 700px) {

	#blog {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
		text-align: center;
		margin-top:30px;
	}
	.half {
	    width: 100% !important;
	    float: none;
    }

}

/* for 580px or less */
@media screen and (max-width: 580px) {
	#featured-blog-index .post, #blog-index .post {width:90%;padding:5%;height:auto;}
	#featured-blog-index #blog-featured-image {height:auto;}
	#index-right, #index-featured-image {width:94%;padding:3%;margin:0 auto;text-align:center;}
	#index-featured-image {background:none;border:none;}
	#blog-front .post-front {width:90%;padding:5%;height:auto;}
	#index-right-front, #index-featured-image-front {width:94%;padding:3%;margin:0 auto;text-align:center;}
	
.home .half {
	    width: 100% !important;
	    float: none;
    }
}




/* for 480px or less */
@media screen and (max-width: 480px) {

	#featured-blog-index .post, #blog-front .post {width:90%;padding:5%;height:auto;}
	#featured-blog-index #blog-featured-image-front {height:auto;}
	
	#index-featured-image-front {background:none;border:none;width:25%;float:left;padding:3%;}
	#blog-front .post-front {width:75%;padding:5%;height:auto;overflow:hidden;}
	#index-right-front {width:65%;padding:1%;margin:0;overflow:hidden;float:right;}
	#index-right-front .entry {text-align:left;float:left;}
	
	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		
	}
	
.half {
	    width: 100% !important;
	    float: none;
    }
}


@media screen and (min-width : 640px){

	.home ul.index > li{

		display:inline-block;
		clear:none;
	}

	.home .index > li:nth-child(odd){

		width:50%;
		float:left;
		border:1px solid #fff;
		clear:both;
	}
	.home .index > li:nth-child(even){

		width:46%;
		float:right;
		border:1px solid #fff;
	}
	
}

/*form {display:none;}*/