/*
Theme Name: YellowDevart
Description: Inspired by DeviantArt.
Version: 2.0.1

Tags: fixed width, two columns, widgets, deviant

	Yellow for Marsha Black

*/



/* Container -------------------------------------------------------------------*/


#container { 
	width: 900px; 
	padding-bottom: 10px; 
	margin: 0 auto; 
	overflow: hidden; 
}
#container #wrapper { 
	width: 900px; 
	float: left; 
	margin-top: -21px;
	overflow: hidden; 
	background: #fcfcdc url(images/NarrowSidebar-bg.gif) repeat-y top right; 
}



/* Header
-------------------------------------------------------------------*/
#header { 
	width: 900px; 
	height: 46px; 
	float: left; 
	background-color: inherit; 
	position: relative; 
}
#header h1 { 
	font: 2em Verdana; 
        font-style: italic;
	padding: 0.2em 0.4em 0.0em 0.3em; 
	color: #fff; 
}
#header h1 a { 
	color: #333; 
	text-shadow: 1px 1px 1px #333; 
	text-decoration: none; 
}
#header h1 span { 
	padding-left: 10px; 
	font-size: 11px; 
	color: #444; 
}







/* Gallery SubNavigation
-------------------------------------------------------------------*/
#sub_nav { 
	width: 725px; 
	height: 21px; 
	float: left; 
	background: url(images/sub_nav-bg.gif) no-repeat; 
	/*-- border-bottom: 1px solid #aaa; --*/
	position: relative; 
	font-size: .8em;
}
#sub_nav ul { 
	margin-left: 20px; 
	position: absolute; 
	bottom:1.0px; 
	overflow: hidden; 
	height: 20px; 
}
#sub_nav ul li { 
	float: left; 
	margin-right: 7px; 
	margin-bottom: 3px; 	
}
#sub_nav ul li a{ background: url(images/sub_nav-tab-leftNS.gif) left top no-repeat ; }
#sub_nav ul li a { 
	display: block; 
	text-decoration: none; 
	line-height: 20px; 
	padding: 0 15px 1em 4px; 
	margin-top: 0px;
}
#sub_nav ul li a:hover { color: #f0f; }
#sub_nav ul li  { background: url(images/sub_nav-tab-rightNS.gif) no-repeat top right; }


#sub_nav ul li.current_page_item a{ background: url(images/sub_nav-tab-left.gif) left top no-repeat; }
#sub_nav ul li a { 
	display: block; 
	text-decoration: none; 
	color: #333; 
	line-height: 20px; 
	padding: 0 15px 0 4px; 

}
#sub_nav ul li a:hover { color: #555; }
#sub_nav ul li.current_page_item { background: url(images/sub_nav-tab-right.gif) no-repeat top right; 	
    color: #333; 
    padding: -3px 8px -3px 0px;
    }




/* Content
-------------------------------------------------------------------*/
#content { 
	width: 690px; 
	float: left; 
	padding: 15px; 
	background: #fcfcdc; 
}

#content .post { margin-bottom: 40px; }
#content .post p { margin-bottom: 20px; }
#content .post h1 a { text-decoration: none; }
#content .post-list li { list-style: none; }

#content .post .post-info { 
	clear: both; 
	font-size: 0.9em; 
	color: #333; 
	padding: 3px 5px 5px 5px; 
	margin-bottom: 2.0em; 
	border-top: 1px solid #777; 
	border-bottom: 1px solid #777; 
	background: #feee77; 
}
#content .post .post-info a { color: #777; text-decoration:none; }
#content .post .post-info a:hover { color: #222; text-decoration:none; }

#content #pages { text-align: center; }
#content #pages a { font: bold 1.2em "Trebuchet MS"; color: #444; text-decoration: none; }
#content #pages a:hover { color: #122; }

#content ul, ol, dl { margin-bottom: 2.0em; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }




