/*
Theme Name: Collective Lens
Theme URI: http://www.collectivelens.com/
Description: Collective Lens Blog, Photography for Social Change
Version: 1.0
Author: Bryan Tighe, Laurie Tighe
Author URI: http://www.collectivelens.com/
Tags: photography, social change, gray, black
*/

#header
{
	background-image: url(../../../../images/logo_blog_trans.gif);
}

#menu
{
	height: 490px;
}
html>body #menu
{
	height: auto;
	min-height: 490px;
}

#sidebar
{
	margin:0px;
	padding: 0px;
}
#sidebar p
{
	margin: 5px 0px;
	padding: 0px;
}
#sidebar h2
{
	font-size: small;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}

.article h1 a
{
	text-decoration: none;
}
.article h1 a:hover
{
	text-decoration: none;
}

.article, #linktous
{
	margin: 3px;
}

.article h1
{
	font-size: x-large;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
	color: #e0e0e0;
	font-family:Arial, Helvetica, sans-serif
}

.article img, .articleinfo img
{
	margin: 2px 2px 4px 2px;
	display: block;
}
.article img.alignright
{
       margin: 10px 0 10px 10px;
       padding: 1px;
       border: 1px solid #666666;
}
.article img.alignleft
{
       margin: 10px 10px 10px 0;
       padding: 1px;
       border: 1px solid #666666;
}

.article p
{
	margin: 5px 0px 15px 0px;
        overflow: auto;
}

.article ol, .article ul
{
	width: 75%;
	margin: 20px;
}

.article li
{
	margin-bottom: 10px;
	list-style-position:outside;
}

.article .dateauthor
{
	font-size: x-small;
	color: #999999;
	font-style: italic;
	margin-bottom: 15px;
}

.article .titlebox
{
	display: block;
	margin-bottom: 15px;
	height:110px;
}

html>body .article .titlebox
{
	height: auto;
	min-height: 80px;
}

.article .titlebox .titletext
{
	width: 310px;
	float: left;
	margin-right: 12px;
}

.article .titlebox .titletext_nophoto
{
	float: left;
	margin-right: 12px;
}

.article .titlebox .titlephoto
{
	float: left;
	width: 410px;
	height: 110px;
	margin-bottom: 15px;
}

.article .photo-left, .article .photo-right, .article .photo-center
{
	font-size: x-small;
	color: #cccccc;
}
.article .photo-left img, .article .photo-right img, .article .photo-center img
{
    border: 1px solid #666666;
    padding: 1px;
}

.article .photo-left
{
	float: left;
	margin: 6px 10px 2px 0px;
}

.article .photo-right
{
	float: right;
	margin: 6px 0px 2px 10px;
}

.article .photo-center
{
	margin: 10px auto;
	width: 489px;
}

p.postmetadata
{
	font-size: x-small;
	color: #999999;
}
p.postmetadata a
{
	color: #aaaaaa;
}

.comments
{
	float: left;
	width: 450px;
}
.comments #comment
{
	width: 440px;
}

.commenter
{
	font-weight: bold;
}
.commenter a, .commentmetadata a
{
	text-decoration: none;
}

.commentlist
{
	margin: 0px;
	padding: 0px;
}

.commentlist li
{
	list-style-type:none;
	list-style-position:outside;
	margin: 10px;
	padding: 0px 0px 0px 10px;
	border-left: 3px solid #666666;
}

.articleinfo
{
	width: 270px;
	float: right;
	margin: 0px;
}
.articleinfo .bookmarks
{
	font-size: x-small;
	padding: 9px;
	margin: 10px 0px 10px 10px;
	text-align: right;
}
.articleinfo .org, .articleinfo .profile
{
	background-color: #303030;
	border: 1px solid #666666;
	padding: 8px;
	margin: 10px 5px 10px 10px;
	height: 100px;
}
.articleinfo .org
{
height: 120px;
}

.articleinfo .org a, .articleinfo .profile a, .articleinfo .bookmarks a
{
	color: #999999;
}

.articleinfo .org a:hover, .articleinfo .profile a:hover, .articleinfo .bookmarks a:hover
{
	color: #cc8c8c;
}

.articleinfo .org .title
{
	font-size: small;
	color: #dddddd;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
.articleinfo .org .title a
{
	color: #ffffff;
	text-decoration:none;
}
.articleinfo .org .title a:hover
{
	color: #cc8c8c;
	text-decoration:none;
}



#articles .navigation
{
    clear: both;
    font-size: 11px;
    color: #999999;
    margin: 10px 0px;
    padding: 0;
    height: 20px;
}
#articles .navigation .alignleft
{
    float: left;
    margin-right: 10px;
}
#articles .navigation .alignright
{
    float: left;
}
#articles .navigation a
{
    color: #999999;
    text-decoration: none;
    border: 1px solid #666666;
    padding: 3px;
}
#articles .navigation a:hover
{
    color: #cccccc;
    text-decoration: none;
}

blockquote i
{
    float: right;
    color: #999999;
    font-size: x-small;
}

.sharethislink
{
    margin: 20px 0px;
    color: #999999;
    clear: both;
}
.sharethislink a
{
    color: #999999;
}

.articleinfo .related-holder
{
	background-color: #303030;

	border: 1px solid #666666;
	padding: 8px;
	margin: 10px 5px 10px 10px;
}
.related
{
    color: #999999;
}
.related h3
{
    margin: 0px;
    color: #ffffff;
}
.related ul
{
    margin: 0px 0px 10px 20px;
    padding: 0px;
}
.related ul li
{
    margin: 0px;
    padding: 3px 0 0 0;
}
.related ul li a
{
    color: #999999;
}
.related ul li a:hover
{
    color: #cc8c8c;
}

.photo-500-center
{
    width: 505px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-500-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-333-center
{
    width: 338px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-333-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-640-center
{
    width: 645px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-640-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-334-center
{
    width: 339px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-334-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-400-center
{
    width: 405px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-400-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-343-center
{
    width: 348px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-343-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-434-center
{
    width: 439px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-434-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.photo-380-center
{
    width: 384px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.photo-380-center img
{
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}

.youtube-center
{
    width: 425px;
    margin: 10px auto 10px auto;
    font-size: x-small;
    color: #cccccc;
}
.youtube-center object
{
    text-align: center;
}
.vimeo-center
{
    width: 400px;
    margin: 6px auto 30px auto;
    font-size: x-small;
    color: #cccccc;
}
.vimeo-center object
{
    text-align: center;
}

.wp-caption
{
    margin: 10px;
    font-size: x-small;
    padding: 5px;
    color: #cccccc;
}
.wp-caption img
{
    text-align: center;
    margin: 0 0 4px 0;
    padding: 1px;
    border: 1px solid #666666;
}
.wp-caption p.wp-caption-text
{
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: x-small;
}

.alignnone
{
    margin: 10px 10px 10px 0;
}
.alignleft
{
    float: left;
    margin: 10px 10px 10px 0;
}
.alignright
{
    float: right;
    margin: 10px 0 10px 10px;
}
.article img.aligncenter
{
    margin: 10px auto;
    border: 1px solid #999999;
    padding: 1px;
}

.postcontent
{
	clear: both;
}