/*  
Theme Name: C.S.Ling Dreamscaper Professional
Theme URI: http://cslingphotography.com/blog
Description: Design and codes by <a href="http://cslingphotography.com">C.S.Ling</a> unless otherwise stated.
Version: 1.0
Author: C.S.Ling
Author URI: http://cslingphotography.com

*/



/* Global
------------------------------------------------------------------*/

* html {
overflow: hidden;
}

* html body {
height: 100%;
overflow: auto;
}

html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol{
margin:0;
padding:0;
}
	
body {
color:#ceebeb;
background:#172225 url(images/bg.gif) repeat-y 0 0;
font:11px Verdana,Arial,Helvetica,sans-serif;
}

hr {
clear:both;
visibility:hidden;
}

ul,li {
list-style-type:none;
line-height:15px;
}

.clear {
clear:both;
}
	
img {
border:0px;
}	
p{
margin-bottom:10px;
}

a:link, a:visited{
color:#4dc8ea;
background-color: inherit;
text-decoration:none;
}

a:hover, a:active{
text-decoration:underline;
}

.icon{
margin-right:6px;
vertical-align:text-bottom;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.blue{
color:#4a8797;
}

.grey{
color:#858585;
}

.beige{
color:#b9b09d;
}
	
/* Container and Columns
------------------------------------------------------------------*/
#Container{
width: 985px;
position:relative;
left:0;
border-top:8px solid #00344f;
}

#Main_col{
float:left;
width:605px;
}

#Photo_col{
float:left;
width:149px;
background:url(images/side_col_top.gif) repeat-x;
padding: 60px 0 0 12px;
margin-right:2px;
color:#50595b;
background-color: inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

#Side_col{
float:left;
width:200px;
padding: 60px 0px 0px 15px;
background:url(images/side_col2_top.gif) repeat-x;
}

#Header{
width:605px;
height:280px;
margin-bottom:30px;
}

#Header_a1{
width:302px;
height:104px;
background-image:url(images/header_a1.jpg);
float:left;
}

#Header_a2{
width:302px;
height:104px;
background-image:url(images/header_a2.jpg);
float:left;
}

#Header_b1{
width:302px;
height:89px;
background-image:url(images/header_b1.jpg);
float:left;
}

#Header_b2{
width:302px;
height:89px;
background-image:url(images/header_b2.jpg);
float:left;
}

#Header_c1{
width:302px;
height:87px;
background-image:url(images/header_c1.jpg);
float:left;
}

#Header_c2{
width:177px;
height:87px;
background-image:url(images/header_c2.jpg);
float:left;
padding-left:125px;
}

#Content_Wrapper{
padding:0px 18px 0px 18px;
}

/* Menu
------------------------------------------------------------------*/
#Menu{
height: 27px;
margin-top:60px;
}

#Menu a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#Menu .active{
display:block;
float:left;
width:74px;
height:27px;
padding-top:5px;
background:url(images/menu_over.gif) no-repeat;
text-align:center;
color:#86e0ff;
background-color: inherit;
}

#Menu a:link, #Menu a:visited{
display:block;
float:left;
width:74px;
height:22px;
padding-top:5px;
text-align:center;
color:#86e0ff;
background-color: inherit;
margin-right:7px;
}


#Menu a.menulink:link, #Menu a.menulink:visited{
display:block;
float:left;
width:74px;
height:22px;
padding-top:5px;
text-align:center;
color:#fff;
background-color: inherit;
}

#Menu a.menulink:hover, #Menu a.menulink:active{
display:block;
float:left;
width:74px;
height:22px;
padding-top:5px;
text-align:center;
color:#86e0ff;
background-color: inherit;
}

/* Search Bar
------------------------------------------------------------------*/
#Search{
width:160px;
height: 22px;
margin-top:65px;
background:url(images/search_box.gif) no-repeat top left;
float:left;
overflow:hidden;
}

#Search .searchbox{
width:120px;
height:12px;
background-color:#131718;
border:0px;
margin:3px 0px 3px 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#9f9f9f;
}

#Search .searchbut{
width:26px;
height:22px;
background:url(images/icon_search.gif) no-repeat;
border:0px;
padding:0px;
}

/* Entry Box
------------------------------------------------------------------*/
.Entry_Box{
width:570px;
margin-bottom:40px;
}

.entry_top{
width:570px;
height:85px;
color: inherit;
background:#172124 url(images/entry_top.gif) no-repeat;
}

.entry_top2{
width:570px;
height:44px;
color: inherit;
background:#172124 url(images/entry_top2.gif) no-repeat;
}


.entry_middle{
width:520px;
background:#172124 url(images/entry_middle.gif) repeat-y;
padding: 7px 24px 20px 24px;
color:#a1b2b3;
line-height:150%;
}

