/*
Theme Name: dorakeperti.com Theme
Theme URI: http://www.crumbcode.com
Description:A WordPress theme for dorakeperti.com. Designed by crumbcode.com
Version:1.0
Author:Vasilis Ikonomou, crumbcode.com
Author URI:http://www.crumbcode.com
Tags:photoblogging,portfolio,one column,fixed width
*/
/* --------------------------------------------------------------
* Resets default browser CSS.
Based on work by Eric Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/************* END RESET RELOADED *************************/

body, html {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DFDFDF;
	background-color: #FFFFFF;
	text-align: center;
}
a, a:link, a:visited, a:active {
        color: #333;
        text-decoration: none;
}
a:hover {
        color: #666;
}
h2, h3, h4, h5, h6 {
        font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", Times, "Times New Roman", serif;
}
h2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: bold;
        margin-bottom: .25em;
        color: #DFDFDF;
        text-decoration: none;
        letter-spacing: -.02em;
}
h3 {
        line-height:1em;
        padding-bottom:5px;
        font-size:1.2em;
        font-weight:bold;
        color:#6e6e6e;
}
ul, dl, ol {
        margin-left: 20px;
}
li { 
        list-style: square;
}
strong {
        font-weight: bold;
}
blockquote, em, cite, q {
        font-style: italic;
}
hr {
        height: 1px;
        background-image: url(http://www.dorakeperti.com/layout/dots.gif);
        border: none;
}

/* Main */
#main {
	margin: 0 auto;
        width: 600px;
}

/* Header */
#header {
        width: 600px;
	background-color: #DFDFDF;
	margin: 0;
	padding: 0;
        float: left;
        text-align: left;
}
#header h1 {
        width: 170px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 18px;
        font-weight: bold;
	margin: 0;
	padding: 10px 0 10px 20px;
        float: left;
        text-align: left;
}
#header h1 a, h1 a:link, h1 a:visited, h1 a:active {
	font-size: 18px;
        font-weight: bold;
        text-decoration: none;
}
#header h1 a:hover {
        color: #666666;
        text-decoration: none;
}
#dropdownmenu {
        margin-left: 180px;
	padding: 20px 0 0 20px;
        text-align: left;
        float: left;
        width: 210px;
        font-size: 12px;
        font-weight: bold;
}

/* Dropdown Menu Module */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
ul.dropdown {
        position: relative;
        z-index: 597;
        float: left;
}
ul.dropdown li {
        float: left;
        line-height: 1.3em;
        vertical-align: middle;
        zoom: 1;
}
ul.dropdown li.hover, ul.dropdown li:hover {
        position: relative;
        z-index: 599;
        cursor: default;
}
ul.dropdown ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%;
}
ul.dropdown ul li {
        float: none;
}
ul.dropdown ul ul {
        top: 1px;
        left: 99%;
}
ul.dropdown li:hover > ul {
        visibility: visible;
}

/* Dropdown Menu Styling */
ul.dropdown {
        font-weight: bold;
}
ul.dropdown li {
	padding: 7px 10px;
	background-color: #DFDFDF;
	color: #333333;
        font-size: 12px;
        font-weight: bold;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	background-color: #DFDFDF;
        color: #666666;
        font-size: 12px;
        font-weight: bold;
}
ul.dropdown a:link, ul.dropdown a:visited {
        color: #333333;
        text-decoration: none;
}
ul.dropdown a:hover {
        color: #666666;
}
ul.dropdown a:active {
        color: #333333;
}
ul.dropdown ul {
	width: 210px;
}
ul.dropdown ul li {
	font-weight: bold;
        margin: 0;
        padding: 2px 10px 4px 10px;
}

