/*
------------------------------------------------------------------------
Theme Name:Nikosan_Yellow
Theme URI:http://www.nikodev.com
Description:
Author:Nikodev
Author URI:http://www.nikodev.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left; margin-right:10px;}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{}

body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; color:#000; margin:0 auto; text-align:center; background-color:#f0ce30;}

#page-wrap{width:1000px; margin:0 auto; padding:0; text-align:left}

#content{width:631px; padding:0 0px 0 0px; margin-right:55px; float:right; margin-top:-160px; border-top:2px dotted #000;}
.entry{padding:0px 0 0 30px; margin:-10px 0 0 0}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{color:#000; font-size:1.2em; line-height:1.5; margin-top:1em; margin-bottom:1em; text-align:justify}

p a, p a:visited, .post a, .post a:visited{color:#000; font-weight:bold; text-decoration:underline}

p a:hover, .post a:hover{text-decoration:none}

h1{font-size:1.4em; font-weight:bold}

#content  h2{font-size:1.2em; width:601px; height:48px; line-height:26px; padding-left:30px; color:#FFF; font-weight:bold; background:url("images/content-title.png") no-repeat; }
#content h2 a, #content  h2 a:hover, #content h2 a:visited{color:#FFF; text-decoration:none}

#content  h2.simple{font-size:1.3em; width:601px; height:20px; padding-left:0; color:#000; font-weight:bold; background:none; }

h3{color:#222; font-size:1.5em; font-weight:bold; margin-top:23.3px; padding-bottom:4px}

h3 a{text-decoration:none; color:#222}

h4{color:#222; font-size:1.2em; font-weight:bold; margin-top:23.3px; padding-bottom:4px}

h4 a{text-decoration:none; color:#222}

.post ul li, 
.post ol li
{font-size:1.2em; list-style-type:disc; margin:5px 0 5px 15px}

.post ul li ul li, 
.post ol li ol li
{font-size:1em; list-style-type:circle; margin:5px 0 5px 15px}

#respond{ color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

.navigation{color:#000; font-size:1.2em;}
.navigation a, .navigation a:visited{color:#000; font-weight:bold; text-decoration:underline}
.navigation a:hover{text-decoration:none}

tr, td {font-size:1.1em; }
/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#top{height:580px; background:url("images/header.jpg") no-repeat; }
#top-mini{height:344px; background:url("images/nikosan-header-mini.jpg") no-repeat}


h1.logo a span{display:none;}
#top h1.logo a{display:block; width:221px; height:400px; position:relative; top:0px; left:80px; }
#top-mini h1.logo a{display:block; width:221px; height:164px; position:relative; top:0px; left:80px; }

#nav{position:relative; top:-151px; left:305px; width:105px;}
html:first-child #nav{top:-140px;}
html[xmlns*=""] body:last-child #nav { top:-139px; }
*+html #nav { top:-140px;} /* IE7 */
  
#nav ul{list-style-type:none; }

#nav li{ margin:2px 0; }

#nav a:link, 
#nav a:visited{font-family:Arial Black, Gadget, sans-serif; display:block; padding:1px 5px; color:#000; text-decoration:none; font-size:1.4em; font-weight:bold;}

#nav a:hover{color:#fff; background:#000}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:hover, 
ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/

#topcontent {text-align:right;width:631px;}
#content .simple {background-color:#000; color:#FFF;font-size:1.4em; padding:3px 6px; font-weight:bold;}

#welcome {margin:-160px 0 0 314px; padding:0 0px 0 0px; width:631px; text-align:right; border-top:2px dotted #000;}
#welcome .title {background-color:#000; color:#FFF;font-size:1.4em; padding:3px 6px; font-weight:bold;}
.welcome-content p {text-align:right; font-size:1.3em;clear:right;}

#featured {padding:0 50px 0 80px;}

.front-post{margin-right:18px; float:left}

.front-post-last{float:left}

.featured-content{position:relative; width:270px; }

.featured-content p{margin-top:1em}
*+html .featured-content p { margin-top:0} /* IE7 */

.featured-post{position:relative; width:270px; margin-bottom:1.2em}

.featured-title h2{margin:0; line-height:16px; height:12px; font-size:1.4em; text-transform:none; padding:3px 6px; border-bottom:0; background:url("images/homepage-block-title.png") left top no-repeat;}