.entry_bottom{
width:570px;
height:43px;
color: inherit;
background:#172124 url(images/entry_bottom.gif) no-repeat;
margin-top:-10px;
}

.entry_title{
width:462px;
height:33px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#4dc8ea;
background-color:#131718;
margin:0px;
padding:0px;
padding-left:25px;
float:left;
}

.entry_month{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
color:#fff;
float:left;
padding: 17px 0px 0px 9px;
}

.entry_author{
width:165px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cdcdcd;
padding-top: 6px;
padding-left:25px;
float:left;
}

#entry_tag{
width:300px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cdcdcd;
padding-top: 6px;
float:left;
}

#entry_tag a:link, #entry_tag a:visited{
color:#cdcdcd;
text-decoration:none;
}
#entry_tag a:hover, #entry_tag a:active{
color:#4a8797;
text-decoration:none;
}

.entry_day{
height:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
line-height:25px;
color:#fff;
padding-top:0px;
padding-left:14px;
float:left;
}

.entry_permlink{
width:165px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cdcdcd;
padding-top: 2px;
padding-left:25px;
float:left;
}

.entry_rss{
width:300px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cdcdcd;
padding-top: 2px;
float:left;
}

.entry_year{
height:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#555555;
padding-top:0px;
padding-left:4px;
float:left;
}

.entry_comment{
width:40%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4a8797;
padding-top:10px;
padding-left:28px;
float:left;
}

.entry_continue{
width:50%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4a8797;
padding-top:10px;
float:left;
}

a.entry_toplink:link, a.entry_toplink:visited{
color:#cdcdcd;
text-decoration:none;
}
a.entry_toplink:hover, a.entry_toplink:active{
color:#4a8797;
text-decoration:none;
}

a.entry_botlink:link, a.entry_botlink:visited{
color:#b9b09d;
text-decoration:none;
}
a.entry_botlink:hover, a.entry_botlink:active{
color:#4a8797;
text-decoration:none;
}

/* Social Bookmarking Icons
------------------------------------------------------------------*/
a.hilite:hover {
background-position: 0px -13px;
}

a.rss{
float:left;
display:block;
width:22px;
height:16px;
background:url(images/social_icons/icon_rss.gif) no-repeat;
background-position: 0px 1px;
}

a.technorati{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_technorati.gif) no-repeat;
background-position: 0px 1px;
}

a.delicious{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_delicious.gif) no-repeat;
background-position: 0px 1px;
}

a.digg{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_digg.gif) no-repeat;
background-position: 0px 1px;
}

a.blinklist{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_blinklist.gif) no-repeat;
background-position: 0px 1px;
}

a.stumble{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_stumble.gif) no-repeat;
background-position: 0px 1px;
}

a.blogmark{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_blogmark.gif) no-repeat;
background-position: 0px 1px;
}

a.google{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_google.gif) no-repeat;
background-position: 0px 1px;
}

a.yahoo{
float:left;
display:block;
width:22px;
height:15px;
background:url(images/social_icons/icon_yahoo.gif) no-repeat;
background-position: 0px 1px;
}

/* Bottom Bar
------------------------------------------------------------------*/
#prev1 a:link, #prev1 a:visited{
float:left;
display:block;
width:86px;
height:44px;
background:url(images/prev.gif) no-repeat;
background-position: 0px 1px;
}

#prev1 a:hover, #prev1 a:active{
background-position: 0px -45px;
text-decoration:none;
}

#next1 a:link, #next1 a:visited{
float:left;
display:block;
width:80px;
height:44px;
background:url(images/next.gif) no-repeat;
background-position: 0px 1px;
}

#next1 a:hover, #next1 a:active{
background-position: 0px -45px;
text-decoration:none;
}



a.flower{
float:left;
display:block;
margin-top:15px;
width:400px;
height:44px;
background:url(images/flower_bottom.gif) no-repeat;
background-position: 48% 0px;
}

a.hiliteflower:hover {
background-position: 48% -53px;
}

#Bottom{
width:575px;
height:210px;
color: inherit;
background:#090d0e url(images/bottom_top.gif) repeat-x;
padding: 20px;
padding-right:10px;
}

#Bottom_Archive{
width:175px;
height:210px;
float:left;
color: inherit;
background:#090d0e url(images/bottom_side_shadow.gif) repeat-y 170px 0px;
}

#Bottom_Archive ul a:link, #Bottom_Archive ul a:visited{
width:160px;
display:block;
color:#777777;
background-color: inherit;
text-decoration:none;
border-bottom: 1px solid #171b1c;
padding-top:4px;
padding-bottom:4px;
}

#Bottom_Archive ul a:hover, #Bottom_Archive ul a:active{
color:#4a8797;
background-color: inherit;
}


