/*
Theme Name: Titus Alpacas Theme
Theme URI: #
Description: 3 column theme 

Version: 1.0
Author: 
Author URI: 
Tags: 
*/



* {
	margin: 0;
	padding: 0;
/*	background-color: transparent;*/
}

/* Begin Typography & Colors */

body {
	color: #FFFDD9;
	font-family: Tahoma;
	font-size:12px;
	text-align: center; /* centers all elements in IE5.x/win */
	background: #ebdbab url(images/bg.jpg) repeat scroll 0 0;

}
.fullsize {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
.wrapper {
	width:980px;	
	font-size: 0.9em; 
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align: left;
}
#logo {
	float: left;
	padding-top: 30px;
	padding-left: 40px;
	margin: 0px;
	width: 270px;
}
#moreinfo {
	float: right;
	width: 300px;
	color: #453631;
	padding-top: 40px;
}
#moreinfo h1 {
	font-size: 15px;
	font-family:Trebuchet MS;	
}
#moreinfo h2 {
	font-family:Trebuchet MS;
	font-size: 27px;
	text-decoration: bold;
}
#topline {
	background: transparent url(images/top_line.jpg) repeat-x scroll 0 0;
	height: 30px;
	display: block;
	clear: both;
}
#footerline {
	background: transparent url(images/footer_line.jpg) repeat-x scroll 0 0;
	height: 12px;
	display: block;
	clear: both;
}
#main {
	background: transparent url(images/bg_main.jpg) repeat scroll 0 0;
	padding: 20px 0;
}
#leftnav {
	float: left;
	width: 175px;
	padding-left: 40px;
}

div.menu ul {
	list-style: none;
}
div.menu ul li {
	background: transparent url(images/menu_bckgr.jpg) repeat-x scroll 0 0;
}
div.menu ul li a, div.menu ul li a:visited, div.menu ul li a:active {
	font-size: 1.3em;
	color: #fffdd9;
	display: block;
	padding:12px 0 8px 20px;
}
div.menu ul li a:hover {
	color: #d4a350;
	text-decoration:none;
}
div.menu ul ul {
	background: transparent url(images/menu_bckgr.jpg) repeat-x scroll 0 0;
	padding-top:5px;
	list-style: none;
}
div.menu ul li ul li {
	background: none;
}
div.menu ul li ul li a, div.menu ul li ul li a:visited, div.menu ul li ul li a:active {
	font-size: 1.2em;
	color: #fffdd9;
	display: block;
	padding:5px 5px 5px 30px;
}
div.menu ul li ul li a:hover {
	color: #d4a350;
	text-decoration:none;
}
.post {
	padding-bottom:10px;
	width:540px;
}
.entry {
	padding-top: 15px;
}
.postmetadata {
	margin-top: 15px;
}
#sidebar{ /* shown on right hand side */
	float: right; 
	position: relative; /* Needed for IE/win */
	width: 180px;    
	padding-right: 20px;
	color:#000000;
	padding-top:0px;
	padding-bottom:7px;
	text-align:left;
	font-size:90%;
}

.navigation {
	width: 540px;
}
.navigation .alignright {
	width: 40%;
	float: right;
	background: transparent url(images/rarrow.gif) no-repeat top right;
	padding-right: 20px;
	text-align: right;
}
.navigation .alignleft {
	float: left;
	width: 40%;
	background: transparent url(images/larrow.gif) no-repeat top left;
	padding-left: 20px;
	text-align: left;
}

#centercol {
	margin-left: 220px;	
}

#textbox {
	clear: both;
	line-height:17px;
}
a.homelink:visited {color:#FFFDD9;}
a.homelink, a.homelink:link, , a.homelink:active {
	color:#FFFDD9;
	display:block;
	font-size:1.3em;
	padding:12px 0 8px 20px;
	vertical-align:middle;
}
a.homelink:hover {
	color: #d4a350;
	text-decoration:none;
}

#footer {
	clear:both;
	color:#554e42;
	font-size:0.9em;
	font-weight:normal;
	margin:0 auto;
	padding:5px 0 15px;
	position:relative;
	text-align:center;
	width:980px;
}
#footer ul {
	padding-left:40px;
	list-style: none;
}
#footer ul li {
	float: left;
	font-size:10px;
	padding:0 10px;
	text-transform:uppercase;
	border-right: 1px solid #554e42;
}
#footer p {
	margin: 10px 50px 0;
	color: #554e42;
	text-align:left;
	float:left;
}
#footer a, #footer a:visited, #footer a:active { color: #554e42; }
#footer a:visited { color: #FFFDD9; }
#footer a:hover { text-decoration: none; }
#footer hr {
	color: #944;
	margin: 0;
	background: #944;
	height: 5px;
}
#footer img{ vertical-align:middle; }
small, div.postmetadata {
	font-size: 0.9em;
	line-height: 1.5em;
}
#bigimage {
	background: transparent url(images/bigimage.png) no-repeat top left;
	padding: 5px;
	height:460px;
	width: 540px;
}
#bigimage p {
	font-size: 2.4em;
	padding: 4px 15px;
}