.featured-title h2 a{display:block; color:#FFF; text-decoration:none; border-bottom:0}

.featured-title h2 a:hover{color:#FFF}

.featured-title{ display:block; width:100%; bottom:0; }

.featured-image{background-color:#000; padding:5px;}
*+html .featured-image { padding-bottom:2px;} /* IE7 */

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}

.featured-content ul {font-size:1.2em; padding-left:10px;margin-left:10px; }
.featured-content li {list-style:disc;}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{font-size:1.2em; float:left; width:220px; padding-left:80px; overflow:hidden; margin-top:-165px; text-align:right;}

#sidebar ul li div{clear:right;}

#sidebar ul li a, #sidebar ul li a:visited{font-size:1em; color:#000;font-weight:bold;}

#sidebar ul li a:hover{background:none; text-decoration:none}

#sidebar ul li ul li a{font-size:1em; margin:0; padding:2px 15px; list-style:none; list-style-type:none; text-decoration:none; color:#000; text-align:right; float:right; clear:right; background:url("images/black-cross.png") right 6px no-repeat; font-weight:normal !important;}

#sidebar ul li ul li a:hover, #sidebar ul li ul li.current-cat a{color:#fff; background:#000 url("images/white-cross.png") right 6px no-repeat;}


#sidebar ul.normal {margin-top:15px;}
#sidebar ul.normal li {font-size:1em; list-style-position:outside; list-style-type:disc; margin:5px 0 5px 15px;}
#sidebar ul.normal li ul li {font-size:1em;}


#sidebar h2{float:right; clear:right; width:100px; !important; font-size:1em; color:#FFF; text-align:right; background-color:#000; margin:20px 0 5px 0; padding:4px 15px;}

#sidebar .tagcloud{margin-top:0}
#sidebar .tagcloud a, #sidebar .tagcloud a:visited{color:#222222; border-bottom:0px;}
#sidebar .tagcloud a:hover{color:#fff; background-color:#282828;}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{margin-top:36px}

#latest-wrap{float:right; width:680px}

.latest-post-wrap{float:left; width:162px; margin-right:8px}

.latest-post{position:relative; width:162px; height:118px}

.latest-image{position:absolute; z-index:1}

.latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}

.latest-title h2 a{display:block; color:#0B96D0; text-decoration:none}

.latest-title h2 a:hover{color:#fff}

.latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2}

.latest-content{position:relative; width:162px; height:200px; margin-bottom:20px}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

#footer{background:url("images/footer.jpg") no-repeat; width:910px; height:89px; margin: 0 auto; padding:115px 0 0 90px;}

#footer .infos-left{font-size:1.2em; width:200px; color:white; text-align:right;float:left;}
#footer .infos-left span{font-size:1em; font-family:Times New Roman, Times, serif;}
*+html #footer p.infos-left { left:-303px; top:100px; } /* IE7 */
#footer .infos-right{font-size:1.2em;width:300px; text-align:left;float:left; padding-left:25px;}
*+html #footer p.infos-right { left:-87px; top:69px; } /* IE7 */

#footer a{color:#000; text-decoration:underline; font-weight:bold;}

#footer a:hover{text-decoration:none}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}

.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}

.postMeta-front{margin-top:8px; font-size:1.2em}

.postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:1px solid #c9c9c9; padding-bottom:10px}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{color:#8a8a8a; float:left}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}

.postmetadata{clear:both;}
/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
p img {
	padding: 0;
	max-width: 100%;
	}
    
.post { padding-top:11px;}
.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tags{color:#8a8a8a; float:right}

.post-category p, 
.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none}

.topimg{margin:0.5em 0 0 1.2em; float:right}

.post blockquote p{margin:0 2.6em; font-style:italic}

.post img{border:5px solid #000;}

.post .date{text-align:right; color:#FFF; font-size:1.1em; margin:-43px 13px 43px 0;}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:16px; text-transform:none}

.commentwrap{border-bottom:2px dotted #000; padding:15px 0 15px 0; margin-left:30px;} 

 .commentpost{ }

.commentpost p{margin:0 0 0px 0;}

.commentmetadata{font-weight:bold; color:#000; line-height:1.5em; padding-right:0px; color:#999; font-size:1.2em}

.commentmetadata {list-style-type:none; padding:0em; margin:0 0 10px 0; color:#000;}

.commentmetadata a{color:#000; text-decoration:underline; font-weight:bold;}
.commentmetadata a:hover{text-decoration:none;}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments input{border:1px solid #000; padding:5px 4px; margin:0 0 10px 0; width:160px}

#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}

#comments .textarea{margin:0 0 10px 0; padding:6px 7px 5px 7px; width:660px; border:1px solid #E5E5E5}
h2#comments {margin-bottom:0px}
#commentform { width:320px; padding-left:30px;}
#commentform label{ font-size:1.2em; 	display: block;     margin-top:10px;
}
#commentform input,
#commentform textarea{
	padding:3px;
    width:342px;
	border:1px solid #000; 
	font:1.2em Arial,Helvetica,sans-serif;
	color:#000;
	background:#F0CE30;
	vertical-align:top;
    display: block;

}

#commentform input:hover,
#commentform input:focus,
#commentform textarea:hover,
#commentform textarea:focus{
	border: 1px solid #F0CE30;
	background:#000;
	color:#FFF;
}
#commentform span.reqtxt,
#commentform span.emailreqtxt { 
	margin:0px 5px 0px 0px;
	display: block; 
	vertical-align:top;
	color: #000;
	font-size:1em;
	line-height:1.2em;
}

#commentform .button{
	width:90px;
	height:22px;
	padding:2px 2em 2px 1em; 
	margin: 0;
	font-size:1.1em;
	background:#F0CE30 url(images/white-cross-contactbutton.png) right -1px no-repeat; 
	border:1px solid #000!important;
	color:#000;
	font-weight:bold;
    float:right;
    margin-right:-30px;
}

#commentform .button:hover	{ 
	background:#000 url(images/white-cross-contactbutton.png) right -1px no-repeat; 
	border:1px solid #000!important;
	color:#FFF;
	cursor:pointer;
}

#commentform .hidden, #commentform  #_wp_unfiltered_html_comment{ 
	border:0px;
}
#commentform .hidden:hover, #commentform  #_wp_unfiltered_html_comment:hover{ 
	border:0px;
   	background:none; 
 
}
    
/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{float:left; margin-top:0px; height:2.3em}

#searchsubmit{border:0px solid #000; color:#FFF; height:23px; padding:2px 0px; float:right; background:#000 url("images/white-cross.png") 5px 7px no-repeat; width:17px;}
#searchsubmit:hover{cursor:pointer;}
#s{float:left; width:197px; margin-right:0px; padding:3px 2px; border:1px solid #000; height:15px; font:12px Arial,Helvetica,sans-serif; background-color:#F0CE30;}

#picturegrid {margin-bottom:40px;}