a.bottom_title:link, a.bottom_title:visited{
width:92%;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
line-height:25px;
color:#b9b09d;
background-color: inherit;
border-bottom: 1px solid #000;
padding-bottom:4px;
}

a.bottom_title:hover, a.bottom_title:active{
color:#fff;
background-color: inherit;
}

a.bottom_link:link, a.bottom_link:visited {
width:160px;
display:block;
color:#777777;
background-color: inherit;
text-decoration:none;
border-bottom: 1px solid #171b1c;
padding-top:4px;
padding-bottom:4px;
}

a.bottom_link:hover, a.bottom_link:active {
color:#4a8797;
background-color: inherit;
}

#Bottom_Tag{
width:200px;
height:210px;
float:left;
margin-left:10px;
margin-right:0px;
padding-right:12px;
color: inherit;
background:#090d0e url(images/bottom_side_shadow.gif) repeat-y 209px 0px;
text-align:center;
}

#Bottom_Quote{
width:170px;
height:170px;
float:left;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#b9b09d;
padding-left:5px;
font-style:italic;
}

#Copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777777;
background-color: #090d0e;
text-align:center;
padding-top:5px;
padding-bottom:15px;
}

a.copyright_link:link, a.copyright_link:visited {
color:#777777;
background-color: inherit;
}

a.copyright_link:hover, a.copyright_link:active {
color:#4a8797;
background-color: inherit;
}


/* Photo Column
------------------------------------------------------------------*/
a.photo_link:link, a.photo_link:visited {
font-size:10px;
color:#4a8797;
background-color: inherit;
}

a.photo_link:hover, a.photo_link:active {
color:#777;
background-color: inherit;
}

a:link img.photo, a:visited img.photo {
border: 3px solid #3a3a3a;
}

a:hover img.photo, a:active img.photo {
border: 3px solid #368196;
}

a:hover {background-position: 0 0}

a.flower_photo{
float:left;
display:block;
margin-top:15px;
width:130px;
height:44px;
background:url(images/flower_bottom.gif) no-repeat;
background-position: 48% 0px;
}

/* Playground Column
------------------------------------------------------------------*/
a:link img.photothin, a:visited img.photothin{
border: 2px solid #3a3a3a;
}

a:hover img.photothin, a:active img.photothin{
border: 2px solid #368196;
}

a:hover {background-position: 0 0}

.side_txt{
font-size:10px;
}


#Side_col p{
line-height: 14px;
}

ol.sidelist{
list-style-type:decimal;
}

ol.sidelist li{
color:#858585;
font-size:10px;
font-weight:bold;
line-height: 15px;
}
ol.sidelist li span{
color:#858585;
font-size:10px;
font-weight:normal;
}

.sidebar_shadow{
width:96%;
height: 10px;
background: #131718 url(images/sidebar_shadow.gif) repeat-x;
margin-top: 20px;
margin-bottom: 15px;
}

ol.linklist li a:link, ol.linklist li a:visited{
color:#858585;
font-size:10px;
font-weight:normal;
margin-bottom: 8px;
}

ol.linklist li a:hover, ol.linklist li a:active{
color:#4a8797;
font-size:10px;
font-weight:normal;
margin-bottom: 8px;
}

#Side_col h2{
color:#b9b09d;
font-size:12px;
}

/* Comments
------------------------------------------------------------------*/
.comment_title{
font-size:13px;
font-weight:bold;
color:#b9b09d;
line-height:20px;
}
.alt {
background-color: #131718;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding:6px 10px 4px 10px;
margin-bottom:6px;
}

.mycomment{
width:92%;
margin-left:20px;
background-color:#1d3238;
border-top: 1px solid #3c94ac;
border-bottom: 1px solid #3c94ac;
padding:6px 10px 4px 10px;
margin-bottom:6px;
color:#EDEDED;
background-image:url(images/ling_avatar.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:10px;
}

.small{
font-size:10px;
}

input.commentbox{
background: #241e17; border:1px solid #b9b09d; color:#b9b09d;
}

input.commentbutt{
border: 1px solid #3c94ac;
}

textarea.commentarea{
background: #241e17; border:1px solid #b9b09d; color:#b9b09d;
}

input:focus {background: #61c3da; color:#241e17; border:1px solid #241e17;}
textarea:focus {background: #61c3da; color:#241e17; border:1px solid #241e17;}


/* Archives
------------------------------------------------------------------*/

a.archive_link:link, a.archive_link:visited {
color:#b9b09d;
background-color: inherit;
text-decoration:none;
}

a.archive_link:hover, a.archive_link:active {
color:#4a8797;
text-decoration:none;
background-color: inherit;
}

.archive_shadow{
width:100%;
height: 5px;
background: #172124 url(images/archive_shadow.gif) repeat-x;
margin-top: 15px;
margin-bottom: 15px;
}