/* Gallery styles */
.ngg-galleryoverview {
	width: 540px;
}
.ngg-gallery-thumbnail-box {
	float: left;
	background: transparent url(images/gallery_pic.png) no-repeat top left;
	width: 158px;
	height: 121px;
	padding: 8px;
}

ul.productspage {
	list-style: none;
	width: 540px;
}
ul.productspage li {
	float: left;
}
/* News Styles */
#news-head {
	background: transparent url(images/news_head.png) no-repeat top left;
	width: 167px;
	height: 16px;
}
#news-back {
	background: transparent url(images/news_back.png) repeat-y top left;
	padding:5px 15px;
	width:137px;
}
#news-foot {
	background: transparent url(images/news_foot.png) no-repeat top left;
	width: 167px;
	height: 20px;
}
#news h4 {
	color: #633d29;
	font-size: 1.5em;
	padding-bottom: 10px;
	text-transform: uppercase;
	text-align:center;
}
p.newstitle {
	color: #633d29;
	font-size:1em;
	font-weight:bold;
	padding-bottom:10px;
}
#news-back p {
	color: #844f13;
}
#copyright {
	float: right;
}
a.more, a.more:active, a.more:visited {
	color: #844F13;
	font-weight: bold;
}
a.more:hover {
	text-decoration: underline;
}
.hentry {
	border-bottom: 1px solid #e0d6c4;
}
div#widgetshoppingcart {
	color:#FFFDD9;
	font-size:1.1em;
}




#sidebar ul{ /* shown on right hand side */ 
	font-size: 100%;
	list-style-type : none;
	overflow: hidden;
}
#sidebar h3  {
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#sidebar ul ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#sidebar ul li{
margin:5px 5px 5px 5px;
padding:7px 0px 7px 0px;
border: 0px solid blue;
display:block;z-index: 10;
list-style: none;
}
#sidebar ul li.backLava {
border: 0px dashed #CC3300;
background-color:#d1dd83;
width: 4px;
position: absolute;
z-index: 1;
margin: 0 0px;
padding:0px;
}
#sidebar ul li a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 10px;
	color:#fffdd9;
	z-index: 10;
	text-decoration : none;
	position: relative;
}
#sidebar ul li a:hover {
	color : #fffdd9;
	text-decoration : underline;
}

#sidebar h2 {
	color: #fffdd9;
	font-size:1.5em;
}

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}


