/*  
 *  Theme Name: The Artists Web Custom Template
 *  Theme URI: http://www.theartistsweb.net
 *  Description: Artists Web custom template (english)
 *  Version: 1.0
 *  Author: Chris Kirkland
 *  Author URI: http://www.mrkirkland.com/
 *  
 */

/* ---- Global ---- */
body {line-height: 1.5;}

.post h3  { 
float:left;
font-family:georgia,serif !important;
font-size:1.8em;
font-style:italic;
font-weight:normal;
line-height:1.2em;
margin:20px 0 0 !important;
width: 590px;
}
.post h3 a{ 
	color: #0099cc;
}

.author{
color: #333;
text-transform: none;
}
h5{
font-family:georgia,serif;
font-style:italic;
font-size: 14px;
}
.related-posts{
margin: 0 0 50px 0;
}
.related {
margin: 50px 0;
}
.related-posts li{
border:1px solid #CDE0E6;
font-family:georgia, serif;
font-size:16px;
margin:10px 0 15px;
min-height:50px;
padding:5px;
font-style: italic
}
.related-posts img{
padding: 0 10px 0 0;
float: left;
}


.avatar_img {
float: left;
margin: 0 20px 20px 0;
border: 1px solid #ccc;
padding: 5px;
}
.comment_body {
margin:30px 0 30px 80px;
border-bottom:1px solid #D9E5BF;
} 
.comment_body p, commentmetadata {
margin:5px 0 0 2px;
}

#respond {
color: #333;
}
.entry {
padding: 0 10px 0 0;
margin:0 0 30px;
}
.post {
padding: 0 10px 0 0;
margin:0 0 30px;
}

h3 {
font-size:153.9%;
font-style:italic;
font-weight:normal;
letter-spacing:0;
line-height:1.1em;
margin:4px 0 8px;
color: #333;
}

.postheading{
float: left;
}
.date {
line-height:1.5;
}
p.date {
color:#669900;
font-family:georgia;
font-size:18px;
font-weight:bold;
height:18px;
padding:9px 0 14px;
text-align:center;
width:42px;
}

#main-content #innerColumn {
display:inline;
float:left;
width:591px;
}

#main-content #narrowColumn, .spot_side {
float:right;
margin:50px 0 0;
overflow:hidden;
width:340px;
}



#main-content #wideColumn {
display:inline;
float:left;
margin:50px 20px 0 0;
width:595px;
}

#main-content #wideColumn h2 {
color:#777777;
font-size:150%;
margin-bottom:20px;
margin-top:20px;
}

input.bigButton{
background:#99CC22 url(http://www.theartistsweb.co.uk//img/site/bg-btn-signup.png) repeat-x scroll 0 0;
border:1px solid #669900;
color:#333333;
display:block;
font-family:Helvetica,Arial,Sans-serif;
font-size:13px;
font-size-adjust:none;
margin:20px 0 40px;
padding:6px 8px;
text-align:center;
text-decoration:none;
}

#blogHeader {
	margin: 40px 0px 30px 0px;
	padding-bottom: 4px;
	border-bottom: 2px solid #f1f1f1;
}

h2#blogTitle {
	display: inline;
	float: left;
	width: 300px;
	margin-right: 4px;
}

h2#blogTitle a {
	color: #000;
}

#blogHeader #searchBox {
	display: inline;
	float: right;
	width: 290px;
	margin-top: 8px;
}

#searchBox #searchField {
	display: inline;
	float: left;
	margin: 6px 8px 0px 0px;
}

#searchBox #searchButton {
	display: inline;
	float: left;
	margin-top: 2px;
}

#blogHeader #searchBox input.text { 
	background: #fff;  
	border: 1px solid #cee1e8; 
	width: 188px; 
	height: 22px; 
	margin: 0px; 
} 

#blogHeader #searchBox button {  
	width: 83px; 
	height: 32px; 
	margin: 0 9px 0 0; 
	text-align: left; 
	background: url(http://aw2.artwebdata.com/img/site/2009/artwork-left-search-button.gif) -2px 2px no-repeat;
	text-transform: uppercase; 
	color: #FFFFFF; 
	font-size: 100%;
	text-indent: -4000px;
}

