@charset "utf-8";

/* Reset */
@import url("reset.css");

/*

Design by Gimme-Website 

Contents:

1. BODY + PAGE
	General Link Styles
2. HEADER
	Logo
	Top Banner
3. CONTENT
	Left Content
	Center Content
	Right Content
4. FOOTER
5. MISC

*/

/* BODY + PAGE */

body {
	background:#4C004A url(../images/bg-body.jpg) repeat;
	color:#fff;
	font:normal 12px "Trebuchet MS", Arial, sans-serif;
	margin:0;
	text-align:center;
}
#page {
	background:#D4EFFA url(../images/bg-page.jpg) top left repeat-x;
	border:1px solid #000;
	border-top:none;
	color:#000;
	margin:0 auto;
	text-align:left;
	width:1020px;
}

/* General Link Styles */

a {
	color:#039bd8;
	text-decoration:underline;
}
a:hover {
	color:#fff;
}
a img {
	border:1px solid #000;
}

/* HEADER */

#header {
	margin:0 auto;
	position:relative;
	width:1000px;
}

/* Logo */

#logo {
	background:url(../images/bg-logo.jpg) top left no-repeat;
	float:left;
	height:100px;
	width:500px;
}
h1 {
	font-size:18px;
	font-weight:bold;
	visibility:hidden;
}
h2 {
	font-size:16px;
	font-weight:bold;
	visibility:hidden;
}

/* Search */

#search {
	position:absolute;
	right:10px;
	top:5px;
}
#search input.textfield {
	background:#fff;
	border:1px solid #0079A6;
	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding:0 2px;
}
#search input.button {
	background:#FEFDAD url(../images/bg-button.jpg) top repeat;
	border:1px solid #0079A6;
	color:#000;
	font:11px "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-left:3px;
	padding:0 2px;
	vertical-align:baseline;
}

/* Top Banner */

#top_banner {
	float:right;
	height:90px;
	margin:30px 0 0;
	width:480px;
}

/* CONTENT */

#content {
	margin:0 auto;
	width:1000px;
}
#content p {
	padding:5px;
}
#content .box a {
	color:#0072BC;
	text-decoration:underline;
}
#content .box a:hover {
	color:#000;
}
#content ul.float {
	float:left;
	width:150px;
}
#content ul li {
	font-size:12px;
	line-height:22px;
	margin:0 0 0 6px;
}
#content ul.archive li {
	background:url(../images/folder.png) top left no-repeat;
	font-size:12px;
	line-height:22px;
	margin:0 0 0 2px;
	padding-left:20px;
}
#content ul li a {
	color:#0072BC;
	font-weight:bold;
	text-decoration:none;
}
#content ul li a:hover {
	color:#000;
}
#content #content_right ul li {
	font-size:12px;
	line-height:18px;
}
#content #content_right ul li a {
	font-weight:normal;
}
#content #content_right ul li strong a {
	font-weight:bold;
}

/* Left content */

#content_left {
	float:left;
	margin:7px 6px 0 0;
	overflow:hidden;
	width:154px;
}
#content_left .box {
	background:#fff url(../images/bg-box_left.jpg) top center repeat-y;
	color:#000;
	margin:0 0 7px 0;
	width:154px;
}
#content_left .box h3.title {
	background:no-repeat;
	height:35px;
	text-align:center;
	width:154px;
}
#content_left .box h3.title.navigation { background-image:url(../images/bg-h3_left_navigation.jpg); }
#content_left .box h3.title.cloud { background-image:url(../images/bg-h3_left_tag.jpg); }
#content_left .box h3.title.topsites { background-image:url(../images/bg-h3_left_topsites.jpg); }
#content_left .box h3.title.sponsors { background-image:url(../images/bg-h3_left_sponsors.jpg); }
#content_left .box h3.title.categories { background-image:url(../images/bg-h3_left_categories.jpg); }
#content_left .box h3.title span {
	visibility:hidden;
}
#content_left .box a img {
	border:none;
	display:block;
	margin:2px auto;
	padding:0;
}
#content_left .box .box_content {
	padding:0 2px;
}
#content_left .box .box_foot {
	background:url(../images/bg-box_left_foot.jpg) bottom no-repeat;
	height:12px;
	width:154px;
}

/* Center Content */

