/*  
Theme Name: Doodie Pack 3 column
Author URI: http://straightforwardgraphics.com
Description: Based on RockinMinimal theme
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

body {
	background:#292929;
	color: #292929;
	font-size: 13px;
	font-family:  Helvetica, Arial, Sans-Serif;
	margin: 0px auto;
	padding:0px;
	text-align:center;
	line-height:17px;
	letter-spacing:1px;
	}
a, a:visited{
color: red;
	text-decoration: none;
	}
	
 a:hover{
color:  #ff7878;
	text-decoration: none;
	}
	
img a:link, img a:visited{
color: #447fc6;
	text-decoration: none;
	}
	
img a {
color: #447fc6;
}
	
img a:hover{
	color: yellow;
	background: none;
	text-decoration: none;
	}

#header { 
	background: #000000;
	padding: 0px 0px 0px 0px;
	padding:0px;
	margin: 0px auto;
	width:980px;
	height:180px;
	text-align:left;
	font-size: 13px;
	}
	
.header-left-doodie{
margin-left:180px;
background: #000000;
float:left;
	text-align:left;
	z-index:1;

}

.header-left-logo{
	background: #000000;
float:left;
	margin:0px 0px 0px 0px;
	text-align:left;
	z-index:1;

}

.header-left-pack{
	background: #000000;
float:left;
	margin:0px 10px 0px 0px;
	text-align:left;
	z-index:1;
}



.header-center-image{
margin-left:95px;
	background: #000000;
float:left;
	text-align:center;
	width:150px;

}
.header-right-image {
	background: #000000;
float:right;
margin:2px 0px 0px 0px;
font-size:12px;
width:170px;
text-align:center;
/*margin-left:200px;*/
}
	
h1, h2{
margin:0px;
font-family: Arial, Sans-Serif;
font-variant: caps;
letter-spacing: 1px!important;
}	


h3{
	font-size:16px;
}


hr{
	height:1px:
	line-height:40px;
	margin:20px 0px 20px 0px;
	color: #447fc6;

}

#header h1 {
	color: #ffffff;
	font-size: 72px;
font-family: Arial, Sans-Serif;
	font-variant: caps;
font-weight:normal;
letter-spacing:-3px!important;
font-stretch: narrower;
	margin: 45px 0px 0px 0px;
	}

#header h1 a {
	text-decoration: none;
color: #ffffff;
	}
	
#description{
width:300px;
font-family:  Sans-Serif;
color:#ffffff;
font-size:18px;
font-family: Arial, Sans-Serif;
font-variant: caps;
font-weight:normal;
margin: 0px 0px 15px 300px;
}


#header h2{
font-size: 14px;
line-height:18px;
}

#header h2 a:hover {
color: #447fc6;
	text-decoration: none;
	}

#header h3 {
	color: #DDDDDD;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	}

#menu { 
clear:both;
width:990px;
/*	background: #000000 url(images/menubackground.gif) top repeat-x;*/
/*	border:1px solid #333333;*/
	color: #FFFFFF;
	margin:0px auto 2px 0px;
	padding: 0px 0px 5px 5px;
	font-size: 14px;
	/*text-align: center;*/
	}
	
#menulinks {
background: #000000;
text-align: center;
margin:0px;
padding: 0px;
font-size: 14px;
}

#menulinks li {
background: #000000;
font-size: 14px;
font-family:  Helvetica, Arial, Sans-Serif;
font-weight: bold;
list-style: none;
display: block;
float: left;
padding:5px 10px 5px 10px;
/*border-top:1px solid #8675ec;*/
border-right:1px solid #333333;
/*border-bottom:1px solid #8675ec;*/
}
	
	
#menulinks a, #menulinks a:visited{
font-size: 14px;
	color:yellow;
	text-decoration:none;
}

#menulinks a:hover {
font-size: 14px;
	color:white;
	text-decoration:none;
}


#container { 
	background: #ffffff  top repeat;
width:980px;
	text-align: left; 
	margin: 0px auto; 
	}

#content { 
/*clear:both;*/
float:left;
background: #ffffff top repeat;
width: 640px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	/*position:relative;*/
	padding: 10px 0px 0px 0px;
	}
			
#content p{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
		font-family:  Helvetica, Arial, Sans-Serif;
font-size:14px;
line-height:18px;
	}
	
#content p img{
/*	border: none;
	/*margin-right: 15px;
	margin-bottom: 10px;
	padding: 0px 5px 15px 0px;*/
	}
	
#content h1, #content-products h1 {
margin:0px 0px 10px 0px;
font-size:30px; 
line-height:20px;
letter-spacing:1px!important;
color:  #000000;
	font-family: Helvetica, Arial,  Sans-Serif;;
	font-weight: bold;
text-align:center;
	}
	
#content h1 a {
color:  #000000;
text-decoration: none;
	}

#content h1 a:hover {
	color: white;
	text-decoration: none;
	}
	
	

#content h2 {
font-size:24px; 
line-height:24px;
color:  #000000;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
text-align:center;
	}
	

	
#content h2 a  {
font-size:18px; 
line-height:24px;
color: #292929;
	text-decoration: none;
	}