#main-content #content #narrowColumn, .spot_side {
	margin-top: 0px;
}

#main-content #content #wideColumn {
	margin-top: 0px;
	overflow: hidden;
}

#main-content #content #outerColumn {
	margin: 0px 0px 0px 25px;
        float: right;
}

/* ---- Top Page ---- */

#featuredBoxContainer { float: right; margin: 0 0px 20px 20px; padding: 0; width: 200px; background: url(http://aw2.artwebdata.com/img/site/shadow.gif) bottom right!important; }
#featuredBox { margin: 0 5px 5px 0; border: 1px solid #aaa; }
#featuredBox h3 { padding: 8px; border-bottom: 1px solid #aaa; background: url(http://aw2.artwebdata.com/img/site/40-fade2.gif);  }
#featuredBox div { padding: 8px; }

#featuredBox img { float: left; margin: 4px; padding: 0px 5px 5px 0px; background: url(http://aw2.artwebdata.com/img/site/shadow.gif) bottom right!important; }
#featuredBox li { clear: left;  padding: 8px 5px; }

#featuredBox p { 
	text-align: justify; 
	clear: none !important; 
	display: inline; 
}

#latestPostsTitle {
	font-size: 180%;
}

#latestPosts {
padding: 20px 50px 0px 20px;
margin: 20px 0;
}
#latestPosts li {
border-bottom: 1px solid #D9E5BF;
}


#artround ul {
	padding-left: 8px;
}


.explanation { 
	font-size:0.9em;
margin:-3px 0 8px;
padding:8px;
text-align:left;
}

.postTime {
color:#0099CC;
font-size:14px;
margin:15px 0 0;
text-align:left;
text-transform:uppercase;
}
.postTime img {
background: none !important;
height:16px;
margin:0 6px 0 0 !important;
width:16px;
border: none !important;
padding: 0 !important;
}


#outerColumn #feed h3.title {
	margin-top: 0;
}


/* Art Round Hacks */
.entry table, .entry p { clear: left; }
.entry table { margin: 10px; }
.entry ul { clear: left; }
.imageList li { float: left !important; display: inline; }
.imageList li  { background: none !important; list-style: none !important; }
.normalList li { margin: .2em 1.2em; list-style: disc; }





#page { 
	color: #300;
}


img { background: none !important; }

/* ---- Side Bar ---- */

#container #main-content #narrowColumn #searchBox {
	margin-top: 60px;
	padding-bottom: 5px;
}

#main-content #narrowColumn #navigationBox {
	margin: 0px;
        height: 100%;
}

ul#recentPosts li {
	margin-bottom: 6px;
}

#main-content #narrowColumn #twitterBox {
	width: 340px;
}

#twitterBox ul li {
	margin-bottom: 6px;
list-style-type: none;
}

.widget_rss li, .widget_recent_comments li { text-transform: capitalize; }

#tag_cloud li { padding: 5px; line-height: 25px;}
#tag_cloud a { color: #F66; }
#tag_cloud { padding: 4px !important; }

.cat-item { text-transform: capitalize; }


/* ---- Main Area ---- */

#main-content #wideColumn h2#blog-title {
	margin: 0px 0px 0px 0px !important;
}

#innerColumn li { 
	margin: 0 0 50px 0;
	padding: 0; 
}

#innerColumn li img { 
	float: right; 
	margin: 0 0 10px 10px;  
	padding: 2px 5px 5px 0; 
	background: url(http://aw2.artwebdata.com/img/site/shadow.gif) bottom right;
}
#innerColumn h4 {
font-size:1.6em;
font-style:normal;
font-weight:normal;
letter-spacing:-0.9px;
line-height:1.1em;
}

#innerColumn p { 
	margin: 10px 0; 
        line-height:1.5em;
}

#spotlight { 
        margin:0 0 30px 0;
}

#spotlight li { clear: left; padding: 10px; border: 1px solid #CDE0E6; margin: 5px 0;}

#spotlight li img {  
	margin: 0 10px 0 0;  
	padding: 0 5px 5px 0; 
	background: url(http://aw2.artwebdata.com/img/site/shadow.gif) bottom right!important; 
        position:relative;
        float: left;
}

#spotlight p { 
	clear: none !important; 
        margin:5px 0;
}

