/*
Theme Name: Swimming
Theme URI: http://arubabeaches.net
Description: Next generation theme for arubabeaches.net. First custom theme was "arubabeaches".
Version: 2.0
Author: Gabriel
Author URI: http://arubabeaches.net
Tags: clean, basic, no-widgets just code!
*/

/*** General ***/
body { background-color: #FFF; color: #555; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial; }
div { position: relative; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; border: 0; } /* Reset */
a img { border: 0; } /* Remove border from link image */
br.dirtyLittleTrick { clear: both; display: block; height: 1px; margin: -1px 0 0 0; }
.container { margin: 0 auto; position: relative; width: 960px; } /* Main container width */
.clear { clear: both; } /* Clear all elements */
.floatleft { float: left; }
.floatright { float: right; }
/* Border radius */
.round, #header #srch, #up ul#nav li a, #sidebar #slider ul span a, .ads span a, #recentcomments, .optin #feetbtn, .optin #field, #respond #commentform input#submit, ol.commentlist ul.children li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*** Header ***/
#header { background: #FFF url(http://assets.hmmck.com/img/blue.jpg) repeat-x 0 0; height: 150px; }

#header a#logo { background: url(http://assets.hmmck.com/img/ablg.png) no-repeat 0 0; display: block; height: 100px; left: -20px; position: absolute; text-indent: -9999px; top: 10px; width: 300px; } /* Main Logo */
#header a#logo:hover { background: url(http://assets.hmmck.com/img/ablg.png) no-repeat 0 -100px; }

#header ul#nav { position: absolute; left: 10px; top: 105px; } /* Navigation */
#header ul#nav li { display: inline-block; margin: 0; padding: 0; list-style-type: none; }
#header ul#nav li a { text-shadow: 0 -1px 0 #00527F; color: #FFF; font-size: 1em; font-weight: normal; margin: 0 25px 0 0; padding: 5px 0; text-decoration: none; font-weight: normal; }
#header ul#nav li a:hover { color: #AFE3FF; text-decoration: none; }

#header p { color: #FFF; font-size: 0.75em; right: 10px; position: absolute; text-align: center; top: 25px; width: 235px; } /* Tagline */

#header #srch { background-color: #FFF; opacity: 0.9; padding: 1px; position: absolute; right: 25px; top: 70px; -moz-box-shadow: 0 1px 3px #AAA; -webkit-box-shadow: 0 1px 3px #AAA; box-shadow: 0 1px 3px #AAA; } /* Search */
#header #searchform { margin: 0; }
#header #search { color: #555; font-size: 0.7em; font-weight: normal; padding: 10px; width: 160px; }
#header #searchsubmit { background: url(http://assets.hmmck.com/img/search.png) no-repeat 0 0; cursor: pointer; height: 16px; margin: 5px 5px 0 0; text-indent: -9999px; width: 16px; }
/* Under */
#under { background-color: #EFEFEF; height: 5px; width: 100%; }

/*** Index ***/
/* Main */
#main { float: left; margin: 0 10px; padding: 40px 0 0; width: 540px; }
#main .post { display: block; margin: 0 0 30px; }
#main .post img { -moz-box-shadow: 0 1px 3px #AAA; -webkit-box-shadow: 0 1px 3px #AAA; box-shadow: 0 1px 3px #AAA; height: 100px; padding: 1px; left: 0; position: absolute; top: 5px; width: 100px; }
#main .post .date { border-right: 1px solid #CCC; border-top: 1px solid #CCC; height: 50px; left: 51px; position: absolute; top: 115px; width: 50px; }
#main .post .date .day { font-size: 1.6em; font-weight: bold; left: -18px; position: absolute; top: 10px;}
#main .post .date .month { font-size: 0.9em; font-weight: bold; right: 7px; position: absolute; text-transform: uppercase; top: 12px; }
#main .post .date .year { font-size: 0.7em; right: 7px; position: absolute; top: 25px; }
#main .post h2 { padding: 0 0 15px 120px; }
#main .post h2 a { color: #555; text-decoration: none; }
#main .post h2 a:hover { color: #000; text-decoration: underline; }
#main .post h2 a:visited { color: #AFAFAF; }
#main .post p { font-size: 0.9em; line-height: 150%; padding: 0 0 15px 120px; }
#main .post br { margin: 0 0 15px; }
#main .post a.proceed { padding: 0 0 0 5px; }
/* Sidebar */
#sidebar { float: left; margin: 0 10px; width: 380px; padding: 40px 0 0; }
/* Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; width: 380px; }
#slider2 { margin-top: 1em; }
#slider li, #slider2 li {  
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:380px;
		height:100px;
		overflow:hidden; 
		}
ol#controls { float: right; margin: 0; padding: 0; height: 15px; }
ol#controls li { margin: 0 0 0 5px; padding: 0; float: left; font-size: 0.7em; list-style: none; height: 15px; line-height: 15px; }
ol#controls li a { background-color: #CCC; color: #CCC; float: left; height: 15px; line-height: 15px; padding: 0 5px; text-decoration: none; }
ol#controls li.current a { background: #FFF; color: #FFF; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline: none; }
/* About */
#about { border: 1px solid #CCC; padding: 5px; }
#about p { font-size: 0.8em; }
/* Tweets */
span.aktt_tweets { color: #CCC; font-size: 1.1em; font-weight: bold; display: block; letter-spacing: -1px; margin: 30px 0 0; text-transform: uppercase; }
.aktt_tweets { font-size: 0.8em; margin: 0; }
.aktt_tweets ul { margin: 0; }
.aktt_tweets li { list-style: square inside; padding: 5px 0; }
li.aktt_more_updates { font-style: italic; list-style: none; }
/* Flickr */
#sidebar ul#flickr { padding: 30px 0 0; }
#sidebar ul#flickr li { display: inline-block; list-style: none; margin: 0 3px 0 0; }
#sidebar ul#flickr li img { height: 70px; width: 70px; }
#sidebar ul#flickr li a { border: 1px solid #FFF; display: inline-block; height: 70px; width: 70px; }
#sidebar ul#flickr li a:hover { border: 1px solid #000; }
/* Latest comments */
#recentcomments { border: 1px solid #CCC; margin: 30px 0 0; padding: 5px; }
#recentcomments span { color: #CCC; font-size: 1.1em; font-weight: bold; letter-spacing: -1px; position: absolute; right: 5px; text-transform: uppercase; top: 0; }
#recentcomments ul li { font-size: 0.8em; margin: 5px 0; list-style: none; }
#recentcomments ul li a { color: #555; margin: 0 0 0 5px; text-decoration: underline; }
#recentcomments ul li a:hover { color: #000; text-decoration: none; }
#recentcomments ul li a:visited { color: #AFAFAF; }
/* Latest entrees */
#latest span { color: #CCC; font-size: 1.4em; font-weight: bold; display: block; letter-spacing: -1px; margin: 30px 0 0; text-transform: uppercase; }
#latest { font-size: 0.8em; margin: 30px 0; }
#latest p#featured a { border: 1px solid #CCC; padding: 5px 0 5px 2px; }
#latest p#featured a:hover { border: 1px solid #555; }
#latest a { color: #555; display: block; margin: 1px 0 0; padding: 5px 0; text-decoration: none; }
#latest a:hover { background-color: #EFEFEF; color: #000; display: block; }
/* Tag cloud */
#cloud a { color: #555; }
#cloud a:hover { color: #000; }

/*** Article ***/
/* Structure */
#article .post { width: 620px; margin: 40px 0 0 170px; }
/* Title */
#article .post h1 { font-size: 2.2em; margin: 0 0 20px; }
/* Content info */
#article .post .artinfo { border-bottom: 1px solid #CCC; background-color: #F9F9F9; display: block; height: 35px; margin: 0 0 20px; }
#article .post .artinfo #day { font-size: 1.6em; font-weight: bold; left: 5px; position: absolute; top: 3px;}
#article .post .artinfo #month { font-size: 0.9em; font-weight: bold; left: 39px; position: absolute; text-transform: uppercase; top: 5px; }
#article .post .artinfo #year { font-size: 0.7em; left: 39px; position: absolute; top: 19px; }
#article .post .artinfo .comment { border-left: 1px solid #CCC; color: #333; font-size: 0.8em; font-style: italic; left: 80px; padding: 5px 15px 0; position: absolute; top: 5px; }
#article .post .artinfo .comment  a { color: #333; text-decoration: none; }
#article .post .artinfo .comment a:hover { color: #000; text-decoration: underline; }
#article .post .artinfo .wordcount { color: #CCC; font-size: 0.8em; font-style: italic; position: absolute; right: 10px; top: 9px; }
#article .post p { font-size: 0.9em; margin: 0 0 20px; }
#article .post img { padding: 1px; -moz-box-shadow: 0 1px 3px #AAA; -webkit-box-shadow: 0 1px 3px #AAA; box-shadow: 0 1px 3px #AAA; }
#article .post em { border-right: 3px solid #CCC; font-size: 0.9em; font-style: italic; float: left; margin: -115px 0 0 -165px; padding: 10px 10px 10px 0; text-align: right; width: 140px; } /* Only as caption */
#article .post h2 { font-size: 1.9em; margin: 0 0 15px; }
#article .post h3 { font-size: 1.6em; margin: 0 0 15px; }
#article .post h4 { font-size: 1.3em; margin: 0 0 15px; }
#article .post h5 { font-size: 1em; margin: 0 0 15px; }
#article .post h6 { font-size: 0.7em; margin: 0 0 15px; }
#article .post ul, #article .post ol { border-top: 1px solid #EFEFEF; font-size: 0.9em; margin: 0 0 15px; }
#article .post ul li { background: url(http://assets.hmmck.com/img/abbllt.png) no-repeat 0 11px; border-bottom: 1px solid #EFEFEF; list-style: none; padding: 10px 0 7px 20px; }
#article .post ol li { border-bottom: 1px solid #EFEFEF; list-style-position: inside; padding: 10px 0 7px 10px; }
#article .post blockquote { background-color: #DFDFDF; border-left: 5px solid #CCC; color: #000; font-size: 0.8em; font-style: italic; margin: 0 0 15px 30px; padding: 25px; width: 80%; }
#article .post blockquote p { margin: 0; }
/* Footer */
.art-foot { background-color: #EFEFEF; height: 215px; display: block; }
.art-foot .title { text-shadow: 1px 1px 1px #CCC; color: #DFDFDF; padding: 10px 0 0; font-size: 3em; font-weight: bold; text-align: center; }
.art-foot .social, .art-foot .related { color: #CCC; height: 130px; padding: 10px; position: absolute; top: 70px; width: 140px; }
.art-foot .art-foot .social span, .art-foot .related span { color: #555; display: block; font-size: 0.8em; font-style: italic; margin: 0; padding: 0; }
.art-foot .social { left: 225px; }
.art-foot .related { left: 425px; }
/* Optin */
.optin form { margin: 0; padding: 0; }
.optin span { font-size: 0.9em; font-weight: bold; }
.optin #field { background-color: #F9F9F9; border: 1px solid #CCC; font-size: 0.9em; margin: 5px 0; padding: 5px; width: 350px; }
.optin #field:hover { background-color: #FFF; border: 1px solid #555; }
.optin #feetbtn { background-color: #05A0FC; color: #FFF; cursor: pointer; font-size: 0.8em; padding: 3px 6px; text-shadow: 1px 1px 1px #007BBF; }
.optin #feetbtn:hover { background-color: #007BBF; color: #FFF; }
.optin #nospam { font-size: 0.9em; font-style: italic; font-weight: normal; }
/* Social */
.art-foot .social a { color: #05A0FC; font-size: 0.7em; display: block; padding: 6px 0 6px 20px; margin: 0 0 0 5px; text-decoration: none; }
.art-foot .social a:hover { text-decoration: underline; }
.art-foot .social a#tweet { background: url(http://assets.hmmck.com/img/tweet.png) no-repeat 0 5px; }
.art-foot .social a#rss{ background: url(http://assets.hmmck.com/img/rss.png) no-repeat 0 5px; }
.art-foot .social a#flickr { background: url(http://assets.hmmck.com/img/flickr.png) no-repeat 0 5px; }
/* Related */
.art-foot .related span#topics a { color: #05A0FC; font-size: 0.9em; font-style: normal; text-decoration: none; }
.art-foot .related span#topics a:hover { text-decoration: underline; }
/* Yarpp */
#article h5.meta { text-shadow: 1px 1px 1px #CCC; color: #DFDFDF; padding: 10px 0 0; font-size: 1.9em; font-weight: bold; text-align: center; }
#article ol.related-posts { border: none; clear: both; display: block; height: 200px; margin: 15px 0; }
#article ol.related-posts li { border: none; clear: right; list-style: none; float: left; height: 100px; margin: 0; padding: 0; width: 124px; }
#article ol.related-posts li img { display: block; margin: 10px 20px 10px 0; height: 100px; padding: 1px; width: 100px; -moz-box-shadow: 0 1px 3px #AAA; -webkit-box-shadow: 0 1px 3px #AAA; box-shadow: 0 1px 3px #AAA; }
#article ol.related-posts li a { clear: both; color: #05A0FC; display: block; font-size: 0.8em; text-align: center; text-decoration: none; width: 100px; }
#article ol.related-posts li a:hover { text-decoration: underline; }
/* Feedback */
/* Comments */
h3#comments { font-size: 1.5em; margin: 80px 0 0 170px; text-transform: uppercase; width: 620px; }
ol.commentlist { border-top: 1px solid #EFEFEF; margin: 20px 0 0; }
ol.commentlist .comment-author { padding: 10px 0 0; }
ol.commentlist .even { background-color: #F9F9F9; }
ol.commentlist .avatar { left: -45px; position: absolute; top: 15px; }
ol.commentlist span.says { font-size: 1px; left: -9999px; position: absolute; top: 0; }
ol.commentlist cite.fn { color: #333; font-size: 1.4em; font-style: normal; padding: 10px 0 0; }
ol.commentlist cite.fn a { color: #05A0FC; }
ol.commentlist cite.fn a:hover { text-decoration: none; }
ol.commentlist .comment-meta { position: absolute; right: 5px; top: 10px; text-align: right; }
ol.commentlist .comment-meta a { color: #CCC; font-size: 0.8em; text-decoration: underline; }
ol.commentlist li { border-bottom: 1px solid #EFEFEF; list-style: none; min-height: 150px; padding: 0; }
ol.commentlist li .comment-body { font-size: 12px; margin: 0; padding: 0 0 0 170px; }
ol.commentlist li .comment-body p { font-size: 1.2em; margin: 10px 0; }
ol.commentlist li.bypostauthor { background-color: #6FCCFF; }
ol.commentlist li.bypostauthor .comment-body p { color: #FFF; padding: 10px 10px 10px 0; }
ol.commentlist li.bypostauthor cite.fn a { color: #FFF; padding: 10px 0 0; text-decoration: underline; }
ol.commentlist li.bypostauthor cite.fn a:hover { text-decoration: none; }
ol.commentlist li.bypostauthor .comment-meta a { color: #555; }
/* Reply */
ol.commentlist ul.children { margin: 0 0 0 170px; width: 500px; }
ol.commentlist ul.children li { background-color: #FFF; border: 1px solid #333; color: #333; margin: 10px 0; }
ol.commentlist ul.children li .comment-body { margin: 0; padding: 0 0 0 50px; }
ol.commentlist ul.children li .comment-body p { color: #333; }
ol.commentlist ul.children li .comment-body a { color: #333; text-decoration: underline; }
ol.commentlist ul.children li .comment-body a:hover { text-decoration: none; }
/* Respond */
#respond { margin: 100px 0 0 170px; width: 620px; }
#respond h3 { font-size: 1.5em; padding: 0 0 10px; text-transform: uppercase; }
#respond form#commentform { display: block; }
#respond #commentform label { font-size: 1em; font-weight: normal; display: block; padding: 0 0 2px; }
#respond #commentform input { border: 1px solid #333; font-size: 0.9em; margin: 0 0 10px; padding: 4px; width: 245px; }
#respond #commentform textarea { border: 1px solid #333; font-size: 0.9em; padding: 4px; }
#respond #commentform input#submit { background-color: #05A0FC; color: #FFF; cursor: pointer; font-size: 0.8em; margin: 15px 0 0; padding: 3px 6px; text-shadow: 1px 1px 1px #007BBF; position: absolute; left: 0; bottom: -40px; }
#respond #commentform input#submit:hover { background-color: #007BBF; color: #FFF; }
#respond span { background-color: #05A0FC; top: 0; color: #FFF; font-size: 0.9em; font-style: italic; display: block; padding: 10px; position: absolute; right: 0; width: 50%; }

/*** Others ***/
/* Ads */
.sliads { margin: 0 auto; }
.artads { display: block; left: -20px; position: absolute; text-align: center; top: 75px; width: 165px; z-index: 1000; }
.ads img { display: block; margin: 0 auto; }
.ads a img { border: 0; display: block; }

.ads p { color: #444; font-size: 0.7em; line-height: 150%; padding: 15px 0; text-align: center; }
.ads p a { color: #05A0FC; text-decoration: none; }
.ads p a:hover { text-decoration: underline; }
/* Ads by arubabeaches.net */
.ads span { display: block; text-align: center; }
.ads span a { font-size: 0.6em; padding: 5px 10px; text-decoration: none; }
.ads span a:hover { text-decoration: none; }
.ads span a.grey { background-color: #F9F9F9; color: #CCC; }
.ads span a.grey:hover { background-color: #EFEFEF; color: #333; }
.ads span a.blue { background-color: #EFF6FF; color: #C3DDDF; }
.ads span a.blue:hover { background-color: #C3DDDF; color: #FFF; }

/* Pages */
#page { margin: 40px 10px 0; padding: 15px 0 0; }
#page h2 { font-size: 3em; padding: 10px 0; }
#page h3 { font-size: 1.3em; padding: 0 0 10px; }
#page h4 { font-size: 1.1em; padding: 0 0 10px; }
#page h5 { font-size: 0.8em; padding: 0 0 10px; }
#page p { font-size: 1em; padding: 0 0 10px; line-height: 150%; }
#page legend { font-size: 1.3em; padding: 5px; }
#page form#cformsform { background-color: #EFEFEF; }
#page form#cformsform ol { list-style: none; }
#page form#cformsform ol li label { width: 200px; }
/* Archive */
.archive { margin: 40px 0 0; }
.archive h2 { font-size: 1.7em; font-weight: bold; text-transform: uppercase; padding: 15px 0; }
.archive h3 { margin: 0 0 10px; }
.archive h3 a { color: #555; font-size: 1.7em; text-decoration: none; }
.archive h3 a:hover { color: #000; border-bottom: 1px solid #000; }
.archive p a { color: #555; text-transform: uppercase; }
.archive p { border-bottom: 1px solid #CCC; margin: 0 0 15px; padding: 0 0 15px; }
/* Archive Design */
span.monthtitle { font-size: 1.3em; margin: 10px 0; }
ul.postspermonth { margin: 0 0 15px; }
ul.postspermonth li { font-size: 1.1em; margin: 3px 0; padding: 0 0 0 15px; }
/* 404 Lost */
#lost { margin: 40px 0 0; }
#lost p a { color: #555; display: block; padding: 5px 0; text-decoration: none; }
#lost p a:hover { background-color: #EFEFEF; color: #000; display: block; }
/* Pagination */
span#pagination { display: block; margin: 25px 0 25px 120px; }
span#pagination a { background-color: #555; color: #EFEFEF; font-size: 1em; margin: 10px 10px 10px 0; padding: 10px; text-decoration: none; }
span#pagination a:hover { background-color: #000; color: #FFF; text-decoration: underline; }
/* Contact */
.wpcf7 { background-color: #EFEFEF; padding: 10px; }
.wpcf7 h4 { font-size: 2em; }
.wpcf7 em { display: block; }
.wpcf7 input { border: 1px solid #CCC; font-size: 1.2em; padding: 5px; }
.wpcf7 textarea { width: 313px; }

/*** Footer ***/
#footer { font-size: 0.7em; margin: 40px 0 0; padding: 25px 0; text-align: center; }