/* CSS Document */
/*
THEME NAME: TweebPress Demo
THEME URI: http://photolulu.com/tweebs/
DESCRIPTION: TweebPress: A clean and optimized, Twitter-inspired two-column theme with fixed-width, right-sidebar, custom header, threaded comments, sticky posts and widget-ready. Compatible with WordPress 2.7.x. Valid CSS & HTML.

Theme inspired and modified from Empty Canvas, Zindi and Kubrick themes. 

VERSION: 1.0 Beta
AUTHOR: Stephen C.
AUTHOR URI: http://www.photolulu.com

Tags: fixed-width, two-columns, right-sidebar, threaded-comments, sticky-post, blue, twitter, twitter tools

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import "reset.css";

/* Initial Layout */

#wrapper {
	width: 900px;
	background: #94D3DB;
	margin: 0 auto;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
}

#header {
        background: url('images/header.png') no-repeat;height:150px;
}

#header h1#title {
        font-family:Arial, Helvetica, Sans-Serif;
        font-size: 40px;
        font-style: normal;
        font-weight: bold;
        padding:40px 0 0 15px;
        text-transform:capitalize;
}

#header h1#title a {
        background-color:transparent;
/*        color:#336699; */
        font-weight:700;
        text-decoration:none;
}

#header #description{
        margin-left:20px;
        font-weight:500;
/*        color:#46B3C1; */
}

#menu {
	width: 880px;
	overflow: hidden;
	margin: 0 auto;
}

#menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 90%;
	padding: 10px;
}

#menu ul li a {
	color: #666666;
}

#menu ul li a:visited {
	color: #666666;
}

#menu ul li a:hover {
	color: #FF9900;
        text-decoration: none;
}

#container {
	width: 875px;
	overflow: hidden;
	margin: 15px auto;
/*	border: 1px solid #CCCCCC; */
}

#content {
	float: left;
	width: 570px;
}

#sidebar {
	float: right;
	width: 295px;
	margin-bottom: 10px;
}

/* Begin Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #C6E7EC;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	color: #0F2A2E;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

a {
	color: #F66EA5;
/*	color: #336699; */
	text-decoration: none;
}

a:visited {
        color:#F66EA5;
}

a:hover {
	text-decoration: underline;
	color: #FF9900;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

h3 {
	font-size: 1.3em;
	}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
        background-color: #FFFFFF;
	background-position: 12px 12px;
	color: #46B3C1;
	margin: 15px 15px;
	padding: 8px 15px 8px 60px;
}

.sep {
	color: #CCC;
	margin: 0 5px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

/* Post Entry */

.post {
	margin-bottom: 10px;
/*	padding-bottom: 10px; */
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px solid #C5E6EB;
/*	background: #C5E6EB; */
	background: #FFFFFF;
}

.post-title {
	font-size: 190%;
	line-height: 1.2;
	font-weight: normal;
/*	color: #FF9900; */
	color: #46B3C1;
}

.post-title a:link {
	color: #46B3C1;
}

.post-title a:visited {
	color: #46B3C1;
}

.post-title a:hover {
	color: #F66EA5;
	text-decoration: none;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 2px;
	padding: 3px;
	border: 1px solid #EFEFEF;
}

.post-meta a {
	color: #666666;
}

.post-content {
	margin-top: 15px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 18px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
	border: 1px solid #EFEFEF;
	padding: 5px 10px 5px 10px;
}

.post-tags {
	border: 1px solid #EFEFEF;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 85%;
}

.post-end {
	margin-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #EFEFEF;
}

.spost {
/*	display: block; */
	border: 1px solid #EFEFEF;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 40px;
	background: #C5E6EB;
}

.spost a {
	color: #FF9900;
	text-decoration: none;
}

.spost a:visited {
        color:#FF9900;
}

.spost a:hover {
	text-decoration: underline;
	color: #336699;
}

.page-subtitle {
	font-weight: 700;
	color: #336699;
	font-size: 90%;
	text-transform: uppercase;
	padding: 5px;
	border: 1px solid #EFEFEF;
	margin-bottom: 15px;
	background: #FFCC00;
}

/* Comments*/

.comments h3 {
	padding: 0;
	margin: 40px auto 20px ;
	border: 1px solid #EFEFEF;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentmetadata {
	font-weight: normal;
	font-size: 85%;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}

.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {
	border-left: 1px solid #ddd;
}

/* Form Elements */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
/*	padding: 1px; */

   cursor:pointer;
   border: solid 1px #ccc;
   background:#336699;
   color:#fff;
   font-weight:bold;
   padding: 1px 2px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

/* Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Wordpress Caption */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 20px 3px 20px 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
        font-weight: bold;
	line-height: 17px;
/*	padding: 0 4px 5px; */
	padding: 4px;
	margin: 0;
}