#spotlight li p.postTime {
margin: 2px 0px 4px 0px;
color:#999999;
font-size:12px;
text-align:left;
font-family: georgia, serif;
text-transform: none;
font-weight: normal;
}


#spotlight h4 {
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif !important;
font-size:1em;
font-style:normal;
font-weight:normal;
line-height:1.2em;
margin:4px 0 8px;
}

/* ---- Posts ---- */


.fblike { height: 100px; float: right; width: 675px; text-align:right; position: absolute; padding: 0px; margin: 0px; z-index: 100; }
.fblike iframe { display: inline; margin-top: 70px; width: 40px; }

#mainPost {
border:1px solid #CDE0E6;
padding:17px 20px;
width:550px;
}
#mainPost img {
border:1px solid #CDE0E6;
padding:5px;
margin: 10px 0 15px;
}


#mainPost.entry img { 
	float: none;
	margin-top: 0px;
}
#mainPost h4 { 
float:left;
font-size:1.8em;
font-style:italic;
font-weight:normal;
letter-spacing:0;
line-height:1.2em;
margin:0 !important;
}
#latestPosts h4 { 
float:left;
font-size:1.6em;
font-style:italic;
font-weight:normal;
letter-spacing:0;
line-height:1.3em;
margin:4px 0 0;
width:520px;
}
#mainPost h4 a{ 
	color: #0099cc;
}
#mainPost .postReadMore {
background:url("http://www.theartistsweb.co.uk//img/site/bg-btn-signup.png") repeat-x scroll 0 0 #99CC22;
border:1px solid #669900;
color:#333333;
display:block;
font-family:Helvetica,Arial,Sans-serif;
font-size:13px;
font-size-adjust:none;
margin:20px 0 10px;
padding:4px 8px;
text-align:center;
text-decoration:none;
width:80px;
}

#mainPost .postReadMore a{
      color: #333;
}
#mainPost .postReadMore a:hover{
      text-decoration: none;
}
#mainPost .postReadMore:hover, #mainPost .postReadMore:focus {
background-position:0 -5px;
color:#111111;
}
.postReadMore {
background:url("http://www.theartistsweb.co.uk//img/site/bg-btn-signup.png") repeat-x scroll 0 0 #99CC22;
border:1px solid #669900;
color:#333333;
display:block;
font-family:Helvetica,Arial,Sans-serif;
font-size:12px;
font-size-adjust:none;
margin:10px 0;
padding:3px 6px;
text-align:center;
text-decoration:none;
width:70px;
}

.postReadMore a{
      color: #333;
}
.postReadMore a:hover{
      text-decoration: none;
}
.postReadMore:hover, .postReadMore:focus {
background-position:0 -5px;
color:#111111;
}


.entry h2 a { color: #000; } 
.entry h2  { margin-bottom: 0!important; border-bottom: 1px solid #ccc; clear: left; }


#main-content #wideColumn .sideBox p {
clear:left;
padding:5px 10px 10px;
}
.sideBox h3 {
background:#FFFFFF none repeat scroll 0 0;
color:#666666;
font-family:georgia,serif !important;
font-size:153.9% !important;
font-style:italic;
font-weight:normal;
margin:-12px 0 0 5px;
width:175px !important;
}
#main-content #wideColumn .sideBox {
border:1px solid #CCCCCC;
clear:right;
float:right;
margin:0 0 30px 30px;
width:205px;
}

.post ul { margin-top: 10px; }
.post li { margin: 10px; list-style: disc !important; list-style: inside !important }
.addThis { 
display:inline;
float:right;
margin:-5px 0 0;  }

a.addThis img { background: none!important; margin: 0!important; padding: 2px!important; float: left; }

.entry .postTime {
margin:15px 0 25px;
text-align:left;
text-transform:uppercase;
font-weight: bold;
color:#999999;
}

#mainPost.entry .postTime { 
        text-align:left;
        margin: 10px 0 20px 0;
}

#mainPost .postmetadata { background: none;  border-bottom: none;  border-top: none; font-size: .75em; margin:0; padding: 0; }

#mainPost .postmetadata a { color: #669900; }

.postmetadata { 
border-bottom:1px solid #D9E5BF;
border-top:1px solid #D9E5BF;
font-size:0.75em;
}

