/*
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; }
.clear { clear: both; }
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: 12px;
	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; min-width: 1000px; }

#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 !important; background-color: transparent !important; }
#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.png) 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; }
*/

.decent-comments .comment {
	padding-bottom: 10px;
}

.decent-comments .comment-avatar {
	padding-right: 0px !important;
}

.decent-comments .comment-avatar img {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

.decent-comments .comment-link:after {
	clear: none !important;
	content: ".";
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: auto;
	visibility: hidden;
	display: inline !important;
}

.decent-comments .comment-excerpt {
	font-style: italic;
	color: #000 !important;
}

.decent-comments .comment-link a,
.decent-comments .comment-link {
	color: #999 !important;
}

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

.widget_rtlasttweetwidget p { border: 1px solid #a3d0e0; background-color: #e8f9ff; padding: 6px 6px; overflow:hidden; }
.widget_rtlasttweetwidget p img { float: left; width: 48px; height: 48px; margin: 0 4px 0 0; }

/* post styles */

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

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

h4, .post h4, .post h4 a {
	color: #111;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 4px;
}

.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; max-width: 100% !important; height: auto !important; }
.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; line-height: 1.5em; }
.post blockquote { background-color: #ededed; border: 1px solid #e8e7e5; padding: 8px 10px; margin: 20px; line-height: 1.5em; }
.post code { background-color: #ededed; }

.post h2 { clear: left; font-size: 14px; margin: 2em 0 0.5em 0; }

.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; }

.rtlm-inline { border: 1px solid #ccc; padding: 6px 10px; margin: 20px 0; }

.bigasslink {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:9px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	margin: 1em 0 2em 0;
}

.bigasslink:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}

.bigasslink:active {
	position:relative;
	top:1px;
}


/* 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.pingback { padding: 4px 10px; }

#commentlist li.authorcomment { border-color: #777; }

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

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

#commentlist ul { margin-left: 20px; list-style-type: none; }

.commentreplylink { display: block; float: right; }
.commentreplylink a,
.commentreplylink a:hover,
.commentreplylink a:visited { color: #900; }

.commentnav { height: 30px; padding: 0 10px; }
.commentnav .alignleft { float: left; }
.commentnav .alignright { float: right; }

#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: 100%; }

/* footer */

#footer {
	clear: both;
	font-size: 11px;
	color: #d3e1f0;
	background: #4e89c4 url(images/footerback.png) repeat-x top left;
}

#footerrap { background: url(images/footerwave.png) no-repeat 50% top; padding: 120px 0 80px 0; }
#footercontent { width: 980px; margin: 0 auto; text-align: left; }
#footercredits {	display: block; float: right; width: 350px; padding: 1px 0; line-height: 1.25em; }
#footercredits div { padding: 0 10px; }
#footercredits div.widget { border: none; border-left: 1px solid #7aa7d3; }

#footer a { color: #d3e1f0; }
#footer a:hover { color: #fff; }
#footer a:visited { color: #a7c4e2; }
#footer a:active { color: #fff; }

#footercredits a { color: #fff; text-decoration: underline; }

#sidebar-footer div.widget { float: left; width: 190px; border: none; border-left: 1px solid #7aa7d3; }
#sidebar-footer div.widgetcontent { padding: 0 10px; }

#footer h5,
#footer h5 a,
#footer h5 a:hover,
#footer h5 a:visited { font-size: 11px; color: #193753; font-weight: bold; margin-bottom: 0.5em; }

/* top menu */

div#topmenubar { border-top: 1px solid #ccc; padding-top: 8px; margin-right: 38px; height: 31px; }

ul#topmenu {  font-weight: bold; }
ul#topmenu a { color: #111; }
ul#topmenu a:hover { color: #111; text-decoration: none; }
ul#topmenu a:visited { color: #111; }
ul#topmenu a:active { color: #111; }
ul#topmenu li { position: relative; display: block; float: left; padding: 4px 8px; }
ul#topmenu li.active { background-color: #5494d3; color:#fff; }
ul#topmenu li.active a { color:#fff; }
ul#topmenu li.active ul a { color:#111; }
ul#topmenu li.topmenuintro { padding-left: 0; font-weight: normal; background-color: #fff !important; color:#111 !important; }
ul#topmenu li ul { display: none; position: absolute; top: 0; left: 0; padding-top: 23px; border-bottom: 1px solid #999; }
ul#topmenu li ul li { display: block; width: 200px; border: 1px solid #999; border-bottom: none; padding: 0; margin: 0; }
ul#topmenu li ul li a { display: block; background-color: #eee; padding: 4px 8px; color: #111; font-weight: normal; }
ul#topmenu li ul li a:hover { background-color: #5494d3; color: #fff; }