/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: common.css
* Website:
* Author: Vlada Kobetic
* Description:

== INDEX: ==================================
_miscelanous-classes
_page-title
_logo
_base-box
_box
============================================
*/
* {
	font-family:Arial,sans-serif;
	font-size:11px;
}

body {
	font-family:Arial,sans-serif;
	background-color:#eee;
}

a, a:visited {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#c27702;
}
button {
	padding:2px 10px 2px 10px;
}

/* _miscelanous-classes
==========================================*/
.center-text {
	text-align:center;
}
.bottom-space {
	padding-bottom:10px;
}

/* _page-title
==========================================*/
#header {
	height:92px;
	width:100%;
	background:url('img/header-bg.png') 0 0 no-repeat;
}
#header img.icon {
	position:absolute;
	top:0;
	right:50px;
}
h1 {
	padding:5px 0 0 0;
	margin:0 0 30px 25px;
	font-weight:normal;
	width:253px;
}
h1 span.logo {
	background:url('img/header-logo.png') 0 0 no-repeat;
	display:block;
	width:253px;
	height:24px;
	font-size:1px;
	text-indent:-800px;
	color:#fff;
}
h1 span.region {
	color:#333;
	font-size:15px;
	display:block;
	text-align:right;
	margin-top:1px;
}
/* _date-box
==========================================*/
#date-box {
	margin:0 0 0 25px;
}
/* _search-box
==========================================*/
#searchBox {
	background:url('img/search-bg.png') 0 0 repeat-x;
	position:relative;
	height:38px;
	padding:0;
	margin:0;
	text-align:left;
}
#searchBox #searchRight, #searchBox #searchLeft {
	position:absolute;
	width:11px;
	height:38px;
	top:0;
}
#searchBox #searchLeft {
	background:url('img/search-left.png') 0 0 no-repeat;
	left:0;
}
#searchBox #searchRight {
	background:url('img/search-right.png') 0 0 no-repeat;
	right:0;
	_right:-1px;
}

/* _search-field
==========================================*/
#search-field {
	text-align:center;
}
#search-field strong {
	color:#333;
	font-weight:normal;
	font-style:italic;
	font-size:13px;
}
#search-field input {
	width:330px;
	margin-top:8px;
	margin-left:4px;
	font-size:12px;
}
#search-field button {
	margin-top:7px;
	padding:0 7px;
	font-size:12px;
}

/* _region-selector
==========================================*/
#region-selector {
	padding:0;
	text-align:right;
	padding-top:7px;
}
#region-selector img {
	margin-right:5px;
	vertical-align:top;
}
#region-selector select {
	font-size:11px;
	font-weight:normal;
	padding:1px 1px 1px 3px;
	border:1px solid #999;
	width:130px;
}


/* _box-left
==========================================*/
.box-left {
	width:499px;
	background:url('img/left-bg.png') 0 100% no-repeat;
	margin:0 10px 10px 0;
	padding-bottom:40px;
}
.box-left .box-header {
	height:27px;
	width:499px;
	background:url('img/left-top.png') 0 0 repeat-y;
}
.box-left .h-line {
	height:3px;
	background:url('img/left-h-line.png') 50% 50% no-repeat;
}
.box-left h2 {
	text-align:left;
	font-size:15px;
	color:#166aad;
	margin-left:40px;
	margin-top:10px;
}

/* _box-right
==========================================*/
.box-right {
	width:217px;
	background:url('img/right-bg.png') 0 100% no-repeat;
	margin:0 0 10px 17px;
	_margin-left:0px;
	padding-bottom:10px;
	color:#333;
}
.box-right .box-header {
	height:28px;
	width:217px;
	text-align:left;
	background:url('img/right-top.png') 0 0 repeat-y;
}
.box-right .box-header h4 {
	padding:9px 0 0 45px;
	font-family:Verdana, sans-serif;
	font-weight:bold;
	font-size:13px;
}
.box-right .h-line {
	height:3px;
	background:url('img/right-h-line.png') 50% 50% no-repeat;
}
.box-right p {
	padding:10px 20px;
	line-height:1.5em;
}
.box-right a, .box-right a:visited {
	text-decoration:underline;
	margin-bottom:8px;
	display:block;
}
.box-right a:hover {
	text-decoration:none;
}
.about .box-header h4 {
	background:url('img/icon-info-blue.png') 20px 9px no-repeat;
}
.newsletter .box-header h4 {
	background:url('img/icon-newsletter-blue.png') 20px 9px no-repeat;
}
.favorites .box-header h4 {
	background:url('img/icon-favorites-blue.png') 20px 9px no-repeat;
}
.box-deals .box-header h4 {
	background:url('img/icon-sun-blue.png') 20px 9px no-repeat;
}