#content h2 a:hover {
color: #447fc6;
	background: none;
	text-decoration: underline;
	}
	
.yellow {
color: yellow;
	font-size: 14px;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:right;
}
#content h3 {
/*  color #8675ec;*/
color: #447fc6;
	font-size: 16px;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin:1px 0px 10px 0px;
	line-height:22px;
	}

#content-products h3{
	color: #222222;
	font-size: 16px;
	font-family:  Helvetica, Arial, Sans-Serif;
	margin-bottom: 0px;
	text-align:left;
	}
	
#content h3 a  {
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
color: #447fc6;
	text-decoration: none;
	}

#content h3 a:hover {
color: #447fc6;
	text-decoration: none;
	}
	
#content h4 {
	font-size: 11px;
	font-family:  Helvetica, Arial, Sans-Serif;
	margin-bottom: 0px;
	}
	
#content h5 {
color: #447fc6;
	font-size: 15px;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
#content h5 a  {
font-size: 15px;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #447fc6;
	text-decoration: none;
	}

#content h5 a:hover {
	text-decoration: none;
	}
	
#content h6 {
        color: red;
        font-weight: bold;
        font-size: 14px;
}	

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
font-family: Tahoma;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
font-family: Tahoma;
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
font-family: "Trebuchet MS";
font-size:16px;
line-height:18px;
	list-style: square inside;
	margin: 0px 0px 10px 10px;
	padding: 5px 0px 0px 0px;
	letter-spacing:0px;
	}
	
#content ul li a,  #content ul li a:visited{
	color: #8675ecff;
	text-decoration: underline;
	}

#content ul li a:hover {
	color: white;
	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;
	}
	
.newsarchives,  .newsarchives p{
	font-size:11px;
}

.postspace {
	background: #ffffff;
	width: 590px;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	font-family:  Helvetica, Arial, Sans-Serif;
font-size:14px;
line-height:18px;
	}
.postspace2 {
	background: #ffffff;
	/*width: 620px;*/
	margin: 0px;
	padding: 0px 0px 10px 20px;
	font-family:  Helvetica, Arial, Sans-Serif;
font-size:14px;
line-height:18px;
	}
.postspace3 {
         background: #ffffff;
         width= 100%;
}
	
	

.welcome {
width: 290px;
margin:0px 0px 5px;
padding: 0px;
float:left;
line-height: 19px;
	}
.welcome p{
margin:0px;
padding: 0px;
line-height: 19px;
}


#r_sidebar { 
	color: #000000;
	background: #ffffff;
	width: 300px;
	float: right; 
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 8px 0px 15px 10px; 
	}
#r_sidebar p{
font-size:13px;
	margin: 0px;
	line-height: 16px;
	padding: 10px 0px 10px 20px;
	}
#r_sidebar h2 {
   font-size:24px; 
	line-height:24px;
color: #447fc6;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 10px 20px 10px;
	font-size:13px;
	}
	
#r_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size:13px;
	}
	
#r_sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 5px 0px;
	font-size:13px;
	}
#r_sidebar ul li a {
	text-decoration: none;
	font-weight:normal;
	}

#r_sidebar ul li a:hover {
	color: #ff7878;
	text-decoration: none;
	font-weight:normal;
	}

#footer { 
width:980px;
margin:0px auto;
	background: #1e1e1e; /*url(images/footerbackground.gif) bottom repeat-x*/;
color:white;
	border-top: 1px;	
	padding: 10px 0px 20px 0px;
	text-align: center;
	clear: both;
	}

#footer img {
	margin:8px 15px 5px 15px;
}
	
.extracolor{
	background: #333333;
}
	
fieldset{border:1px #444 dotted; margin-left:-12px; padding:12px;}
hr{color: #666; size:1px;}
select{border:1px #333 solid; background-color:#ddd;}
textarea{
	-webkit-border-radius:4px 2px;
	-khtml-border-radius: 4px 2px;
    border-radius:3px;
	-moz-border-radius:3px;
	background-color:#bbbbbb;
	border:1px #222 solid;
	}
input{ 
	-webkit-border-radius:4px 2px;
	-khtml-border-radius: 4px 2px;
    border-radius:3px;
	-moz-border-radius:3px;
	background-color:#aaa;
	border:1px #222 solid;
	}
	
	
	
	
.contact{
	width:400px;
	float:left;
	font-size: 12px;
}

.contactright{
	width:185px;
	/*float:right;
	margin-top:30px;*/
	margin:5px 0px 5px 35px;
	padding:5px;
	border:1px solid #447fc6;
	line-height: 18px;
}

.contactright h4, h4.contactright{
	font-size: 11px;
}

	
	.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 10px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color:#000000;
}

.wp-caption-text {
	font-size: 10px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color:#000000;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


.flickrframe {
	float: right;
	width:250px;
	margin:0px;
	padding:0px;
}

/* Sidebar gallery thumbnail */

#preview{
z-index:2;
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */
#twitter_div {
width:190px;
font-size:11px;
}
#twitter_update_list, #twitter_update_list ul, #twitter_update_list li, #twitter_update_list a, {

	font-size:11px;
}
#twitter-link{
font-size:10px;
}


