/*  
Theme Name: PhotoGenic (limited)
Theme URI: not available as a download
Description: Simple, Effective & Fast CMS. Private Portofolio of Ula Mirowska
Version: 0.1
Author: Daddo
Author URI: http://www.productions.driftkikker.com

	Photogenic v.0.1 (limited edition)

	This theme was designed and built by Daddo,
	whose website you will find at www.driftkikker.com/ and www.productions.driftkikker.com

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

*/

/* UI Tabs */
@import url(css/tabs.css);


/* @group Base */
/*-----------------------------------------------------------
 - BASE STRUCTURE -
 -----------------------------------------------------------*/
div#photogenic {
	width: 820px;
	margin: 0 auto;
	font-size: 1.1em;
	padding-right: 5px;
	padding-left: 5px;
	color: #666;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font: 70% Trebuchet MS, "Lucida Grande", Lucida, Verdana, sans-serif;
}
* {
	padding: 0;
	margin: 0;
}

/*--// img //-->*/
div.items img, div#content img, div#container img {
	background-color: white; 
	padding: 3px; 
	border: solid 1px #ddd;
	margin: 0.3em;	
}
div.items img:hover, div#content img:hover, div#container img:hover {
	background-color: #ccc;
}
div.photo {
	width: 800px;
	height: 530px;
	background-position: center center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 3px;
	margin: 3px 0 3px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 3px;
	display: inline;
	margin: 3px 7px 3px 0;
}

/*--// misc //--*/

blockquote {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 65px;
	padding-right: 10px;
	background: url(img/bquote-ico.png) no-repeat;
}
blockquote p {
	border-left-style: solid;
	border-left-color: #ccc;
	padding-right: 10px;
	padding-left: 10px;
}
/*--// links //--*/

a:link, a:visited {
	color: #333;
	text-decoration: none!important;
	}
/*.main a:link, .main a:visited {
	color: #009C00;
}
.main a:hover {
	color: #008000;	
}*/
a:hover { 
	color: #ccc;
}
/*--// floats //--*/

.right {
	float: right;
}
.left {
	float: left;
}
.unit:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* @end */

/* @group Typography */
/*-----------------------------------------------------------
 - TYPGRAPHY STRUCTURE -
 -----------------------------------------------------------*/

h1 {
	font: italic 2.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div#title a {
	color: #bbb;
}
h2 {
	text-align: left;
	font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.main h2 a {
	color: #333;
}
div#s-entries h2 {
	border-bottom: 1px solid #ccc;
}
h3 {/* Sub-Title used across the website */
	font-size: 1.4em;
	color: #bbb;
}
#block h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	padding-top: 3px;
}
h3.a-title {
	font-size: 1.8em;
}
h4 {
	font-style: italic;
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
}
p {
	color: #333;
	text-align: justify;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group Header */
/*-----------------------------------------------------------
 - HEADER STRUCTURE -
 -----------------------------------------------------------*/
div#header {
}
div#description {
}
div#title {
	padding-top: 10px;
	text-align: right;
}
div#title a:hover {
	color: #333;
}
ul#logo li {
	
}
/*--// navigation // --*/
div.more {
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	font-weight:bold;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}
div.more a {
	display: block;
}
div.more:hover {
	border-bottom: 1px solid #888;
}
div#nxt-prv{
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	color: #666;
}
div#nxt-prv a {
	font-weight: bold;
}
div#nxt-prv-btm{
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #666;
}
div#nxt-prv-btm a {
	font-weight: bold;
}
div#spacer {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

/*--// page navigation //--*/

#pages {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
#nav {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
	
#nav ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

#nav a {
	color: #333;
	display: block;
	font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0px;
	padding: 0px 10px 11px 10px;
	}
	
#nav a:hover {
	color: #aaa;
	display: block;
	text-decoration: none;
    margin: 0px;
	padding: 0px 10px 11px 10px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 14em;
	text-align: left;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #fff;
	width: 14em;
	float: none;
	margin: 0px;
	padding: 8px 10px 8px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	
#nav li li a:hover, #nav li li a:active {
	color: #000;
	background: #efefef;
	padding: 8px 10px;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul {
	left: auto;
	}

/* End Navigation */

.warning {
	padding-left: 130px;
	background: url(img/gevaar-ico.png) no-repeat;
	height: 130px;
}

/* @end */

/* @group Page(s) */
/*-----------------------------------------------------------
 - PAGE STRUCTURE -
 -----------------------------------------------------------*/
div.main {
	margin-bottom: 0.6em;
	display: inline;
}
/*--// posts //--*/
div.items {
	width: 34.2em;
	float: right;
}
div.items a:hover {
	border-bottom-style: none;
}
div.posts {
}
div#post {
}
div.related {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
div.entries {
	width: 360px;
	text-align: justify;
	padding-left: 10px;
	padding-bottom: 10px;
}
div.entries p {
	padding-bottom: 10px;
}
div.entry-meta {
	padding-top: 5px;
	color: #ccc;
}
div.folio {
	width: 820px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

/*--// single //--*/
div#single {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	z-index: 1
}
div#single li {
	list-style-image: url(img/marker.gif);
	list-style-position: inside;
}
div.s-entries {
	text-align: justify;
}
div#content {
	padding-bottom: 10px;
	padding-top: 5px;
}
div.horizont{
	padding-top: 5px;
	padding-bottom: 5px;
}
div#share {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.wordtube{
	width: 26em;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*--// This tags are used on pages and posts to create more ordered content display //--*/

div#block {
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	list-style-type: none;	
}
div#col-x1 {
	width: 40em;	
	padding-right: 5px;
	padding-left: 5px;	
}

