/*
Theme Name: Artichoked
Theme URI: http://www.artichoked.com/artichoked-wordpress-theme
Version: 1.0
Author: Brian Christopher
Author URI: http://www.artichoked.com/
Licence: GPL
  
Description: A modification of the Affair theme.
*/

h3 a:hover {text-decoration:none; } /* prevents underline on thumbnails */
#single-featured a:hover { text-decoration:none; }
.covers { }
div.rule { border-bottom: 1px solid #E6E6E6; margin: 25px 0 25px 0; height:1px; }
	
.wp-tag-cloud { width:120px; }
.wp-tag-cloud li { list-style:none; display:inline; }
.wp-tag-cloud li:after { content: ", "; }
.wp-tag-cloud li.last:after { content: "."; }

.service { width:170px; margin:0 35px 20px 0; float:left; font-size:12px; }
.service h1 { border-bottom:1px solid #E6E6E6;  }

.widget #s { width: 110px; margin-top:5px; border:1px solid #999; padding:3px; }
.widget #searchsubmit { margin-top: 0px; background-color: #aaa69b; border:0; width: 118px; height: 22px; color:white; font-size:11px; text-transform:uppercase; }

#twitter_div { padding: 0 20px 0 0; margin: 0 30px 10px 0; width:340px; height:350px; font-size:14px; float:left; }
#twitter_div li { margin: 5px 0 5px 0; padding: 6px 0 6px 0; border-top: solid 1px #E6E6E6; }
#twitter_div a:link { color:#FF9900; }

.postimage-lg { background-color: white; border:1px solid #ccc; margin:0 0 18px 0; width:auto; }
.postimage-sm { background-color: white; border:1px solid #ccc; margin:0 18px 18px 0; float:left; width:290px; }
/*.postimage-lg a:hover { border: 1px solid black; } */
/*.wp-caption a:hover {background: black; } */
.no-margin-right { margin-right: 0 }
/*#postnav {width:auto; padding:6px; border:1px solid #e5e2da; background-color:white; }*/ /* original style as white box */
#postnav { color:#aaa69b; width:auto; padding:0 0 15px 0; border-bottom:1px solid #e5e2da; background-color:none; margin:0 0 20px 0; }
#postnav a { color:#aaa69b; }
#postnav a:hover { color:#747472; }

ul#mycategories { font-size:18px; margin-top:15px; line-height:1.7em; color:#aaa69b; }
ul#mycategories a:link, ul#mycategories a:visited { color:#aaa69b; }
ul#mycategories a:hover, ul#mycategories a:active { color:#333; }
ul#mycategories li .current-cat { color:black; text-decoration:underline; }

div.categorylist { background-color:#dfdbd1; padding:2px 10px 2px 10px; font-size:11px;}
div.categorylist a {color:#333333; }
div.art { background-color:#E3CD82; }
div.design { background-color:#9DD9D2; }
div.sketchbook { background-color:#F4D568; }
div.illustration { background-color:#C9D1A5; }
div.photography { background-color:#E3CD82; }


ul.categories { list-style:none;  }
ul.categories li { font-size:18px; }
.current-cat { color:black; text-transform:underline; background-color:#fcfbf5; border-bottom:1px solid #edeae1; border-top:1px solid #edeae1; }
.current-cat a:link,.current-cat a:visited {color:black; }
.widget a:link { text-decoration:none; }


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	border:0;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	font-weight:400;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline
}

body
{
	background:#fcfbf5 url() no-repeat left 0; /* #edeae1 f5f4ed e6e3d8 */
	color:#747474;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:400;
	height:100%;
	line-height:150%;
	margin:0;
	text-align:left
}



/* GENERAL */

p a:link { color:#333; }

.more a,.more a:visited,.submit { background:#666; }

a:link,a:visited { color:#333; text-decoration:none; } /* changed from #747472 */
a:hover { color:black; text-decoration:underline; }

p { line-height:150%; margin:0 0 2em }
blockquote p { border-left:3px solid #EBEBEB; font-style:italic; padding-left:1em }
strong { font-weight:700 }
em { font-style:italic }
img { border:none }

h1,h1 a { color:#747472; font-size:24px; line-height:1.2em; margin:0px 0 1em }
h1 a, h2 a, h3 a { text-decoration:none }
h2 { color:#747472; font-size:16px; line-height:1.2em; margin:0 0 1em }
h3 { color:#747472; font-size:14px; line-height:1.2em; margin:0 0 1em; height:30px; }
h4 { color:#747472; font-size:12px; line-height:1.2em; margin:0 0 1em }
h5 { color:#747472; font-size:10px; line-height:1.2em; margin:0 0 1em }
h6 { color:#747472; font-size:8px; line-height:1.2em; margin:0 0 1em }

ul { list-style-position:inside; list-style-type:disc; margin:0 0 1em }
ol { list-style-position:inside; list-style-type:decimal; margin:0 0 1em }



/* MAIN DIVS */

#container
{
	background:#fcfbf5 url() repeat-y center 0;
	height:100%;
	margin:0 auto;
	width:830px;
}

#topnav { float: right; letter-spacing:normal; }

/*#top { background:#fff; height:20px; padding:10px 30px; width:770px; } */

#header
{
	background:#fff url(images/header.png) no-repeat left  0;
	padding:85px 20px 0 40px;
	width:770px;
	height:95px;
	border-bottom: 1px solid #dfdbd1;
	font-size:14px;
	letter-spacing:.05em;
	color:#aaa69b;
}

#content
{
	float:right;
	margin:0 0 0 0px;
	padding:20px;
	width:602px;
}

#sidebar
{
	background:#fcfbf5 url(images/sidebar.jpg) no-repeat right 0;
	float:left;
	margin:0;
	padding:0px 0px 30px 40px;
	width:146px;
	height: 600px;
	color:#aaa69b;
/}

#footer
{
	background:#fcfbf5;
	border-top: 1px solid #dfdbd1;
	clear:both;
	padding:10px 20px 70px 40px;
	width:770px;
	font-size:14px;
	color:#aaa69b;
}

#single
{
	margin:0 0 20px;
	padding:0px;
	width:602px;
}

#single-featured { margin:0 0 20px; padding:0px; width:600px; border: 1px solid #CCC; background-color: white; }
#single-featured h1, #single-featured ul.meta { margin: 10px; }
#single-featured h1 { /*border-bottom: 1px solid #CCC; padding-bottom:10px; */} /* set when date was shown */

.post { float:left; height:204px; width:190px; padding:0px; margin: 0 13px 30px 0; border: 1px solid #CCC; background-color: white; }

/*.post h1, .post h2, .post h3 { border-bottom: 1px solid #CCC; padding-bottom:10px; } */ /* set when date was shown */
.post h1, .post h2, .post h3, .post ul.meta, .post p { margin: 10px; } /* ugly override */
.post h3 { font-size:12px; }



/* IMAGE STYLES */

#content img,#content a img { border:0px solid #EBEBEB; display:block; margin:0 } /* margin-bottom needs to be 0 for caption to bump up against image */
#content a:hover img { border:0px solid #1b1b1b; margin:0; padding:0 }
#content img.alignright,.alignright { float:right; margin:0 0 0 1em; width:auto }
#content img.alignleft,.alignleft { float:left; margin:0 1em 0 0; width:auto }
#content img.aligncenter,.aligncenter,div.aligncenter {display:block; margin-left:auto; margin-right:auto }



/* LIST STYLES */

ul#promote {float:right; }
ul#promote li {float:left; margin-right: 20px; list-style:none; }

#topnav ul { list-style:none; margin:0 }
#topnav ul li { display:inline; margin:0 0 0 1em }

ul#nav { float:left; width:auto }
ul#nav li.current_page_item a,ul#subscribe li.current_page_item a { color:#666; text-decoration:none }

ul#subscribe { float:right; margin:0 -10px 0 0; width:auto }

ul.meta li.time,ul.meta li.comment,ul.meta li.name {
	background-position:0;
	background-repeat:no-repeat;
	display:inline;
	font-size:11px;
	list-style:none;
	margin:0 7px 10px 0;
	padding:1px 0 1px 0px; /* was 18px */
	text-transform:capitalize
}

/*ul.meta li.time { background-image:url(images/date.png) }
ul.meta li.comment { background-image:url(images/comment.png) }
ul.meta li.name { background-image:url(images/name.png) }
*/
#sidebar ul { list-style:none; list-style-position:outside; }
#sidebar ul li { margin-left:0px; padding:3px 0 3px 0px; }



/* LINK STYLES */

#topnav a:link,#topnav a:visited,#footer a:link,#footer a:visited, #header a:link, #header a:visited { color:#aaa69b; text-decoration:none }
#topnav a:hover,#topnav a:active,#footer a:hover,#footer a:active, #header a:hover, #header a:active { color:#666 }

#sidebar a:link,#sidebar a:visited { color:#aaa69b; text-decoration:none; } <!-- affects the tags links -->

.more a,.more a:visited { color:#FFF; display:block; margin:20px 0 0; padding:6px 0; text-align:center; text-decoration:none; width:120px }
.more a:hover,.more a:active { background:#141414; color:#FFF }

a:hover,a:active,h1 a:hover,#sidebar a:hover,#sidebar a:active { color:#1B1B1B }



/* MISC STYLES */

.widget { margin:30px 0 0; width:140px }
.clearfix { clear:both }

#newold { clear:both; padding:10px; width:440px }
.newer { float:left; width:220px }
.older { float:right; text-align:right; width:220px }

.wp-caption { padding:0; text-align:left; margin-bottom:0px; } /* had to set margin-bottom:0 since i want a border around both image and caption */
.wp-caption img { border:0 none; margin:0; padding:0 }
.wp-caption p.wp-caption-text { background:#dfdbd1; font-size:11px; line-height:1.5em; margin:0; padding:5px; color:#333; } /* dfdbd1 */

.hr { background:#e5e2da; clear:both; height:2px; margin:20px 0; width:600px }



/* COMMENT STYLES */

.avatar img { float:left; margin-bottom:10px; width:80px }

.commentcontainer { clear:left; float:left; width:140px;}
.commentername { float:left; margin:0 0px 20px 0; overflow:hidden; width:90px; }
.commentname { color:#747472; line-height:1.5em; }
.commentmsg { background:white; float:left; margin:0 0 20px 15px; padding:10px 10px 0; width:420px; border:1px solid #edeae1; }

.labels { clear:left; float:left; height:32px; margin:5px 10px 10px 0; width:100px; }

.form { background:white; border-bottom:1px solid #edeae1; border-left:1px solid #edeae1; border-right:1px solid #edeae1; border-top:1px solid #edeae1; color:#747472; float:right; font:12px Arial, Helvetica, sans-serif; margin:0 0 10px; padding:10px; width:420px; height: auto; }

.submit { border:none; clear:both; color:#FFF; float:right; font:12px Arial, Helvetica, sans-serif; margin:10px 0 0; padding:6px 0; text-align:center; text-decoration:none; width:120px; }
.submit:active, .submit:hover { background-color:#333333; }