/*  
Theme Name: Atlantic
Theme URI: http://www.farktory.net/
Description: A dreamy and smooth two column theme. Designed by <a href="http://www.farktory.net">farktory</a> for  <a href="http://smashingmagazine.com">Smashing Magazine</a>. <br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like, just leave the credits link under your footer. 
Version: 1
Author: farktory
Author URI:  http://www.fartory.net/
Tags: cross-browser, ocean, sea, two columns, fixed width, 960px, twitter, friendfeed, web2.0, smooth
*/


body{background-image:url(images/background.jpg); background-position:top center; background-repeat:no-repeat; background-color:#003046; font-family:tahoma, sans-serif;}
a{outline:none;}
h1, h2, h3, h4{font-family:"Trebuchet MS"; font-weight:normal;}



/* #### CONTAINER, LEFT AND RIGHT COLUMNS ### */
#container{width:960px; margin:0 auto;}
.leftcolumn{width:622px; float:left; padding:30px 0 0 0;}
.rightcolumn{width:328px; float:right; padding:30px 0 0 0;}
/* #### CONTAINER, LEFT AND RIGHT COLUMNS ### */


/* #### TITLE AND NAVIGATION ### */
.title{background-image:url(images/title-back.png); background-repeat:no-repeat; width:622px;}
.title h1{font-size:40px; margin:0px 0 0 50px; padding:25px 0 0 0; color:#fff; font-family:"Trebuchet MS", Tahoma;}
.title h3 {color:#55e2ff; font-size:15px; padding:0 0 0 50px}
.title ul{list-style:none;}
.title ul li{float:left; background-image:url(images/li-back.png); height:140px; background-repeat:no-repeat; width:140px;}
.title ul li:hover{background-position:0 -140px; height:145px; cursor:pointer;}
.title ul li h4{font-size:20px; margin:60px 0 0 38px; padding:0; color:#fff;}
.title ul li h4 a, .title ul li h4 a:hover, .title ul li h4 a:visited, .title ul li h4 a:active{color:#FFFFFF; text-decoration:none;}
.description{width:507px; color:#56ACE7; font-size:12px; font-family:Tahoma, Times, serif; padding:0 0 0 40px;}
/* #### TITLE AND NAVIGATION ### */


/* #### POST ### */
.post{width:540px; background-image:url(images/post-back.png); background-repeat:no-repeat; padding:50px 0 0 60px; font-family:Tahoma; font-size:11px; color:#FFFFFF; line-height:22px;}
.post h2{font-size:25px; color:#fff; line-height:35px; margin:0; padding:0; font-family:"Trebuchet MS", Tahoma;}
.post h2 a, .post h2 a:hover, .post h2 a:visited, .post h2 a:active{color:#FFFFFF; text-decoration:none;}

.post a, .post a:visited, .post a:active{color:#88C9FF; text-decoration:none;}
.post a:hover{text-decoration:underline;}

.post img{border:solid 5px #005069;}
.post p{margin:0 0 10px 0;}
.post blockquote{border-left:solid 5px #002538; width:500px; margin-left:auto; font-size:10px; padding:5px 0px 5px 10px; color:#00BAD1;}

.post-meta{font-family:Tahoma; font-size:11px; color:#FFFFFF; display:block; margin:0 0 10px 0; background-image:url(images/ico3.gif); background-repeat:no-repeat; padding-left:15px; background-position:center left;}

.taglist{background-image:url(images/tag-icon.gif); padding:0 0 0 25px; background-repeat:no-repeat; background-position:left center; color:#88C9FF; font-size:10px;}
.komento{background-image:url(images/ico2.gif); padding: 0 0 0 25px; background-repeat:no-repeat; background-position:left center; color:#88C9FF; font-size:10px;}
/* #### POST ### */


/* #### TWITTER FLICKR ### */
#flickr {list-style:none; margin:15px 0 0 -15px;}
#flickr li{float:left; width:128px; height:115px; background-image:url(images/flickrback.png); text-align:center; background-position:center;}
#flickr li img{border:none; margin:12px 0 0 0}


#twitter{list-style:none; margin:15px 0 0 0;}
#twitter li{background-image:url(images/papericon.gif); padding:5px 0 5px 15px; border-bottom:solid 1px #005075; background-repeat:no-repeat; background-position:0 10px; font-weight:bold; line-height:18px;}
#twitter li span{color:#017F98; font-size:10px; font-weight:normal; margin:0 0 0 10px;}

.baloon{height:40px; width:87px; background-image:url(images/profile-balloon.png); background-repeat:no-repeat; color:#00B9D0; font-size:11px; font-weight:bold; padding:9px 0 0 34px; float:right;}
.baloon a, .baloon a:hover, .baloon a:visited, .baloon a:active{display:block; text-decoration:none; background:none;}
.baloon-white{font-weight:normal; color:#FFFFFF;}
/* #### TWITTER FLICKR ### */



/* #### SIDEBAR ### */
.sidecon{width:290px; background-image:url(images/side-back.png); background-repeat:no-repeat; padding:0 0 0 38px; font-family:Tahoma; font-size:11px; color:#FFFFFF;}
.sidecon h2{font-size:25px; letter-spacing:-2px; color:#fff; margin:0px 0 0 0; padding:60px 0 10px 0; font-family:"Trebuchet MS", Tahoma;}


.category {font-size:11px; font-family:tahoma; color:#FFFFFF; font-weight:bold;}
.category li{background-image:url(images/category-icon.gif); background-repeat:no-repeat; background-position:left top; padding:2px 0 2px 25px; margin:0 0 10px 0; display:block;}
.category li a{color:#FFFFFF; text-decoration:underline;}

.category li ul{margin:10px 0 0 -20px;}
.category li ul li{background-image:url(images/child-icon.gif); padding:0 0 0 20px; background-repeat:no-repeat; background-position:left top; color:#00BAD1; font-size:10px; font-weight:normal; padding:3px 0 0 30px}



.latestcomments{}
.latestcomments li{background-image:url(images/ico2.gif); background-repeat:no-repeat; background-position:left center; color:#fff; font-size:10px; padding:0 0 0 25px; margin:0 0 10px 0}
.latestcomments a, .latestcomments a:hover, .latestcomments a:visited, .latestcomments a:active{color:#00BAD1; text-decoration:none; font-weight:bold; font-size:11px; }


.tagcloud a, .tagcloud a:visited, .tagcloud a:active{font-family:tahoma; color:#FFFFFF; text-decoration:none; margin:0 5px 0 0;}
.tagcloud a:hover{color:#00BAD1}


.search{width:233px; height:38px; background-image:url(images/search.png); background-repeat:no-repeat;}
.search input{background:none; border:none; width:146px; margin:13px 0 0 14px; color:#fff; font-size:11px; float:left}
.search button{background:none; border:none; width:50px; height:35px; margin:0 0 0 5px; float:right; cursor:pointer;}

/* #### SIDEBAR ### */

/* #### COMMENT FORM ### */
.commentform input{border:solid 1px #00BEC8; width:250px; color:#FFFFFF; background:none; font-size:11px; font-family:Tahoma; padding:5px 0 5px 0; margin:10px 0 10px 0;}
.commentform textarea{border:solid 1px #00BEC8; background:none; font-size:11px; font-family:Tahoma; width:450px; height:150px; display:block; margin:10px 0 10px 0; overflow:auto;}

.comment-texts{width:400px; font-size:11px; font-family:Tahoma;}
.comment-texts img{border:0;}

.commentform button{width:89px; height:28px; background-image:url(images/submit.png); border:none; cursor:pointer; background-color:#003046;}
/* #### COMMENT FORM ### */

/* #### COMMENT FORM 2 ### */
.comment2form{}

.comment2form input{border:none; background:none; font-family:Tahoma, Sans-serif; font-size:11px; color:#FFFFFF; margin:12px 0 0 15px; width:230px; cursor:text;}
.commentarea{background-image:url(images/commentform/commentarea.png); width:493px; height:170px; background-repeat:no-repeat; text-align:center;}
.commentarea textarea{border:none; background:none; width:460px; height:150px; overflow:auto; margin:15px 0 15px 0; font-family:Tahoma, Sans-serif; font-size:11px; color:#FFFFFF;}


.name{background-repeat:no-repeat; width:316px; height:38px; background-image:url(images/commentform/name.png); margin:20px 0 10px 0;}
.mail{background-repeat:no-repeat; width:316px; height:38px; background-image:url(images/commentform/mail.png); margin:0 0 10px 0;}
.website{background-repeat:no-repeat; width:316px; height:38px; background-image:url(images/commentform/website.png); margin:0 0 10px 0;}





/* #### COMMENTS ### */
.commentslisting{margin:15px 0 3px -15px; width:540px;}

.commentslisting li{}

.commentslisting li.avatar{float:left; width:128px; height:115px; background-image:url(images/flickrback.png); text-align:center; background-position:center;}
.commentslisting li.avatar img{border:none; margin:12px 0 0 0}

.commentslisting li.comcom{width:402px; float:right; padding:10px 0 0 0}

.commentslisting li.comcom h6{font-family:"Trebuchet Ms"; font-weight:normal; font-size:15px;}

.commentslisting li.comcom h6 span{color:#00BAD1; font-family:tahoma; font-size:10px; font-weight:normal;}
/* #### COMMENTS ### */

.footer{width:400px; margin:0 auto; font-size:11px; color:#FFFFFF; padding:35px 0; text-align:center;}

a.smashinglogo{color:#FFFFFF;  text-decoration:none;}
a.smashinglogo:hover{color:#FFFFFF;  text-decoration:none;}

.clear{clear:both;}