div#col-x1a {
	width: 50em;	
	padding-right: 5px;
	padding-left: 5px;	
}
div#col-x2 {
	width: 390px;	
	padding-right: 5px;
	padding-left: 5px;	
}
div#col-x3 {
	width: 24em;
	padding-right: 5px;
	padding-left: 5px;	
}
div#col-x4 {
	width: 17em;
	padding-right: 5px;
	padding-left: 5px;	
}

div#archives {/* Archives Page */
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	position: relative;
	list-style-type: none;
}
div#archives li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
	list-style-image: url(img/marker.gif);
	list-style-position: inside;
}
div#archives ul li a{
}
div#archives li:hover {
	border-bottom: 1px solid #333;
}
div#archives li.categories {
	border-style: none;
}
div#a-month {
	width: 24em;
	padding-right: 5px;
	padding-left: 5px;
}
div#a-year {
	width: 24em
}
div#a-cat {
	width: 24em;
	padding-right: 5px;
	padding-left: 5px;
}
div#a-tagcloud {
	float: left;
	padding-bottom: 10px;
	position: relative;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 73.1em;
}
div#a-tagcloud h3 {
	padding-bottom: 5px;
	padding-top: 5px;
}
/*--// content lists //--*/

#content ul {
	list-style: none;
	}
#content ul li {
	color: #333;
	overflow: hidden;
	padding-left: 20px;
	font-size: 1.2em;
	padding-top: 3px;
}

/* @end */

/* @group Sidebar */
/*-----------------------------------------------------------
 - SIDEBAR STRUCTURE -
 -----------------------------------------------------------*/
div#sidebar {
	padding: 10px;
}
div#sidebar p {
	text-align: justify;
	padding-bottom: 10px;
}
div#bar-1 {
	float: right;
	width: 40em;
}
div#info {
	width: 30em;
	float: left;
	padding-bottom: 10px;
}
div#about {
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

/*--// search //--*/

div#search {
	padding-bottom: 18px;
	border-bottom: 1px solid #ccc;
}
.textarea, input {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0.2em;
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #9a9a9a;
	border-left: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url(images/form_shadow.gif) 0 0 repeat-x;
}
#searchform {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.submit {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0.2em;
}

/*--// feed //--*/

div#feedburner {
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
} 
div#rss_form {
	background: url(img/feed-ico.png) no-repeat right center;
	padding-right: 130px;
}
div#rss_note {
	text-align: justify;
	padding-top: 5px;
}
/* -- Tabs -- */
div#container {
	text-align: justify;
}
div#container a {
}
/*- tab-1 -*/
div#container div#tab-1 {
	list-style-type: none;
}
div#container div#tab-1 h2 {
	border-bottom: 1px solid #ccc;
}
div#container div#tab-1 ul li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
}
div#container div#tab-1 ul li:hover {
	border-bottom: 1px solid #333;
}
/*- tab-2 -*/
div#container div#tab-2 {
	list-style-type: none;
}
div#container div#tab-2 h2 {
	border-bottom: 1px solid #ccc;
}
div#container div#tab-2 ul li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
}
div#container div#tab-2 ul li:hover {
	border-bottom: 1px solid #333;
}
div#links{
	float: left;
	width: 18em;
	padding: 5px;
}
div#social {
	float: right;
	width: 18em;
	text-align: center;
	padding: 5px;
}
div#social h2 {
	text-align: left;
}
div#social a {
	display: inline;
}
#social ul {
	display: inline;
}
/*- tab-3 -*/
div#container div#tab-3 {
	list-style-type: none;
}
div#container div#tab-3 h2 {
	border-bottom: 1px solid #ccc;
}
div#container div#tab-3 ul li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
}
div#container div#tab-3 ul li:hover {
	border-bottom: 1px solid #333;
}
/*- tab-4 -*/
div#container div#tab-4 {
	list-style-type: none;
}
div#container div#tab-4 h2 {
	border-bottom: 1px solid #ccc;
}
div#container div#tab-4 ul li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
	list-style-image: url(img/marker.gif);
	list-style-position: inside;
}
div#container div#tab-4 ul li:hover {
	border-bottom: 1px solid #333;
}
/*- tab-5 -*/
div#container div#tab-5 {
	list-style-type: none;
}
div#container div#tab-5 h2 {
	border-bottom: 1px solid #ccc;
}
div#container div#tab-5 ul li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
	display: inline;
}
div#container div#tab-5 ul li:hover {
	border-bottom: 1px solid #333;
}

/*--// specific widgets support //--*/

li#recent-posts.widget a{/* Recent Posts */
	display: block;
}
li#links.widget {/* Links (Blogrole) */
	padding: 5px;
}
li#links.widget a {
	display: block;
}
li#archives.widget {/* Archives */
	padding: 5px;
}
li#archives.widget ul li a {
	display: inline;
}
li#tags.widget a {/* Tags */
	display: inline;
}
li#flickrrss.widget img a {/* Flickr RSS */ 
	display: inline;
}
li#flickrrss.widget {
	text-align: center;
}
li#flickrrss.widget h2{
	text-align: left;
}
/* @end */

/* @group Footer */
/*-----------------------------------------------------------
 - FOOTER STRUCTURE -
 -----------------------------------------------------------*/
#credits {
	clear: both;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	font-size: 0.8em;
}
#credits a {
	color: #bbb;
}
#credits li a:hover {
	border-bottom: 1px solid silver;
}
#credits ul {
	color: #666;
}	
ul.login li {
	display: inline;
	list-style-type: none;
}

/* @end */