/*
Theme Name: Polaroid
Theme URI: NA
Description: Polaroid QuickSnaps theme
Version: 1.0
Author: Eoin McGrath
Author URI: http://www.starfishwebconsulting.co.uk
License:
	The CSS, XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php


*/


/* ------------------------------------------------------------------ GLOBAL ---*/

body  { margin: 0; padding: 0; font: 76%  "Trebuchet MS", Helvetica, Sans-serif; line-height: 1.5em; color: #fff; text-align: center; 		background: url(i/IMG_2877.jpg) top center no-repeat fixed;        background-size: cover;        -moz-background-size: cover;        -webkit-background-size: cover;		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(		src='http://www.gavrilovicprevoz.rs/themes/polaroid/i/IMG_2877.jpg',		sizingMethod='scale');		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(		src='http://www.gavrilovicprevoz.rs/themes/polaroid/i/IMG_2877.jpg',		sizingMethod='scale')"; }

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

/* ------------------------------------------------------------------ MAST ---*/
#mast { display: block; margin: 0 0 10px 0; padding 10px 0; color: #fff; height: 100px;  }


#mast h1 { margin: 0; padding: 20px 0 0 0; text-align: center; font: normal 38px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; }
#mast h1 a { color: #fff; text-shadow: #666 1px 1px; font-weight: normal; text-decoration: none; }
#mast h1 a:hover { color: #C7EE07; }


/* ------------------------------------------------------------------ WRAPPER & SUB HEADINGS ---*/
#wrap { display: block; margin: 0 auto; width: 740px; padding: 0 0 0 30px; min-height: 500px; text-align: left; }

#wrap h2 { display: block; text-align: left; color: #fff; font: normal 26px/28px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; margin: 10px 0; }
#wrap h2 small {  font-size: 70%; }

#intro { text-align: left; margin-bottom: 20px; font-size: 120%; }

/* ------------------------------------------------------------------ ALBUMS ---*/

#slideshow { float: right; padding: 0 0 0 20px background: url(i/slideshow.png) 0 50% no-repeat; }

.album { display: block; float: left; width: 100%; text-align: left; margin: 0 0 25px 0; background: transparent; position: relative; webkit-border-radius: 2px; -moz-border-radius: 2px; }
.album p { color: #333; }
.album a.view { position: absolute; bottom: 5px; right: 5px; padding: 3px 5px;   }
.album a.view:hover {  }
.album img { float: left; margin: 3px 10px 5px 3px; }
.album h3 { margin-top: 0; color: #000; font-size: 130%; }
.album.active { background: transparent; cursor: pointer;  }
.album.active h3 { color: #81990A;  }
.album.active a.view { }


/* ------------------------------------------------------------------ PHOTOS ---*/


.photo { display: block; float: left; padding: 5px; background: #fff; margin: 0 15px 20px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px;   }
.frame { display: block; width: 120px; height: 90px; overflow: hidden; }
.frame img { border: 0; }

.caption { display: block; float: left; width: 120px; margin: 5px 0 0 0; color: #111; text-align: left; color: #333; }

.photo:nth-child(even) { -webkit-transform: rotate(4deg);  -moz-transform: rotate(2deg); }
.photo:nth-child(odd) { -webkit-transform: rotate(-5deg);  -moz-transform: rotate(-3deg); }
.photo:nth-child(3n) { -webkit-transform: rotate(-3deg);  -moz-transform: rotate(-1deg); }


/* ------------------------------------------------------------------ PAGINATION ---*/

.pagination {width:800px; text-align:center; float:left; margin: 10px 0 20px 0; line-height: 200%; }
.pagination b {color:#600; background: #ffffb4; font-weight: bold; padding: 4px; margin: 0 0 0 5px; border: 1px solid #e3e269; border-bottom: 1px solid #e3e269 !important; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.pagination a {color:#aaa; border: solid 1px #555; padding: 4px;  margin: 0 0 5px 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.pagination a:hover{color:#000; background: #eee; font-weight: bold;  border: solid 1px #777}
.pagination br { display: block; margin-bottom: 10px; }


/* ------------------------------------------------------------------ MISC ---*/

#footer { display: block; float: left; margin: 20px 0; width: 100%; font-size: 90%; color: #777; }
#footer a { color: #888; }


/* ------------------------------------------------------------------ LOGIN ---*/
#extraDiv1 { position: absolute; top: 3px; right: 3px; display: block; width: 150px;  }
#extraDiv1 a#logged_in_link { float: right; padding: 7px 7px 7px 20px; background: url(i/logged_in.png) 0 50% no-repeat; color: #ccc;  }
#extraDiv1 a#login_link { float: right; padding: 10px; width: 160px; background: url(i/login.png) 90% 50% no-repeat; text-indent: -9999em; }
#extraDiv1 form { display: none; float: left; width: 120px; padding: 20px 5px 5px 5px; background: #333; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #000; }
#extraDiv1 form input[type="text"],
#extraDiv1 form input[type="password"]  { display: block; float: left; width: 110px; border: 1px solid #111; margin: 0 0 10px 0; padding: 0; padding: 2px; font-size: 90%; color: #555; }
#extraDiv1 form input[type="submit"] { display: block; margin: 0 auto; padding: 4px; webkit-border-radius: 5px; -moz-border-radius: 5px; border: 0; background: #ccc; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#extraDiv1 form input[type="submit"]:hover { background: #C7EE07; border-right: 1px solid #A7C807; border-bottom: 1px solid #A7C807; }