/*  
Theme Name: Photo Gallery Dark 1
Author URI: http://shutterthemes.com
Version: 2.1
Author: Shutter Themes
Description: Shutter Themes Photo Gallery 1 is WordPress photo gallery template.
All the CSS, XHTML and design is copyrighted. Please don't steal.

	Changelog:
		v1.0 - 08.01.08
		First Release
		v2.0 - 08.26.08
		Added theme options
		v2.0.1 - 09.09.08
		-Updated with WP 2.6 image styles
		v2.1 - 10.13.08
		-Updaed image-resize.php code to 1.0.2
*/


body {
	background: url(http://homiewear4dogs.com/wp-content/themes/photo-gallery-dark-1/images/bckg.gif) repeat-y center;
	color: #333;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	margin: 0px 0px 0px 0px;
	}

body * {margin: 0px; padding: 0px;}

hr {
       clear:both;
       border: 0;
       margin-bottom: 20px;
}

a, a:visited { 
	color: #532E91;
	font-weight: bold;
        text-decoration: none;
	}
a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #663398;
	}
#container { 

	width: 860px;
	text-align: left; 
	margin: 20px auto 20px auto; 
	padding: 0px;
	overflow: hidden;
	}

ul li {
      list-style: none;
}


/************************************************
*	Header  									*
************************************************/

* html #header{ width: 860px; padding: 0px;}

#header {
	color: #333333;
	font-size: 24px;
	margin: 0px;
	padding: 0px 0 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	}
	
#header a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#header h1 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	background: #F7ECD8;
	}
	
#header h1 a, #header h1 a:visited {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
	
#header h1 a:hover {
	color: #fff;
	}

#headerleft {
	width: 320px;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}

	
#headerright {
	float: right;
	font-size: 12px;
	text-align: right;
	margin: 0px;
	padding: 10px 0 10px 0px;
	overflow: hidden;
text-transform: uppercase;
	}
	
#headerright p {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	text-decoration: none;
	}
#headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#headerright ul {
	margin: 0px;
	padding: 4px;
	}
	
#headerright ul li a {
	font-weight: bold;
	font-size: 12px;
	padding: 8px 10px 8px 10px;
	margin: 0px;
	}

#headerright form {
        margin-top: 15px;
}

/************************************************
*	Category Nav  									*
************************************************/
#catnav {
        padding: 5px;
        background: #532E91;
        border: 1px solid #fff;
        text-align: center;
        border-top: 0;
}

#catnav ul {
        margin: 0;
        padding-top: 4px;
}

#catnav ul li{
        float: left;
        margin: 0px;
        padding: 0;
}



#catnav a{
        float: left;
        margin: 0 5px;
        padding: 5px 15px 5px 5px;
        color: #fff;
        text-transform: uppercase;
        background: url(http://homiewear4dogs.com/wp-content/themes/photo-gallery-dark-1/images/dash.gif) no-repeat right;
}

#catnav .notice {
      color: white;
      float: right;
      padding: 2px;
}


/************************************************
*	HOME PAGE  									*
************************************************/


.thumbnail{
	float: left;
	width: 195px;
	height: 195px;
	margin: 10px 8px 50px 8px;
	background: #fff;
	display: inline;
	border: 1px solid #e7dedf;
	}

.thumbnail img {
	margin: 0 0 8px 0;
	border: 0px;
	padding: 0px;
	float: left;
	}	
.thumbnail img a {
	border: none;
	}	
.thumbnail:hover {
	border: 1px solid #663398;
	}

.thumbnail h1 {
        font-size: 12px!important;
        text-transform: capitalize!important;
        padding: 0!important;
}


#aboutbox { 
	color: #333;
        font-size: 14px;
        width: 600px;
        margin: auto;
	}

#content .thumbnail ul.post-meta {
       margin: 0;
       padding: 0;

}

#content .thumbnail ul.post-meta li {
      list-style: none;
      margin: 0;
      padding: 0;
}

#content .thumbnail ul.post-meta li .post-meta-key {
     display: none;
}


/************************************************
*	PAGE TEMPLATE 									*
************************************************/

* html #content_page  { width: 660px; padding: 0px; margin: 10px 0px 20px 50px;}

#content_page { 
	margin: 10px 100px 10px 100px;
	float: left; 
	padding: 0px 0px 15px 0px;
	}
