/*
Theme Name: Underwaterworld
Theme URI: http://www.roytanck.com
Description: Custom theme for roytanck.com
Version: 1.0
Author: Roy Tanck
*/

/* common styles */
* { margin: 0; padding: 0; }
a img { border: none; }
p { margin-bottom: 1em; line-height: 1.5em; }
table { border-collapse: collapse; border: none; }
td { vertical-align: top; }
html, body { height: 100%; }
.left { float: left; }
.right { float: right; }
select, option, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #fff url(images/back.png) repeat-x 50% top;
	color: #111;
}

a { color: #900; text-decoration: none; }
a:hover { color: #111; text-decoration: underline; }
a:visited { color: #600; }
a:active { color: #111; }

#container {
	background: url(images/illustrations.png) no-repeat top center;
}

#rap {
	width: 980px;
	background: url(images/illustrations.png) no-repeat top center;
	margin: 0 auto;
	text-align: left;
}



#header { height: 166px; position: relative; }

#header img#title { position: absolute; left: 4px; top: 55px; }
#header div#search { position: absolute; left: 627px; top: 0px; no-repeat top left; height: 122px; width: 238px; }
#header div#search input#s { width: 200px; position: absolute; top: 95px; left: 20px; border: none; background-color: transparent; }
#header div#search input#submit { display: none; }
#header div#rss { position: absolute; left: 892px; top: 70px; }
#header div#rss img { display: inline; vertical-align: top; }

#content {
	width: 630px;
	float: left;
	border-right: 1px solid #ccc;
	background: url(images/shadow.gif) no-repeat top right;
	margin-bottom: 10px;
}

#menu {
	margin-left: 644px;
}

/* sidebars */

#sidebarfull {
	float: right;
	clear: right;
	width: 336px;
}

#sidebarleft {
	width: 160px;
	float: left;
	clear: none;
	overflow: hidden;
}

#sidebarright {
	width: 160px;
	float: right;
	clear: none;
	overflow: hidden;
}

/* widgets */

.widget {
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 20px;
	line-height: 1.5em;
}

.widget a { color: #555; }
.widget h2 { font-size: 12px; color: #111; padding: 2px 0; }
.widget ul { list-style-type: none; }
.widget li { padding: 1px 0; line-height: 1.25em; }
.widget ul ul { margin-left: 10px; }
.widget select, .widget option, .widget input { font-size: 12px; }

.widget_recent_comments li,
.widget_recent_entries li,
.widget_rss li { padding: 3px 0; }

.widget_archive select,
.widget_categories select,
.rt_search input#s { width: 156px; font-size: 12px; }

/* post styles */

.post {
	margin-bottom: 30px;
	padding-top: 10px;
	clear: left;
	width: 592px;
	border-top: 1px solid #ccc;
}

.post h3, .post h3 a {
	color: #111;
	font-size: 24px;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 16px;
}

.post a.special,
.post a.special:hover,
.post a.special:visited,
.post a.special:active { color: #111; border-bottom: 1px dotted #999; text-decoration: none; }

/* image alignment options */
.post img { border: 1px solid #ccc; }
.post img.alignnone { float: none; display: block; }
.post img.aligncenter { float: none; margin: 0 auto 5px auto; }
.post img.alignleft { float: left; margin: 0 10px 5px 0; }
.post img.alignright { float: right; margin: 0 0 5px 10px; }
.post img.wp-smiley { float: none; display: inline; margin: 0; border: none; }

.post ul { list-style-type: square; padding-left: 30px; margin-bottom: 1.5em; }
.post ol { list-style-type: decimal; padding-left: 30px; margin-bottom: 1.5em; }
.post li { margin: 0.25em 0; }
.post blockquote { background-color: #ededed; border: 1px solid #e8e7e5; padding: 8px 10px; margin: 20px; }
.post code { background-color: #ededed; }

.post h2 { font-size: 14px; margin-bottom: 0.5em; }

.storycontent table {
	clear: both;
	border-collapse:collapse;
	margin-bottom: 20px;
}

.storycontent th {
	background-color: #900;
	border-bottom: 1px solid #ccc;
	padding: 2px 5px;
	color: #fff;
}

.storycontent td {
	border-bottom: 1px solid #ccc;
	padding: 2px 5px;
}

.meta {
	color: #999;
	line-height: 1.5em;
	font-size: 11px;
	clear: left;
}
.meta a { color: #999; text-decoration: none; }

#pagenav {
	background-color: #fff;
	padding: 10px 27px;
	margin-bottom: 20px;
	clear: left;
	text-align: center;
}

.attentionbox { border: 1px solid #c00; padding: 6px 10px; background-color: #fee; margin-bottom: 1.5em; }

/* comment styles */

#commentcontainer,
#commentformcontainer { width: 592px; }

#commentcontainer h3,
#commentformcontainer h3 {
	color: #111;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 16px 0;
}

#commentcontainer h3 a,
#commentcontainer h3 a:hover {
	color: #111;
	text-decoration: none;
}

#commentlist { list-style-type: none; }

#commentlist li {
	background-color: #fff;
	padding: 8px 10px;
	margin-bottom: 20px;
	overflow: auto;
	border: 1px solid #ccc;
}

#commentlist li img.avatar {
	float: left;
	margin: 0 8px 4px 0;
}

#commentlist li p.meta {
	clear: left;
}

#pinglist {
	list-style-type: none;
	padding: 8px 10px;
	margin-bottom: 20px;
	overflow: auto;
	border: 1px solid #ccc;
}

#commentform {
	background-color: #fff;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}

#commentlist li p.meta { margin-bottom: 0; }

#commentform p { margin-bottom: 1em; }

#commentform input#author,
#commentform input#email, 
#commentform input#url { width: 160px; margin-right: 5px; }

#commentform textarea#comment { width: 590px; }

/* footer */

#footer {
	clear: both;
	padding: 0px 0 70px 0;
	font-size: 11px;
	color: #fff;
	background: #5494d3 url(images/footerback.png) repeat-x top left;
}

#footer p {
	display: block;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}

#footer a { color: #fff; background-color: #26435f; padding: 1px 4px; }
#footer a:hover { color: #111; text-decoration: none; background-color: #ff9002; }
#footer a:visited { color: #fff; }
#footer a:active { color: #fff; }

#footer a#footerrss {
	float: right;
	background-color: transparent;
	margin: -11px 0 -32px 0;
}