/* Wrapper Bottom
-------------------------------------------------------------------*/
#wrapper-bottom { 
	width: 900px; 
	height: 15px; 
	float: left; 
	margin-bottom: 0px; 
	background: url(images/Gallery_wrapper-bottom.gif) no-repeat bottom;
}



/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 1.6em "Trebuchet MS", Helvetica, Arial, Geneva; 
	color: #444; 
}
#comments .comment { 
	background: #fff; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 635px; 
	padding-bottom: 5px; 
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 536px; 
	background: #0d0; 
}
#comments .comment .comment-content a { color: #444; }


#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}




/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
	background: #ddd; 
	border: 5px solid #bbb; 
	padding: 10px; 
	color: #555; 
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 600px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit { padding: 3px 10px; }



/* Footer
-------------------------------------------------------------------*/
#footer { 
	width: 900px; 
	float: left; 
	color: #666; 
	padding-top: 6px;
	text-align: center;
	background: url(images/footer-top.gif) no-repeat top left; 
}
#footer-inner { 
	width: 900px; 
	margin-top: -1px;
	
	background: url(images/footer-bottom.gif) no-repeat bottom left; 
}
#footer-content { 
	width: 900px; 
	background: #c9b979; 
	padding-bottom: 1.2em; 
}
#footer p { 
	font-size: 0.9em; 
	margin: 0; 
}
#footer a { color: #444; }



/*----------  Pictures    -------------------*/
	
	 
	#pictures {
	position: relative;
	top:  0.2em;
	left: 1em;
    margin-top: 0px;
	width: 300px;
	height: 400px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 0;
	
}

#caption  {
	position: absolute;
	top: -1em;
	left: 2em;
	font-size:  12px;
	width:  30em;
	z-index=12;
	
}

/* pictureArea is for the frames version, as on the current production site; */
/* various legacy divs pushed caption and links below fold                   */

#pictureArea {
		position: absolute;
		top: 2px;
		left: 120px;
		width: 199px;
		height: 300px;
		padding-left: 0px;
		z-index: 0;
		align: center;
	}
	
/*  pictureArea2 places the pictures for the non-frame version*/
	
#pictureArea2 {
		position: absolute;
		top: 20px;
		left: 40px;
		width: auto;
		height: auto;
		padding-left: 0px;
		z-index: 0;
		align: center;
	}	
	

#slidecontrol {
	position:absolute;
	top: 335px;
	width: 20em;
	left: 3em;
	height: 5px;
	padding: 0px;
		
}
#slidecontrol a { color: #444; }

/*----------  Thumbnails   -------------------*/

#thumb-box  {
	position:absolute;
	top: 20px;
	left: 15px;
	
}

div.thumbnail  {
   float: left;
   width: 130px;
   height: 150px; 
   margin: 5px 10px 10px 0;
   	
}


div.thumbnail img  {
	margin: 5px 0 0 10px;
	border: 1px solid #777;
	
}


div.thumbnail p  {
	margin: 0;
	padding: 0 10px 2px 10px;
	
}

div.thumbnail a  {
	margin: 0;
	padding: 0 10px 2px 10px;
	
}



/*----------  Text Area 	#pagetext {
		position: absolute;
		top: 15em;
		left: 25em;
	    width: 400px;
		height: 400px;
		text-align: left;
		   -------------------*/

	#pagetext {
		position: relative;
		top: -25em;
		left: 25em;
	    width: 380px;
		height: 100px;
		text-align: left;
	}
	
 .vt-text {
 	  padding-left: 3em;
 	  padding-right: 2em;
 	  font-size: 1.2em; 	   	
}
	#gallery-1 {
		margin: auto;
}
	#gallery-1 .gallery-item {
		float: left;
		margin-top: 10px;
		text-align: center;
		width: 33%;			
}
	#gallery-1 img {
		border: 2px solid #cfcfcf;
}
	#gallery-1 .gallery-caption {
		margin-left: 0;
}