#content_page p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#content_page p img{
	border: 10px solid #666;
	padding: 0px;
	margin: 0px
	}
#content_page h1 {
	color: #532E91;
	font-size: 20px;	
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 120%;
	font-variant: normal;
	text-align: left;
        text-transform: uppercase;
	}
#content_page h1 a  {
	font-size: 20px;	
	font-weight: bold;
	}



/************************************************
*	SINGLE POST  									*
************************************************/

* html #content { width: 860px; }

#content { 
	display: block;
	width: 860px; 
	margin: 10px 0px 10px 0px;
	float: left; 
	padding: 0px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#content p img{
	border: 1px solid #663398;
	padding: 0px;
	margin: 0 20px 0 0;
	}
#content h1 {
	color: #532E91;
	font-size: 20px;	
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 15px 0px;
        text-transform: uppercase;
	line-height: 120%;
	font-variant: normal;
	text-align: left;
	}
#content h1 a  {
	font-size: 20px;	
	font-weight: bold;
	}


#content h2 {
	color: #532E91;
	font-size: 18px;	
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	font-variant: normal;
	}



#content h3 {
	color: #532E91;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	text-align: left;
        text-transform: uppercase;
	padding: 0px 0px 10px 10px;
	}


#content h3 a:hover {
	text-decoration: underline;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	text-decoration: underline;
	}

#content ul li a:hover {
	text-decoration: underline;
	}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

#content form {
        margin: 5px 0;
}

#content form table {
        margin-bottom: 10px;
}

/************************************************
*	MISC 									*
************************************************/
#container .search h3 {
     margin-top: 20px;
     border-top: 1px solid #CBC3C4;
     text-transform: lowercase;
     font-size: 16px;
}

#navigation { 
	margin: 0px 0px 20px 0px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	font-size: 9px;
	text-transform: uppercase;
	}
#navigation a {	text-decoration: none; padding: 0px 8px;
	}

#tags { 
	text-align: center; 
	font-size: 9px;
	text-transform: uppercase;
	}

#comment_page { 
	display: block;
	background: #F7ECD8;
	margin: 10px 200px 10px 200px;
	float: left; 
	padding: 0px 0px 15px 0px;
	}

.postspace {
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}



/************************************************
*	COMMENTS 									*
************************************************/
#comments {
	width: 818px;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #fff;
        background: #FFF3F5;
        margin-bottom: 10px;
	}
#comments h3 {
	color: #532E91;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	text-align: center;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	border: 0;
	}

ol.commentlist li {
       border-bottom: 1px solid #dfd5c3;
}



/************************************************
*	Bottom "Sidebars"					     		* 
************************************************/

#bottom {
	width: 858px;
	margin: 0px auto;
        background: #e7dedf;
	}


	
#bottom h2 {
	font-size: 18px;
        color: #fff;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
        background: #532E91;
	}
	
#bottom h2 a, #bottom h2 a:visited  {
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

	
#bottom img{
	float: left;
	border: none;
	margin: 0px 0px 10px 0px;
	}
	
#bottom ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#bottom ul li{
	list-style-type: none;
	margin: 8px 0px;
	padding: 0px;
	}	
	
.bottomleft {
	float: left;
	width: 243px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
	}
	
.bottommiddle {
	float: left;
	width: 243px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
	}

.bottommiddle form div {
       margin-bottom: 25px;
}
	
.bottomright {
	float: right;
	width: 243px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
	}

.textwidget p {
       margin: 10px 0;
}

.textwidget p strong {
      display: block;
}

#headerright ul li.page-item-262 {
     display: none;
}

/************************************************
*	FOOTER 									*
************************************************/

#footer { 
	color: #666;
	font-weight: normal;
	padding: 30px 20px 20px 20px;
	text-align: center;
	clear: both;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	text-transform: uppercase;
	}
#footer a {
	color: #333;
	text-decoration: none;
	}
#footer a:hover {
	color: #663398;
	text-decoration: none;
	}


/*********************************************
	Forms and Contact Page
*********************************************/

#comments textarea {
margin: 10px 0;
}


/*********************************************
	WP 2.6 Image Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#content_page p img.alignnone {
  float: left;
  border: 0;
margin: 5px;
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  float: left;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
  margin-right: 20px;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }


