/*
Theme Name: photobloggingdc-theme
Theme URI: http://www.elegantthemes.com/themes/egallery
Version: 1.0
Description: 2 Column theme from ElegantThemes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com.  Code almost completely rewritten by Photoblogging DC, design elements from Elegant Themes.
Copyright.  No use permitted.
*/


@import url(css/reset.css);
@import url(css/utilities.css);

/* Contents
1. Page sections
2. Typography - baseline
3. Typography - except headings, links/lists, footer
4. Headings
5. Links/lists, except navigation, footer
6. Navigation
7. Footer
8. Commenting
9.  Miscellaneous
*/


	
/* 1. Page sections - size, margin, padding, background 
------------------------------------------------------------------------ */
body{
	-moz-opacity:.999;
	background-color: #1b1b1b;
}


#header {
	height: 84px;
	margin: 0px auto;
	width: 950px;
	background-color: #bc0707;
	border: 1px #f30505;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
	}
	
#subscribe{
	position: absolute;
	top: 10px;
	right: 10px;
}

#main {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	background-color: #3a3a3a;
	border:1px solid #4d4d4d;
	}
	
#photos{
	float: left;
	width: 716px;
	padding-top: 20px;
}
	
.photoblock{
	float: left;
	border: 1px solid #616161;
	background-color: #4d4d4d;
	padding: 9px;
	width: 192px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.photo_square{
	background-color: #000;
	height: 192px;
	width: 192px;
}

.photoinfo{
	background-color: #2e2e2e;
	width: 192px;
}

#singlephotos{
	width:600px;
	padding: 15px;
	float: left;
	border: 1px solid #616161;
	background-color: #4d4d4d;
	margin: 30px;
}
	
	
#page-content{
	padding: 20px 30px;
	width: 640px;
	float: left;
}

#sidebar1{
	width: 222px;
	background-color: #242424;
	float: right;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 13px;
	
}



		
#footer{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding-top: 15px;
	}
	

			
 /* 2. Typography - baseline
 ------------------------------------------------------------------------------ */
body {
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFF;
	line-height: 1.5;
	}

/* 3. Typography - except headings, links/lists, footer
--------------------------------------------------------------------------*/
p {
	padding-bottom: 6px;
	}
	
.photoinfo p, .photoinfo a{
	font-size: 10px;
	padding: 5px;
}
		
/* 4. headings
--------------------------------------------------------------------------------- */
h1 {
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	}

h2	{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.2;
	}

#main h2{
	font-size: 18px;
	padding: 30px 20px 10px 20px;
}

#main .photoinfo h2{
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
}

#main #page-content h2{
	padding: 20px 0;
}

#main #singlephotos h2{
	background-color: #333;
	padding: 10px 20px;
	margin: 15px 0px;
	
}

#singlephotos p{
	padding: 10px 20px;
}

#singlephotos p.information{
	padding: 0px 20px 10px 20px;
	color: #bbbbff;
	font-size: 10.5px;
}

#singlephotos ol{
	padding: 10px 20px 10px 40px;
}


#sidebar1 h2{
	font-size: 14px;
	padding: 10px;
}



#footer h2{
	padding: 5px;
	background-color: #222222;
	color: #dddddd;
	font-size: 12px;
	text-align: center;
}

h3	{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.2;
	}
	
h4 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	}


/* 5. Links/lists, except navigation menu
 -------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	}
	
a.nounderline:link, a.nounderline:visited{
	text-decoration: none;
}
	
#author-list a:link, #author-list a:visited, #category-list a:link, #category-link a:visited, #tag-list a:link, #tag-list a:visited{
	text-decoration: none;
}

#author-list a:hover, #author-list a:active, #category-list a:hover, #category-link a:active, #tag-list a:hover, #category-link a:active{
	text-decoration: underline;
}
	
a:link, a:visited {
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	padding: 2px;
}

a:hover, a:active {
	color: #ccc;
	padding: 2px;
	}
	
li {
	line-height: 1.3;
	font-size: 12px;
	padding: 0px 5px 0px 18px;
	}
	
ul {
	padding: 5px 10px 10px 10px;
	}
	
#singlephotos ul.post-categories{
	display: inline;
}
	
/* 6. Navigation
------------------------------------------------------------------- */
ul#nav_main{
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 0px;
	}
#nav_main li{
	display: block;
	float: left;
	margin: 0px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
}

#nav_main a:link, #nav_main a:visited, #nav_main a:hover, #nav_main a:active {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding: 15px;
	}
	
#nav_main a:link, #nav_menu a:visited {
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	}

#nav_main a:hover, #nav_main a:active {
	background-color: #900000;
	color: #fff;
	} 


	
/* 7. Footer
----------------------------------------------------------------- */
#footer {
	font-size: 11px;
	line-height: 1.2;
		}
		
/* 8. Commenting 
-----------------------------------------------------------------------------*/

.comments-bubble  {
margin-left:5px;
margin-right:5px;
background-image:url("images/comments.gif");
background-position: 0px 2px;
background-repeat: no-repeat;
color:#212A33;
float:left;
font-size:8px;
height:18px;
padding:0;
width:23px;
}

.comments-bubble a{
	padding-left: 8px;
	padding-bottom: 12px;
	padding-top: 0px;
	text-decoration: none;
}

.commenting{
	padding-left: 10px;
}

/* 9. Miscellaneous

-----------------------------------------------------------------------------*/

#previous-links{
	margin-left: 30px;
}

.sidebar-images{
	float: left;
	height: 53px;
	width: 53px;
	padding: 3px;
	background-color: #484848;
	margin-right: 4px;
	margin-bottom: 4px;
	}

.alignleft{
	float: left;
	padding: 10px 10px 10px 0px;
}

.floatleft{
	float: left;
	padding: 10px 10px 10px 0px;
}

.floatleftrss{
	float: left;
	padding: 0px 5px;
}

p.info{
	float: left;
}