/*  
Theme Name: Blue Dream
Theme URI: http://vangardx.net/blog/blue-dream-wordpress-theme/ 
Description: This is 3 columns, widgetized and dark background. Please check <a href=http://vangardx.net/blog/blue-dream-wordpress-theme/>Blue Dream</a> blog post if you have any inquiry, problems and etc. that related to this theme.
Version: 0.1
Author: Syamsulariff
Author URI: http://www.syamsulariff.com
*/


body{background:#4088b5; color:#555; font-family:Verdana; font-size:80%; line-height:1.5; margin:15px 0 0 0; padding:0}
a{color:#2175bc; text-decoration:none}
a:hover{color:#ff7400}
img{border:0}
h1, h2{font-size:1.3em; font-family:"Century Gothic",verdana; font-weight:normal; letter-spacing:-1px}
h3{font-size:1em}
h4{font-size:1.2em}
h5{font-size:1.1em}
h6{font-size:1em}
#tabs{display:block; float:right; width:225px}
#tabs .menu-header, 
div.menu{font-size:14px; float:right; width:225px; color:#3b769a; margin-top:-4px}
#tabs .menu-header ul, 
div.menu ul{list-style:none; margin:0}
#tabs .menu-header li, 
div.menu li{float:center; position:center}
#tabs a{color:#3b769a; display:block; line-height:13px; padding:0 6px; text-decoration:none; margin-top:14px}
#tabs ul ul{box-shadow:0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2); display:none; position:absolute; top:80px; left:0; float:left; width:160px; z-index:99999}
#tabs ul ul li{min-width:160px}
#tabs ul ul ul{left:100%; top:0}
#tabs ul ul a{background:#586ad8; line-height:1em; padding:6px; width:160px; height:auto}
#tabs li:hover >a, 
#tabs ul ul:hover >a{background:#586ad8; color:#fff}
#tabs ul li:hover >ul{display:block}
#tabs ul li.current_page_item >a, 
#tabs ul li.current-menu-ancestor >a, 
#tabs ul li.current-menu-item >a, 
#tabs ul li.current-menu-parent >a{color:#fff}
* html #tabs ul li.current_page_item a, 
* html #tabs ul li.current-menu-ancestor a, 
* html #tabs ul li.current-menu-item a, 
* html #tabs ul li.current-menu-parent a, 
* html #tabs ul li a:hover{color:#fff}

#goosrc{width:270px; float:right; }

#navbar{width:340px; height:40px; float:right; text-transform:uppercase}

#page-bar{}

#page-bar ul{float:right; list-style:none; z-index:40}

#page-bar li{float:left; list-style:none; cursor:pointer; display:block}

#page-bar li:hover{background:inherit}

#page-bar a, #page-bar a:visited{margin:0px; padding-right:6px; padding-left:6px;         font-size:10px; color:#FFF; display:block}

#page-bar a:hover{text-decoration:none; display:block; background:#e8e8e8; color:#000; padding-top:2px; padding-bottom:2px; -moz-border-radius:7px; -webkit-border-radius:7px}

#page-bar li{float:left; margin:0px; padding:0px}

#header{background:url(/logogr.png) no-repeat; height:180px; margin:10px; width:930px}
#logo{margin:10px 0 0 10px; padding:5px 0 5px 0}
#logo h3{font-size:28px; font-weight:bold; letter-spacing:1px; line-height:1; margin:0; padding:0}
#logo h3 a{color:#ffe}
#logo h3 a:hover{color:#fff}
#logo p{color:#fff; font-weight:bold; margin:5px 0 0 0; padding:0}

#viddest{width:532px; height:511px; background:url(/viddest.png) no-repeat}

#jnetmedia{width:100%; height:25px; position:fixed; top:0; left:0; background-color:#000; padding-top:2px; text-align:center; border-bottom:1px solid #737373; z-index:40}
#jnetmedia a{color:#f4f4f4; text-decoration:none; border:none}
#jnetmedia img{vertical-align:middle; margin-right:4px; border:none}
#wrap{background-color:#fff; border:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; margin:17px auto 0 auto; padding:0; width:950px}
#contentwrapper{margin:0; padding:0; width:100%}
#content{float:left; padding:0 20px 10px 20px; width:540px; margin:0}
.subheader{color:#aaa; font-weight:bold; font-style:italic}
.entrytitle h2{font-size:15px; height:45px; margin:0}
.entrytitle h2 a{color:#555}
.entrytitle h2 a:hover{color:#58bbeb}
.entrytitle h3{color:#999; font-size:1.8em; line-height:1em; margin:0}
.entry{  -webkit-box-shadow:2px 2px 5px #999;   -moz-box-shadow:2px 2px 5px #999;   filter:shadow(color=#999,direction=135,strength=2); background:#f0f0f0; width:250px; height:300px; float:left; margin-right:10px; margin-bottom:1em; padding:5px; font-size:10px}
.entry blockquote{color:#666; margin:0 30px 20px 30px; padding:0 0 0 10px; border:2px solid #fff; border-left:2px solid #c3d9ff}
.imagen{margin-left:55px; width:134px; height:154px; text-align:center; background:url(/bgvid.gif) no-repeat; margin-bottom:10px}
.imagen img{margin-top:50px}

.imagen .play{display:none}

.imagen:hover .play{ margin-left:5px;  opacity:.8;  display:block;  position:absolute;  z-index:1}

.texto{text-align:justify}
.entrymeta{background-color:#ffffef; border:1px solid #f9f7ed; padding:3px}
.entrymeta img{vertical-align:text-top; padding-bottom:5px}
.navigation{padding-bottom:20px}
.navigation ul{margin:0; padding:0}
.navigation li{list-style-type:square; margin-left:18px}
.alignright{float:right}
.alignleft{float:left}
.centered{display:block; margin:0 auto}
#sidebar_main{float:left; margin:0 0 0 15px; padding:0 0 20px 0; width:330px; height:100%}
#sidebar_left{float:left; margin:0; padding-top:25px; width:175px}
#sidebar_right{float:left; margin-left:15px; padding-top:25px; width:135px}
.sidebar_full{float:left; margin-top:15px; width:330px}
.sidebar{font-size:0.95em}
.sidebar a{color:#09f}
.sidebar a:hover{color:#555}
.sidebar h2{color:#666; background-color:#fafafa; font-size:13px; font-family:verdana; text-align:left; margin:0; padding:0}
.sidebar ul{list-style-type:none; margin:0 0 15px 0; padding:0}
.sidebar ul li{background-color:#fff; border-bottom:1px dotted #ddd; margin-bottom:0.3em; padding:0.3em}
.sidebar ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
.sidebar ul li ul li{border:0}
.search fieldset{border:0; margin:0; padding:0}
.searchinput{border:1px solid #c3d9ff; padding:4px; width:125px}
.searchbutton{border:1px solid #c3d9ff; margin:0; padding:2px}
.commentsblock textarea{width:35em}
.commentsblock input, .commentsblock textarea{border:1px solid #d1d1d1}
.commentsblock textarea:focus{background:#eee; border:1px solid #a1a1a1}
.commentsblock textarea:focus, .commentsblock input:focus{background:#eee; border:1px solid #a1a1a1}
ol.commentlist{color:#666; list-style-type:none; margin:0; margin-top:1.5em; padding:0}
.commentlist li{margin-bottom:2em; padding:0.5em 1em}
.alt1{background:#f9f7ed; border:1px solid #f9f7ee; padding:0.5em; border-left:10px solid #cdeb8b}
.alt2{background:#f9f7ed; padding:0.5em; border:1px solid #f9f7ee; border-left:10px solid #c3d9ff}
h3#comments{font-size:1.6em}
.commentcount{float:right; font-size:20px; font-weight:bold}
.commentcount a{color:#ccc}
.commentcount a:hover{color:#999}
.commenttext{border-top:1px solid #ddd}
#footer{clear:both; color:#fff; margin:0 auto 0 auto; padding:5px 0 10px 0; text-align:center; width:950px}
#footer a{color:#fff}
.ddsg-sitemap ul{margin:0; padding:0}
.ddsg-sitemap ul li{font-weight:bold; list-style-type:none; margin:0; padding:0}
.ddsg-sitemap ul li ul{list-style-type:none; margin:15px; padding-left:20px}
.ddsg-sitemap ul li ul li{font-weight:normal; list-style-type:circle}