* html #header {background-position: 10px 0px;}
#content {font-size: 1.2em}
.widecolumn .entry p {font-size: 1.2em;}
.alt {background: #fff;}
li.alt {background: #fff;}

.postmetadata a {text-decoration: none;}

.entry p a:visited { color: #FFFDD9; }
.more-link {
	font-weight: 600;
	font-size: 1em;
}
.dateright {
float: right;
padding: 5px;
padding-top: 0px;
}
#commentform p {font-size: .9em;}
.commentmetadata {
font-weight: normal;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #D4A350;}
.postmetadata {
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
border: none;
}
h2 a:hover, h3 a:hover {
color: #a8b772;
text-decoration: none;
}
a:link {
text-decoration:none;
color:#fffdd9;
}
a:active {
text-decoration:none;
color:#fffdd9;
}
a:visited {
text-decoration:none;
color:#FFFDD9;
}
a:hover {
text-decoration:underline;
color:#fffdd9;
}
/* End Typography & Colors */

/* Begin Structure */
.posttitle {
	margin-right: 20px;
	margin-left: 20px;
	padding: 10px 0px;
}
.post .entry p {
	margin-bottom: 10px;
}
.post hr {
	display: block;
}

.clear {
	
}
div.clear {
	width: 100%;
	clear: both;
}
.whitespace {
height: 20px;
background: #fff;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 0 4px 2px 4px;
margin: 0 0 0 7px;
display: inline;
}

img.alignleft {
padding: 0 4px 0px 4px;
margin: 0 7px 0 0;
display: inline;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {float: left;}
.alignright {float: right;}
/* End Images */
/* Begin Lists */

html>body .entry li {}
.entry ul li:before, #sidebar ul ul li:before {}
.entry ol {
margin-left: 35px;
margin-bottom: 15px;
}
.entry ol li {}
.entry ul li ul li, .entry ul li ul li ul li {font-size: 100%;}
.entry ol ol, .entry ol ul {font-size: 100%;}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
	width: 130px;
	background-color: #f5f5f5;
	border: 1px solid #a8b772;
}

/* End Form Elements */
/* Begin Comments*/
.alt {
background: #fff;
margin: 0;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border: none;}
blockquote {
margin: 15px 30px;
padding: 10px;
border: 1px dotted #a8b772;
background: #f8f8f8;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}

/* End Various Tags & Classes*/
/* Date Button */
.post-date {
width: 40px;
height: 43px;
float: left;
background: url(images/datebutton.gif);
text-align: left;
}
.month {
width: 35px;
height: 12px;
vertical-align: top;
font: 500 11px Arial,sans-serif;
color: #666;
text-align: center;
margin:0;
border:0px solid red;
}
.day {
width: 35px;
padding-top: 1px;
padding:1px 0 0 0;
margin:0;
vertical-align: bottom;
height: 16px;
font: 700 16px Arial,sans-serif;
color: #a8b772;
text-align: center;
border:0px solid blue;
}
/* miscellaneous */
.byline { /*margin-bottom: 15px;*/}
p.first:first-line {
font-weight: 600;
color: #666 !important;
}
.tiny-pencil {
padding-right: 14px;
background: url(images/tiny-pencil.gif) no-repeat top right;
margin-right: 2px;
}
.tiny-trackback {
padding-right: 9px;
background: url(images/tiny-trackback.gif) no-repeat top right;
}
.tiny-comments {
padding-right: 16px;
background: url(images/tiny-comments.gif) no-repeat top right;
}
.tiny-rss {
padding-right: 16px;
background: url(images/tiny-rss.gif) no-repeat right;
}
.tiny-category {
padding-right: 12px;
background: url(images/bullet.gif) no-repeat right;
}
/* Threaded Comments */
/* miscellaneous elements */
pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
}

/* threaded comments */
h3#comments {margin-left: 15px;}
ol.commentlist * {
text-decoration: none !important;
max-width: 500px;
}
ol.commentlist {list-style:none; margin:10px 0 15px 15px; padding:0; text-indent:0;}
ol.commentlist li {
font-size: .9em;
font-weight: 500;
font-family: Helvetica,Arial,sans-serif;
padding:10px
margin:10px;
border:0px solid #fffdd9;
background:#F0F4D6;
}
ol.commentlist li li {border-left: 1px dashed #ccc;}
ol.commentlist li.alt {background: #fff;}
.commentmetadata {font-size: .8em;}
.comment-author .vcard {
margin-bottom: 10px;
width: 100%;
height: 75px;
background: #fff;
}
ol.commentlist li div.vcard img.avatar { float:left;margin-right: 10px;}
ol.commentlist li div.comment-author {}
ol.commentlist li div.reply {font-size: .9em;margin-top: 5px;}
ol.commentlist li div.reply a {width: auto;background: url(images/tab-background.gif) repeat-x bottom;padding: 0px 5px;text-decoration: none;border: 1px solid #ccc;border-top: 2px solid #ccc;}
ol.commentlist li div.commentmetadata { text-align: right;clear: both;width: 100%;border-top: 1px dashed #ccc;
padding: 10px 0px;
}
cite.fn {
font-size: .8em;
}
.says {
display: none;
}
ol.commentlist li.comment ul.children li {
font-size: 100%;
}
/* miscellaneous stuff */

/* Entry Forms */
.entry fieldset {
padding: 20px;
border: 1px dotted #ccc;
}
.entry legend {
height: 30px;
background: #fff url(images/tab-background.gif) repeat-x bottom;
border: 1px solid #ccc;
border-bottom: 2px solid #ccc;
font-family: Helvetica,Verdana,Geneva,Arial;
padding: 7px 5px 3px 5px;
font-size: 1.2em;
}
fieldset p {
margin-top: 15px;
}
.entry input.radio {
margin: 0;
}
.entry table {
margin-bottom: 15px;
}
.entry table th, .entry table td {
border: 1px solid #ccc;
border-collapse: collapse;
}
.entry table th {
background: #fff url(images/tab-background.gif) repeat-x bottom;
font-weight: 600;
padding: 10px;
}
.entry table td {
padding: 4px 10px;
}
/* misc */
hr {
color:#ddd;
background-color:#ddd;
height:1px;
border:none;
margin: 10px 0px;
}
fieldset, form {
text-align: left !important;
}
/* misc styles */
.textpadder, .boxpadder {padding: 0px 30px 10px 30px;}
.skiplink, .hide{display:none;}
/* widget styling */
.cat-item {display:block; border:0px solid red;margin:0 10px !important; padding:2px 7px !important;font-size:90%;}
.cat-item a {display:inline; border:0px solid blue;margin:0px !important; padding:0 !important;}
.recentcomments {display:block; font-size:80%; padding:2px 7px !important;margin:0 10px !important;z-index:10;}
/* styles for showing code. for use with wp-syntax plugin */
.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow: auto;
  width: 95%;
  margin:auto;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
}
/* end of styles for showing code. for use with wp-syntax plugin */
http://www.titusalpacas.com/