/**
 * Zafrkancija.net main css file
 * Color sheme
 * Blue: #2b72dc
 * Dark blue: #114974
 * Dark grey: #232a30  (or #333333) 
 * Grey: #d9d9d9
 * Light grey: #f2f2f2
 * Light blue: #e7eeee
 */
html, body, 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, b, u, i, center, 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;	 vertical-align: baseline;	background: transparent; }
body { line-height: 1; font: 62.5% verdana, arial, times new roman; color: #363636; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {	content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del {	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}

.fleft{	float:left; }
.fright{ float:right; }
.cboth{	clear:both; }

p { margin:10px 0px 10px 0px; font-size: 1.2em; }

/* Zafrkancija  */
a { color: #114974; font-weight: bold; }
a, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

label { text-transform: uppercase; font-size: 0.8em; font-weight: bold; }
input { background: #e9e6e6; border: 1px solid #858181; }
input[type=submit] { text-transform: uppercase; font-weight: bold; padding: 3px; background: #03502f; color: #fff; border: 2px solid #12754b; font-size: 1.3em;  }

h1 { text-transform: uppercase; padding: 0 0 5px 0; vertical-align: top; }  
h2 { padding: 10px 0; }
h3 { color: #114974; font-size: 1.2em; text-transform: uppercase; font-weight: bolder; border-bottom: 1px dotted #333333; padding: 0 5px 5px 0; margin: 0 5px 5px 5px; }

hr { border-top: 1px solid #999; border-bottom: 0; border-left: 0; border-right: 0; margin: 20px 0; }

html, body { background: #fff; }
td { padding: 5px; }
#wrapper {  background: #fff; font-size: 1.4em; }
#header{ padding: 0; margin-bottom: 10px; font-size: 0.9em; margin: 0 auto; width: 984px; height: 112px; }
#header-top { width: 984px; }
#header-bottom { clear: both; float: left; width: 984px; border-bottom: 1px dotted #17375e; }
#logo { height: 71px; padding: 10px; }


#nav { float: left; padding-top: 1px; }
#nav ul li { float: left; display: block; margin-right: 10px;  border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 4px solid #333333; text-align: center; }

#nav ul li a { color: #fff; display: block; padding: 8px 3px 8px 3px; text-decoration: none; text-transform: uppercase; font-size: 1.2em; font-weight: bolder; }
#nav ul li:hover { border-bottom: 4px solid #fff;  }
#nav .selected { border-left: 1px solid #858181; border-right: 1px solid #858181; background: #454545; border-bottom: 4px solid #454545; }

#footer {  clear: both; top: 20px; position: relative; min-height: 60px; height:auto !important; height: 60px; }
#footer-inner{ background: transparent; padding: 20px 10px 15px; width: 980px; font-size: 0.8em; clear: both; margin: 0 auto; width: 984px; }
#footer-inner ul li { padding: 1px 5px; border-left: 1px dotted #537B9A; float: left; }
#footer-inner ul li:first-child { border-left: 0;}

#content-wrapper { margin: 0; padding-top: 20px; background: transparent; clear: both; font-size: 0.8em; margin: 0 auto; width: 984px;  }
#content { float:left; width: 630px; background: #fff; }
.box { border: 1px solid #d9d9d9; padding: 10px; margin-bottom: 10px;  }
#content-extended { float:left; width: 960px; background: #fff; border: 1px solid #d9d9d9; padding: 10px; }
#sidebar { border: 1px solid #d9d9d9; background: #f2f2f2; float:right; width: 310px; padding: 5px; }

#sidebar h3, #related-images h3 { color: #333333; font-size: 1.2em; text-transform: uppercase; font-weight: bolder; border-bottom: 1px dotted #333333; padding: 0 5px 5px 5px; margin-bottom: 5px; }
.sidebar-ad-url { color: #003e3e; }

#sidebar ul li { margin: 5px; background: #fff; border: 1px solid #d9d9d9; padding: 5px; }

.heading span { position: relative; top: -12px; }
#get-widget input[type=text] { font-size: 1.8em;  }
#get-widget { margin-top: 20px; background: #f6f6f6; } 

.center { text-aling: center; }
#widget { width: 250px; margin: 0 auto; }

.error { color: red; }

.code-area { width: 600px; height: 160px;  }

.share-buzz { background: url(/images/GoogleBuzzLogo.png) no-repeat -132px 0; padding-top: 35px; padding-bottom: 10px; width: 50px; height: 70px; }
.share { margin-left: 60px; }

.stats { float: left; margin-right: 15px; }
.stats td, .stats th { border: 1px solid #ccc; padding: 5px; text-align: center; }
#stats { clear: both; }



/** Colorpicker **/
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(/images/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(/images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(/images/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(/images/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(/images/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(/images/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(/images/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(/images/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(/images/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(/images/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(/images/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(/images/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}