/* Content */
#content {
	float: left;
	width: 600px;
	text-align: left;
        background-color: #464646;
        margin: 0;
        padding: 0;
        border-top: 2px solid #DFDFDF;
        border-bottom: 2px solid #DFDFDF;
}
#content .sleeve {
        float: left;
        margin: 26px 0 0 0;
}
#content a {
        color: #DFDFDF;
}
#content h2 {
        color: #DFDFDF;
        margin-top: 10px;
}
#content .archive {
        width: 560px;
        float: left;
        margin: 26px 0 26px 0;
        padding: 0 20px 0 20px;
}
#content .archive h2 {
        margin: 0;
        padding: 0;
}
.image {
        float: left;
        text-align: center;
        width: 600px;
        margin: 26px 0 0 0;
}
.image img {
        margin: 0 auto 26px auto;
        padding: 0;
}
.archiveimage {
        float: left;
        text-align: center;
        width: 134px;
}
.archiveimage img {
        margin: 0 auto 0 auto;
        padding: 0;
}
.thumbnails {
        margin: 10px 0 0 -8px;
        padding: 10px 2px 0 0;
        width: 568px;
        float: left;
}
.thumbnails li {
        float: left;
        display: block;
        width: 134px;
        height: 85px;
        margin-left: 8px;
        margin-bottom: 8px;
        list-style: none;
}
a .thumbnail, a:link .thumbnail, a:visited .thumbnail, a:active .thumbnail {
        float: left;
        display: block;
        width: 134px;
        height: 85px;
        background: #C4C4C4;
        text-align: center;
}
a:hover .thumbnail {
        background: #919191;
}
.thumbnail {
        float: left;
        display: block;
        width: 134px;
        height: 85px;
        background: #C4C4C4;
}
.thumbnail img {
        max-width: 124px;
        margin: 5px 5px 0 5px;
        padding: 0 0 5px 0;
        max-height: 75px;
        border: 0;
}
* html .thumbnail img { 
        width: expression( document.body.clientWidth > 123 ? "124px" : "auto" ); /* sets max-width for IE */
}
* html .thumbnail img { 
        height: expression( this.scrollHeight > 74 ? "75px" : "auto" ); /* sets max-height for IE */
}
* html .thumbnails {
        margin: 10px 2px 0 0;
        padding: 10px 0 0 0;
        width: 568px;
        float: left;
}
* html .thumbnails li {
        margin-left: 0;
        margin-right: 8px;
}


#container {
        clear: both;
        margin: 0;
        border-top: 2px solid #DFDFDF;
}

/* Post Layout */
#post {
        float: left;
        margin: 0;
        padding: 0;
        width: 380px;
        border-top: 1px solid #DFDFDF;
        font-size: 12px;
}
#post .sleeve h2 {
        margin-bottom: 25px;
}
#post .sleeve {
        margin: 0;
        padding: 0 20px 10px 0;
        display: block;
}
#postmetadata .sleeve {
        margin: 0;
        padding: 10px 10px 10px 20px;
}
#postmetadata {
        font-size: .92em;
        line-height: 1.45em;
        width: 220px;
        float: left;
}
#post p {
        margin-bottom: 10px;
}
#post a:hover {
        text-decoration: underline;
}
.navigation {
        font-family: "Courier New","Lucida Grande",Tahoma,"Trebuchet MS",sans-serif;
        width: 160px;
        font-size: 60px;
        line-height: .5em;
        float: left;
}
.navigation div {
        float: left;
        display: block;
        width: 50%;
}
.navigation div.prev {
        text-align: left;
}
.navigation div.next {
        float: right;
        text-align: right;
}
.navigation a, .navigation a:link, .navigation a:visited, .navigation a:active {
        color: #DFDFDF;
}
.navigation a:hover {
	color: #000000;
}
.archive .navigation {
        margin: 20px 0 0 0;
        padding: 0;
        width: 560px;
}
.archive .navigation a:hover {
	color: #666666;
}


/* Footer */
#footer {
        clear: both;
        padding: 10px 20px 0 20px;
        width: 560px;
        margin: 10px 0 10px 0;
        border-top: 2px solid #DFDFDF;
}
#footer a {
	border: none;
        font-size: 10px;
        text-decoration: none;
}
#footer a:hover {
	background: none;
	border: none;
	text-decoration: none;
        color: #CCCCCC;
}
#footer #icon {
        float: left;
        margin: 0 6px 0 0;
        padding: 0;
        height: 12px;
        width: 12px;
        background-image: url(http://www.dorakeperti.com/layout/top.gif);
        background-position: top left;
        background-repeat: no-repeat;
}
#footer a:hover #icon {
        height: 12px;
        width: 12px;
        background-position: top right;
}


#searchform {
        float: right;
}
#searchform #s {
        width: 150px;
}
#filters {
        clear: both;
        height: 2em;
        margin-bottom: 1em;
        margin-left: 0;
}
#filters li {
        list-style: none;
        margin-left: 0;
        float: left;
        margin-right: 16px;
}
a:hover .nav_over {
        background-color: #afb1b2;
}
.prev {
        left: 0;
        width: 50%;
}
.next {
        top: 0;
        left: 50%;
        width: 50%;
}
.nav_over {
        position: absolute;
        top: 50%;
        margin-top: -1em;
        display: block;
        z-index: 1000;
        color: #CCCCCC;
        width: 1em;
        height: 1em;
        line-height: 1em;
        text-align: center;
        font-size: 2em;
}
#hello_ie {
        padding: 4px;
        background-color: #DA2626;
        color: #FFFFFF;
}
#hello_ie a, a:hover, a:active {
        color: #CCCCCC;
}