#slideshow_1{
margin:0px;
padding:0px;
}

/*Products pages styles */

#content-products { 
/*clear:both;*/
float:left;
background: #ffffff top repeat;
	width: 860px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*margin-left: 115px;*/
	margin-right: 0px;
	/*position:relative;*/
	padding: 20px 0px 10px 20px;
	}
	
.products h2 {
font-size:16px; 
line-height:20px;
color: #447fc6;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
margin-left:600px;
	}
		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: left;
	padding:0px 0px 0px 0px;
	line-height: 18px;
}

.description{
	font-size: 95%;
	line-height: 18px;
}

#clear{
	clear:both;
}	

.monogramming_color{
font-weight:bold !important;
}

.monogramming_style{
	font-style:italic!important;
}
.dropdown_script{
font: oblique 13px "Times New Roman",Serif !important;
font-weight:bold !important;
background-color:#FFFFFF !important;
color:#000000;
}

.dropdown_roman{
font: normal 13px "Times New Roman",Serif !important; 
font-weight:bold !important;
background-color:#FFFFFF !important;
color:#000000;
}

.dropdown_plain {
font-size: 13px Verdana;
font-weight:bold;
background-color:#FFFFFF!important;
color:#000000;
}


.dropdown_red{
background-color: white;
font-size: 13px;
font-weight:bold;
color: red !important; 
}

.dropdown_blue{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #1e47a1!important;
}

.dropdown_black{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #000000 !important; 
}

.dropdown_silver{
background-color: white;
font-size: 13px;
font-weight:bold;
background-color:#666666!important;
color: #cccccc !important; 
}
.dropdown_yellow{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #ffc055!important; 
}

.dropdown_orange{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #ff4500 !important;
}
.dropdown_pink{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #e7b2c2 !important;
}

.dropdown_purple{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #693984;
}

.dropdown_teal{
background-color: white;
font-size: 13px;
font-weight:bold;
color: #68b5ff;
}
	

select {
 margin:3px 0px 3px 0px;	
 	background-color: #f3f3f3;
 	font-weight:bold;
 }
 
 option{
 color:#ffffff;
 margin:3px 0px 3px 0px;	
 	background-color: #000000;
 	font-weight:bold;
 }
 
 
 
 /*Front Page Image Map */
 #imap {display:block; width:620px; height:300px; background:url(http://doodiepack.com/wp-content/themes/doodiepack-3-column/images/Rufus_homepage.jpg) no-repeat; position:relative; 
border:0px;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #tailored {left:30px; top:100px; z-index:20;}
#imap #buckle {left:80px; top:180px; z-index:20;}
#imap #monogram {left:120px; top:60px; z-index:20;}



#imap #rugged {left:120px; top:160px; z-index:20;}
#imap #reflective {left:240px; top:20px; z-index:20;}
#imap #handle {left:340px; top:5px; z-index:20;}
#imap #compartments {left:340px; top:60px; z-index:20;}
#imap #keyhook {left:480px; top:60px; z-index:20;}
#imap #buckle2 {left:520px; top:160px; z-index:20;}

#imap a#link_tailored {display:block; width:75px; height:80px; text-decoration:none; z-index:20;}
#imap #link_buckle {display:block; width:80px; height:70px; text-decoration:none; z-index:20;}
#imap a#link_monogram {display:block; width:100px; height:80px; text-decoration:none; z-index:20;}
#imap a#link_rugged {display:block; width:100px; height:70px; text-decoration:none; z-index:20;}
#imap a#link_reflective {display:block; width:40px; height:128px; text-decoration:none; z-index:20;}
#imap a#link_handle {display:block; width:160px; height:30px; text-decoration:none; z-index:20;}
#imap a#link_compartments {display:block; width:120px; height:100px; text-decoration:none; z-index:20;}
#imap a#link_keyhook {display:block; width:100px; height:60px; text-decoration:none; z-index:20;}
#imap a#link_buckle2 {display:block; width:60px; height:60px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}


#imap a:hover span {position:absolute; display:block; color:#000;  
width:250px; height:100px; 
font-family:Arial, Helvetica, sans-serif; 
letter-spacing:0px;
line-height:16px; font-size:14px; 
text-align:left; padding:3px 3px 3px 3px; 
background:#ffffff; border:2px solid #000000;}

#imap a:hover span img {float:left; margin:0px 3px 3px 0px; border:1px solid #000; padding:0px;}

#imap a#link_buckle2:hover span {width:0.8em;}

 b.blue { 
	color: #0033FF;
	font-weight: bold;
}

/*Front Page Size Chart */

.sizechart {                
width: 160px; 
   float:left; 
margin-left:20px;
font-size:16px;
		}
		
.sizechart a:link,.sizechart a:visited {
	color:red;
}	

sizechart a:hover {
	color:white;
}		
			
			
#small{
width: 518px;
}	

#medium{
width: 518px;
margin-left:-180px;
margin-right: 400px;
}	

#large {
margin-left:-360px;
margin-right: 440px;
width: 518px;
}