@charset "utf-8";
@import url('css/reset.css');
@import url('css/960.css');

/*   
Theme Name: Love Leyla
Description: LoveLeyla jewelry theme
Author: Sandzam.com
Author URI: http://sandzam.com
*/

body {font-size: 100%; background: #FFF; margin:0;}

.bodi {background: #eae1db; height:210px; left: 0; position:absolute; width:100%; z-index:-1; top:0;
-webkit-box-shadow: 0px 1px 0.5px #fbf9f7, 0px 2px 0.5px #cfc1ad;
-moz-box-shadow: 0px 1px 0.5px #fbf9f7, 0px 2px 0.5px #cfc1ad;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
/******************************************************* header ****************************************************************************/
#header {height: 210px; background: url(http://loveleyla.com/img/header.jpg) top center no-repeat; background-color: #eae1db; float: left; z-index:1; margin-top:-25px;}
.logo {margin: 70px 0px  0px 50px; width:203px; float:left;}

.menu  { margin: 130px 30px; font: bold 1em 'trebuchet ms', Calibri, Helvetica, Arial, sans-serif; float: right; color: #595856;}
.menu ul li {float: left; margin: 0 10px 0 10px;}

.menu a {text-decoration:none; color: #595856;}
.menu a:hover { border-bottom: 2px solid #ffc0cb; padding-bottom: 4px;}
/********************************************************  end header  ********************************************************************/


/********************************************************  Main sadrzaj  ********************************************************************/
#main {margin: 80px 0px 100px 0px; min-height: 500px; text-align: justify; font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #000; line-height:140%;}
.post, #post {margin: 0px 0px 30px 0px; float:left;}

.postdate, .postcategory, .postauthor {margin-right: 15px;}
.postdate {padding-top: 20px; float: left; width:60px; height: 40px; background: url(http://loveleyla.com/img/date.jpg) bottom no-repeat; font: 0.8em Cambria, Georgia, Times New Roman, serif; text-align:center; }

.postheader {float: left; width:500px; color: #000;}
.posttitle  h2, .category {margin:0; padding: 5px 0px; font: 2em Calibri, sans-serif; font-weight:bold; line-height:100%;}
.posttitle h2 a, .posttitle h2 a:hover, .posttitle h2 a:visited, .category {color: #c57077; text-decoration:none;}
.posttitle a:hover, .postcategory a:hover, .commentsnumber a:hover {background: #ebe2dc; color: #000;}
.postmeta, .postcategory, .postauthor, .commentsnumber  { display: block; float: left; font-size: 0.87em;}
.postcategory a, .commentsnumber a, .navleft a, .navright a {text-decoration:none; color: #000;}
.commentsnumber a {color: #c57077;}

.posttext {padding:20px 0px 0px 0px; font-size:0.9em; line-height:140%; color: #414449; text-align:justify; margin-bottom:30px;}
.posttext blockquote {outline: 3px dashed #e9e0d6;}
.posttext blockquote p {padding:10px;}
.posttext ul {margin-left: 30px; list-style-type:disc;}
.posttext img {padding:5px; background: #e9e0d6;}
.posttext h3 {font: 1.5em Calibri, sans-serif; font-weight:bold; color:#c57077;}
.posttext a {color:#C57077; font-weight:bold; text-decoration:none;}
.posttext a:hover {text-decoration:underline;}
.posttext h2 {color:#C57077; font-size:1.4em;}

.postfooter
{display: table; position: relative; width: 600px; overflow: hidden;}
.posttags {font-size:0.7em; }
.posttags a {font-weight:normal; color: #000;}
.posttags a:hover {background: #ebe2dc; text-decoration:none;}
.postshare {margin:30px 0px 20px 0px;}

/*////////	str RADOVI	//////////////*/
#categories {min-height: 300px;}
#categories a {text-decoration:none; line-height:150%; color: #000;} #categories a:hover {text-decoration:underline; color:#c26f75;}
#slideshow {min-height: 500px;}
.img {width: 150px; height: 150px; margin-bottom: 10px; outline:1px solid #ebe2dc;}
#categorySelected { text-align:center; outline:1px solid #ebe2dc; width: 162px; height: 200px; display: inline-block; margin: 0px 10px 20px 0px;}
#categorySelected p {text-align:left; margin:0px 0px 0px 5px; padding:0;}
#image {width: 600px; height: 400px; outline:1px solid #ebe2dc;} /*slika odabranog rada*/
/*////////	END RADOVI	/////////////*/
/********************************************************  END Main sadrzaj  ********************************************************************/


/****************************************************** SIDEBAR *************************************************************************/
#sidebar {margin-top: 80px; float:right; min-height:900px;}
#sidebar #s {height: 22px; width:180px; border: 1px solid #cfc1ad;} /*search field */
#sidebar h3 {text-indent:10px;}

#search {height:30px; margin-bottom:15px;}
#searchsubmit {height:15px; margin-left:5px;}

.box1, .box2, .box3, .box4 h3 {font: 1em Calibri, Arial, Verdana, Helvetica, sans-serif; font-weight:bold; padding-top:5px; list-style-type: none;}
.box1, .box2, .box3, .box4 {margin-bottom: 30px; border-bottom: solid #cfc1ad 1px; overflow:hidden; background: url(http://loveleyla.com/img/side.jpg) top center no-repeat;}
.box1text, .box2text, .box3text, .box4text {text-align:left;}
.box1, .box2, .box3, .box4 ul {padding: 10px 10px 15px 20px; font: 0.9em "Trebuchet MS",Verdana,Arial,sans-serif;}
.box1 li a {color: #000;}
.box3text, .box4text {margin:0px 0px 10px 10px;}
.box1 h3 {margin-bottom: 25px;}
.box3, .box4 h3 {padding-left:20px;}

#blogroll  {padding-left: 30px;}
.linkcat ul a {list-style-type:none; font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration:none;}
#blogroll  {padding-left: 30px;}
.linkcat ul a:hover {text-decoration:underline;}
.linkcat h2 {text-indent:-999px; height:0px; margin:0;}

.social {padding-left:10px; font: 0.8em Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em;}
.soc{margin:0px 10px 10px 0px;}
/************************************************* END SIDEBAR *************************************************************************/


/********************************************************* FOOTER **********************************************************************/
#footer { background: #e9e0d6; clear:both; min-height:150px; position:absolute; left:0; width:100%;
-webkit-box-shadow: 0px -1px 0.5px #fbf9f7, 0px -2px 0.5px #cfc1ad;
-moz-box-shadow: 0px -1px 0.5px #fbf9f7, 0px -2px 0.5px #cfc1ad; }
.footer_grid {position:relative; height:auto;}

#left_footer {padding-top:20px; color:#ab9575; font: 0.9em "Trebuchet MS", "Lucida grande","Lucida sans",Verdana,Arial,sans-serif;}
#left_footer p{padding-top:150px;}
#left_footer a {color:#ab9575; text-decoration:none; font-weight:bold;}
#left_footer a:hover {text-decoration:underline;}

.top {float:right; margin: -60px 0px 40px 0px;}
#middle_footer {padding-top: 20px;}
#right_footer {height:250px; margin-top: -100px;}
/******************************************************** END FOOTER *****************************************************************/



/******************************************************** COMMENTS *****************************************************************/
ol.commentlist { margin:0px; padding-top:15px; width:620px; border-top:1px solid #cfc1ad;}
.commentlist li { list-style:none; margin-bottom:20px; }
.commentlist cite { padding: 7px; display:block; font-style:normal; margin-bottom:10px; font-size:0.9em;}	

.commentlist a:link, .commentlist a:visited { color:#aa216e; text-decoration: none; }
.commentlist cite img  { border:1px solid #cfc1ad; float:left; margin-right:15px;}
.commentlist .author { text-decoration: none; font-weight:bold;}

.commenttext { border-bottom: 1px solid #cfc1ad; padding:0px 0px 10px 75px; color:#716d6b; }
.commenttext2 { font-size:0.8em; }
#commentsWork {margin: 50px 100px 0px 0px; float:right;}
#comments, #respond {width:600px; text-align:left; color: black; margin: 50px 0px 0px 0px; font-size: 1em;}

.comm { margin-top:50px; font-size: 0.8em;}
.comm a { color: black; font-size: 0.8em;}
.comm textarea { border: 1px solid #808080; padding: 5px; color: #716d6b;}
.comm input { border: 1px solid #808080; padding: 3px 5px; background-color: #fff;}

#author, #email, #url, #comment, #submit {border: 1px solid #cfc1ad;}
/******************************************************** END COMM *****************************************************************/

/******************************************************** PAGE TEMPLATE *****************************************************************/
.kategorije {margin-top:70px; min-height:500px;} /*lista kategorija sa leve strane*/
.kategorije ul li a, .kategorijeLong ul li a{list-style-type:none; text-decoration:none; color: #595856;}
.kategorije ul li a:hover, .kategorijeLong ul li a:hover{text-decoration:underline; color: #595856;}
.kategorijeLong {margin-top:70px; min-height:800px;}
/******************************************************** end PAGE TEMPLATE *****************************************************************/

.navleft {float:left;}
.navright {float:right; padding-right:100px;}

.thumb {height:110px; width:110px; margin: 8px; outline:1px solid pink;}
.gallery {display:inline; float: left; }