dt { color: #000; font-size: 1.2em; font-weight: bold; }
.highlight { margin: 10px 0; color: #C66; text-transform: uppercase; }

pre.code { padding: 10px; background: #eee; border-bottom: 1px solid #000;  border-top: 1px solid #000;  }

.tip { padding: 10px; background: #fafafa; border-bottom: 1px solid #D9E5BF;  border-top: 1px solid #D9E5BF;  }

/* ---- Comments ---- */

ol.commentlist li {
	margin-bottom: 10px;
list-style-type:none;
}

#commentForm {
	margin-top: 20px;
}

#commentForm label { 
	display: block;
	margin: 10px 0 4px 0; 
}

/* ---- Other Posts ---- */

.navigation { padding: 0 20px;}
.alignLeft { float: left; display: inline; }
.alignRight { float: right; display: inline; }

/* mostly for the art beat */

.entry img { 
	display: inline; 
	float: left; 
	clear: left; 
	margin: 10px 20px 20px 0;  
	padding: 0 5px 5px 0; 
	background: url(http://aw2.artwebdata.com/img/site/shadow.gif) bottom right!important; 
}


.entry div.aligncenter {
	width: 100% !important;
	text-align: center;
}

.entry div.aligncenter a {
	display: block;
	text-align: center;
}

.entry div.aligncenter img {
	display: inline;
	float: none;
	margin-bottom: 5px;
}

div.alignright {
	display: inline;
	float: right;
	margin-left: 8px;
	clear: both;
}

div.alignleft {
	display: inline;
	float: left;
	margin-right: 8px;
	clear: both;
}

/* general */

.clear {
	clear: both;
}

a:hover {
	text-decoration: underline;
}

strong {
font-weight:bold;
}
.entry p { margin: 10px 0; line-height: 1.5em;}
.imageRow img { float: right!important; margin: 10px;}
.imageRow { clear: both; }

/* Art round */
 #letter li { display: inline; } #letter li img { border: 1px solid #AAA; } #letter a img { border-color: #AAA; } .tinythumbnail { float: left; margin: 2px 4px; } #cloud { margin: 10px; background-color: #FFFAFA; border: 1px solid #DDD; text-align: justify; color: #333; line-height: 1.7em; clear: left; } #cloud b { display: block; float: left; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 5px 10px; margin-right: 4px; color: #AAA; font-size: 1.2em; } #cloud ul { padding: 12px; }  


.the_tags p{
font-size: 14px;
text-transform: uppercase;
margin: 20px 0 0 0;
color: #0099cc;
}
.the_tags img{
margin: 2px 5px 0 0 !important;
background: transparent !important;
float: left !important;
!important;
padding:0 !important;
border:medium none !important;
}
.the_time p{
font-size: 14px;
text-transform: uppercase;
margin: 5px 0 15px 0 !important;
color: #0099cc;
}
.the_time img{
margin: 3px 7px 0 0 !important;
background: transparent !important;
float: left !important;
!important;
padding:0 !important;
border:medium none !important;
}
.rssFeed {
clear: both;
}
.rssFeed img{
background: transparent !important;
float: left;
margin: 0 15px 0 0;
height: 32px;
width: 32px;
}
.rssFeed h3{
color:#0099CC;
font-size:1.2em;
line-height:2.1;
margin:1px 0;
}
.sidebar-items {
border:1px solid #CDE0E6;
clear:left;
margin:5px 0 30px;
padding:10px;
}
.aktt_tweets {
border:1px solid #CDE0E6;
clear:left;
margin:15px 0 30px;
padding:10px;
}
.sidebar-items li{
list-style-type: none;
}

.sidebar-items2 ul, .sidebar-items3{
border:1px solid #CDE0E6;
clear:left;
margin:15px 0;
padding:10px;
}
#wp_thumbie{
margin:10px 0 40px !important;
}
#wp_thumbie li{
border:1px solid #CDE0E6;
clear:left;
margin:5px 0;
padding:10px;
list-style-type:none;
}
#wp_thumbie_title a {
color:#669900 !important;
font-style:italic;
}
#wp_thumbie_title a:hover {
text-decoration: underline !important;
color:#669900 !important;
}

.children{
border: none !important;
margin:0 !important;
}