#content_center {
	float:left;
	margin:7px 6px 0 0;
	overflow:hidden;
	width:530px;
}
#content_center .box {
	background:#fff url(../images/bg-box_center.jpg) top center repeat-y;
	color:#000;
	margin:0 0 7px 0;
	width:530px;
}
#content_center .box h3.title {
	background:no-repeat;
	height:35px;
	text-indent:40px;
	width:530px;
}
#content_center .box h3.title.collection { background-image:url(../images/bg-h3_center.jpg); }
#content_center .box h3.title span {
	color:#0072bc;
	font-size:24px;
	font-weight:bold;
}
#content_center .box a, #content_center .box a:hover {
	border-bottom:none;
}
#content_center .latest a img {
	margin-left:11px;
	margin-bottom: 5px;
}
#content_center .box .post_category {
	background:url(../images/folder.png) top right no-repeat;
	font-size:11px;
	margin-right:10px;
	padding-right:20px;
	text-align:right;
}
#content_center .box .plug {
	background:#f9f0c5 url(../images/bg-plug.jpg) no-repeat;
	border:1px solid #00AEEF;
	color:#7d4900;
	display:inline;
	float:left;
	font-size:12px;
	height:102px;
	letter-spacing:0.1;
	line-height:13px;
	margin:1px 0 2px 7px;
	width:252px;
}
#content_center .box .plug a img {
	background:transparent;
	border:none;
	float:left;
	height:90px;
	padding:6px 3px 0 6px;
	width:90px;
}
#content_center .box .plug h4 {
	border-bottom:1px solid #a3620a;
	margin:5px 10px 0 100px;
	padding:0 0 3px 0;
}
#content_center .box .plug h4 a {
	color:#0072BC;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
}
#content_center .box .plug h4 a:hover {
	color:#a3620a;
}
#content_center .box .box_foot {
	background:url(../images/bg-box_center_foot.jpg) bottom no-repeat;
	height:12px;
	width:530px;
}
.pagination {
	color:#64747c;
	margin:10px 5px;
	width:520px;
}
.pagination span {
	background:#FFFEAE;
	border:1px solid #00ADEF;
	font-size:13px;
	font-weight:bold;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	margin:3px 3px 3px 0;
	padding:2px 5px;
	text-align:center;
	width:12px;
}
.pagination span.prev {
	width:70px;
}
.pagination span.next {
	width:44px;
}
.pagination span.active {
	background:#D4EFFA;
	color:#000;
}
.pagination a {
	text-decoration:none;
}
.pagination a:hover {
	color:#000;
	text-decoration:none;
}

/* Right Content */

#content_right {
	float:left;
	margin:7px 0 0 0;
	overflow:hidden;
	width:304px;
}
#content_right a img {
	margin:0 0 2px 2px;
	padding:0;
}
#content_right .box {
	background:#fff url(../images/bg-box_right.jpg) top center repeat-y;
	color:#0072BC;
	margin:0 0 7px 0;
	width:304px;
}
#content_right .box h3.title {
	background:no-repeat;
	height:35px;
	text-align:center;
	width:304px;
}
#content_right .box h3.title.sponsors { background-image:url(../images/bg-h3_right_sponsors.jpg); }
#content_right .box h3.title.premiumsites { background-image:url(../images/bg-h3_right_premiumsites.jpg); }
#content_right .box h3.title.ourfriends { background-image:url(../images/bg-h3_right_ourfriends.jpg); }
#content_right .box h3.title.chosenones { background-image:url(../images/bg-h3_right_chosenones.jpg); }
#content_right .box h3.title.randompictures { background-image:url(../images/bg-h3_right_random.jpg); }
#content_right .box h3.title span {
	visibility:hidden;
}
#content_right .box a img {
	border:none;
	padding:0;
}
#content_right .box  .box_chosen a img {
	border:1px solid #00ADEF;
	padding:0;
	margin:0 0 0 5px;
}
#content_right .box  .box_chosen_pics a img {
	border:1px solid #00ADEF;
	padding:0;
	margin:0 0 5px 5px;
}
#content_right .box .box_foot {
	background:url(../images/bg-box_right_foot.jpg) bottom no-repeat;
	height:12px;
	width:304px;
}

/* FOOTER */

#footer {
	background:url(../images/bg-footer.jpg) bottom right no-repeat;
	color:#000;
	margin:0 auto;
	width:998px;
}
.footer_content {
	padding:5px;
}
#footer a {
	color:#000;
	font-weight:bold;
}
#footer a:hover {
	color:#004e6c;
}

/* MISC */

.clear { clear:both; }
.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }
.small { font-size:10px; }
strong { font-weight:bold; }