/* _about
==========================================*/
.about p.link {
	margin:0 50px 10px 0;
	padding:0;
	text-align:right;
}

/* _newsletter
==========================================*/
.newsletter form {
	text-align:center;
}
.newsletter input {
	margin:10px 0 5px 0;
}
.newsletter button {
	margin:0 0 8px 0;
	background:url('img/button-bg.png') 0 0 no-repeat;
	border:0;
	width:93px;
	height:30px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

/* _box-deals
==========================================*/
.box-deals {
	text-align:center;
}
.box-deals .h-line {
	margin-bottom:8px;
}
/* _favorites
==========================================*/
.favorites div.button {
	background:url('img/button-left.png') 0 0 no-repeat;
	height:28px;
	text-align:center;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.favorites .button a {
	color:#fff;
	font-weight:bold;
	font-size:11px;
	display:block;
	float:left;
	padding:4px 3px 0 12px;
	text-decoration:none;
}
.favorites .button a:hover{
	text-decoration:underline;
}
.favorites div.button span.right-edge {
	display:block;
	float:left;
	width:9px;
	height:28px;
	background:url('img/button-right.png') 0 0 no-repeat;
}
.favorites #rss {
	float:left;
	margin-top:3px;
}
.favorites p {
	padding:0 20px;
}
.favorites .margin-top {
	margin-top:8px;
}

/* _page-info
==========================================*/
.page-info {
	padding:13px 25px 13px 120px;
	text-align:left;
	position:relative;
}
.page-info h2 {
	margin:5px 0 15px 0;
	padding:0;
	font-size:200%;
	font-weight:normal;
	color:#166aad;
}
.page-info p {
	margin:10px 0 5px 0;
	line-height:1.5em;
	color:#333;
}
.page-info ul {
	margin-left:3em;
}
.page-info img.icon {
	position:absolute;
	top:20px;
	left:20px;
	_left:-100px;
}
.infopage .page-info {
	padding-left:20px;
}

/* _breadcrumbs
==========================================*/
.breadcrumbs {
	padding:8px 0 0 40px;
	text-align:left;
	background:url('img/icon-breadcrumbs.png') 20px 8px no-repeat;
	font-size:12px;
	color:#4e4c4c;
}
.breadcrumbs a,.breadcrumbs a:visited {
	text-decoration:underline;
	font-size:12px;
	color:#4e4c4c;
}
.breadcrumbs a:hover {
	text-decoration:none;
}


/* _rss-bookmarks-box
==========================================*/
.bookmark {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin:2px;
}
.bookmark span {
	display:none;
}
#delicious {
	background-image:url('img/bookmarks/delicious.png');
}
#digg {
	background-image:url('img/bookmarks/digg.png');
}
#magnolia {
	background-image:url('img/bookmarks/magnolia.png');
}
#misterwong {
	background-image:url('img/bookmarks/misterwong.png');
}
#reddit {
	background-image:url('img/bookmarks/reddit.png');
}
#slashdot {
	background-image:url('img/bookmarks/slashdot.png');
}
#rss {
	background-image:url('img/bookmarks/rss.png');
	width:20px;
}

/* _footer
==========================================*/
#footer {
	background:url('img/footer-bg.png') 0 0 no-repeat;
	width:727px;
	height:115px;
	margin-top:5px;
	text-align:center;
	color:#333;
	font-size:11px;
	line-height:1.4em;
	position:relative;
}
#infopages {
	font-size:12px;
	line-height:1.6em;
	padding:8px 0 5px 0;
}
#footer a,#footer a:visited {
	color:#333;
	font-size:11px;
	text-decoration:underline;
}
#infopages a,#infopages  a:visited {
	font-size:12px;
}
#footer a:hover {
	text-decoration:none;
}
#footer strong {
	font-size:11px;
}
#footer img.icon {
	position:absolute;
	right:30px;
	bottom:15px;
}