/* Sidebar */

#sidebar ul {
	margin: 0px;
	padding: 0;
	line-height: 1.3;
/* list-style:none; */
}

#sidebar li {
	padding: 3px 7px 7px 7px;
	background: #46B3C1;
 list-style:none; square;
}

#sidebar ul li li {
	font-size: 85%;
	line-height: 1.2;
	background: #C5E6EB;
	border-bottom: 1px solid #CCFFFF;
        background-position: .5em .6em;
	background-image: url(images/list.gif);
        background-repeat: no-repeat;
	padding-left: 20px;

}

.sidepanel {
	margin-bottom: 10px;
	padding: 8px;
	background: #46B3C1;
	border: 1px solid #CCFFFF;
}

.sidepanel h2 {
	text-transform:uppercase;
	color: #CCFFFF;
	padding: 0 0 3px 20px;
	font-size: 16px;
	font-weight: bold;
        background-image: url('images/sbtitleicon.png');
        background-repeat: no-repeat;
        background-position: left center;
	border-bottom: 1px solid #CCFFFF;
}

.sidepanel a:link {
	color: #336699;
}

.sidepanel a:visited {
	color: #336699;
}

.sidepanel a:hover {
	color: #F66EA5;
	background: #CCFFFF;
	text-decoration: none;
}

.sidepanel p {
	margin: 0px;
	line-height: 1.3;
	background: #C5E6EB;
	padding: 10px;
}
/*
.widget_tag_cloud {
	background: #C5E6EB;
}
*/

/* Footer */

#footer {font-size:10px; color:#AAAAAA;}
#footer a {font-weight:bold;}
#footer .footer-left{float:left; padding-top:10px;}
#footer .footer-right{float: right; padding:0px; margin:15px 5px 0 0;}
#footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;}
#footer .footer-right ul li {  display: inline; padding:0px; margin:0px; }
#footer .footer-right a img {opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30)}
#footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)}

/* Customs */

.widget {
	border:1px solid #c4c3c3;
	background-color:#242323;
}

#socialme {
        padding: 5px;
	background-color:#C5E6EB;
}

.msgbox {
         margin-bottom: 10px;
}

.msgbox p {
        padding: 5px 10px 5px 10px;
	font-size: 85%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.sticky {
	border:1px solid #F66EA5;
	background:#CCFFFF;
	padding: 10px;
}

img#wpstats{display:none}

.post img {
    max-width: 500px; /* Adjust this value according to your content area size*/
    height: auto;
}

.pg-navigation {
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
}

.share-box {
	border: 1px solid #FFFF99;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 50px;
	background-color:#FFFFCC;
}

.latest {
	border: 1px solid #FF99CC;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 15px;
	background-color:#FFCCCC;
}

#navmenu {
	width: 880px;
        padding: 8px 10px;
	overflow: hidden;
	margin: 0 auto;
}

#navmenu ul {
        margin: 0;
        padding: 0; 
	list-style-type: none;
        list-style-image: none;
}

#navmenu li {
        display: inline;
}

#navmenu ul li a {
        text-decoration:none;
        margin: 2px;
	padding: 3px 10px 5px 10px;
        color: #FFFFFF;
	background: #94D3DB;
}

#navmenu a:hover {
        color: #FF99CC;
	background: #CCFFFF;
	border-top: 4px solid #FF99CC;
}

.trackbacks h3 {
        color: #A9DBE2;
	padding: 0;
	margin: 40px auto 20px ;
	border: 1px solid #EFEFEF;
	}

.trackbacklist {
	border: 1px solid #EFEFEF;
	list-style: none;
	font-weight: bold;
	background: #A9DBE2;
	}

.spost-title {
	font-size: 190%;
	line-height: 1.2;
	font-weight: normal;
/*	color: #FF9900; */
	color: #46B3C1;
}

.spost-title a:link {
	color: #46B3C1;
}

.spost-title a:visited {
	color: #46B3C1;
}

.spost-title a:hover {
	color: #F66EA5;
	text-decoration: none;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:260px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 0 12px;}
.flickr_badge_image img {border: 1px solid white !important; padding:5px; background: #fff;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}