/*  
Theme Name: Vanilla Sky
Theme URI: http://www.blogohblog.com
Description: A Premium Magazine Style WordPress theme released by <a href="http://www.blogohblog.com">Blog OH! Blog</a> for $89.99
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/
@charset "UTF-8";

/*
Color information
	Orange: f90
	Yellow: fc0
	Grey: d9d9d9
*/

/******Grid Framework Base******/

*{ margin:0;padding:0;}
option{ padding-left:0.4em;}
* html body *{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
html{height:100%;margin-bottom:1px;}
body{background:#fff !important; color:#000; font-size:100.01%; text-align:left;}
fieldset, img{ border:0 solid;}
li{ line-height:1.5em;}
dt{ font-weight:bold;}
dd{ margin:0 0 1em 2em;}
blockquote{ margin:0 0 1em 1.5em;}
#header{ position:relative;}
#topnav{ position:absolute;right:10px;text-align:right;top:10px;}
#header, #nav, #main, #footer{ clear:both;}
#col1{ float:left;width:200px;}
#col2{ float:right;width:200px;}
#col3{ margin:0 200px;width:auto;}
#col1{ z-index:3;}
#col2{ z-index:5;}
#col3{ z-index:1;}
#col1_content{ z-index:4;}
#col2_content{ z-index:6;}
#col3_content{ z-index:2;}
#col1_content, #col2_content, #col3_content{ position:relative;}
.hideboth #col3{ margin-left:0;margin-right:0;}
.hidecol1 #col3{ margin-left:0;margin-right:200px;}
.hidecol2 #col3{ margin-left:200px;margin-right:0;}
.hideboth #col1, .hideboth #col2{ display:none;}
.hidecol1 #col1{ display:none;}
.hidecol2 #col2{ display:none;}
.clearfix:after{ clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{ display:block;}
.floatbox{ overflow:hidden;}
#ie_clearing{ display:none;}
.subcolumns, .subcolumns_oldgecko{ overflow:hidden;width:100%;}
.subcolumns_oldgecko{ float:left;}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l{ float:left;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r{ float:right;margin-left:-5px;}
.c25l, .c25r{ width:25%;}
.c33l, .c33r{ width:33.333%;}
.c50l, .c50r{ width:50%;}
.c66l, .c66r{ width:66.666%;}
.c75l, .c75r{ width:75%;}
.c38l, .c38r{ width:38.2%;}
.c62l, .c62r{ width:61.8%;}
.subc{ padding:0 0.5em;}
.subcl{ padding:0 1em 0 0;}
.subcr{ padding:0 0 0 1em;}
.skip, .hideme, .print{ height:1px;left:-1000em;position:absolute;top:-1000em;width:1px;}
.skip:focus, .skip:active{ height:auto;left:0;position:static;top:0;width:auto;}

/******Base Content CSS******/

html *{ font-size:100.01%;}
textarea, pre, tt, code{ font-family:"Arial";}
body{ font-family:"Arial";font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#f90;font-family:"Century Gothic", Arial;font-weight:bold;margin:0 0 0.25em 0;}
h1{ font-size:22px;}
h2{ font-size:18px;}
h3{ background:url(images/h3.gif) left no-repeat;font-size:16px;height:25px;margin-bottom:10px;padding:4px 0 0 10px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;font-style:italic;}
p{ line-height:1.5em;margin:0 0 1em 0;}
ul, ol, dl{ line-height:1.5em;margin:0; padding:0; list-style:none;}
li{ line-height:1.5em;}
dt{ font-weight:bold;}
dd{ margin:0 0 1em 2em;}
cite, blockquote{ font-style:italic;}
blockquote{ margin:0 0 1em 1.5em;}
strong,b{ font-weight:bold;}
em,i{ font-style:italic;}
pre, code{ font-family:monospace;font-size:1.1em;}
acronym, abbr{ border-bottom:.1em dashed #c00;cursor:help;letter-spacing:.07em;}
.note{ background:#dfd;border-bottom:1px #bdb dotted;border-top:1px #bdb dotted;padding:1em;}
.important{ background:#ffd;border-bottom:1px #ddb dotted;border-top:1px #ddb dotted;padding:1em;}
.warning{ background:#fdd;border-bottom:1px #dbb dotted;border-top:1px #dbb dotted;padding:1em;}
.float_left{ display:inline;float:left;margin-bottom:0.15em;margin-right:1em;}
.float_right{ display:inline;float:right;margin-bottom:0.15em;margin-left:1em;}
.center{ margin:0.5em auto;text-align:center;}
a{ color:#1f497d;text-decoration:none;}
a:focus,
 a:hover,
 a:active{ color:#333333;}
#topnav{ color:#CCCCCC;font-size:11px;}
#topnav a{ background:transparent; text-decoration:none;}
#topnav a:focus,
 #topnav a:active{ background-color:transparent;text-decoration:underline;}
#topnav a:hover{}
#main-content {width: 712px; float: left;}

#main-content .link-archive {width: 195px; float: left; background: #efefef; padding: 10px;}
#main-content .link-archive a {text-decoration:none;}
#main-content .link-archive h2{ font-size: 16px; margin: -10px -10px 0 -10px; padding:4px 0 0 10px; background:#F90; color: #fff; height:25px; margin-bottom:10px;}
#main-content .link-archive ul{list-style-type:none;}
#main-content .link-archive ul li {font-style:normal;margin-top:10px;padding:0px;}
#main-content .link-archive ul li {border:0;list-style:url(images/recentposts.gif); margin:0px 5px 0 18px;padding:0 0 5px 0px;}
#main-content .link-archive p{padding:0 5px;}

#footer a{}
#footer a:focus,
#footer a:hover,
#footer a:active{}
 
/* Addthis */
.addthis_toolbox {margin-bottom: 10px; float: left; clear: left; width: 300px;}
.home .addthis_toolbox {float: none;}

/******Base Modifier******/

  body { background: #fff; padding: 0;  }
  #page_margins { margin: 0 auto; }
  #page_margins { width: 950px;  min-width: inherit; max-width: none; background: #fff; }
  #page { padding: 0px; }
  #header { position: relative; background: url(images/world-map.jpg) no-repeat; padding: 20px; height: 76px; color: #000; }
  #logo {float:left;}
  #logo img {position: absolute; left: 10px; top: -38px;}
  #logo h2 { font-weight:normal; font-size:2em; font-style: italic; text-shadow: 1px 1px 1px #000; margin: 0 0 0 454px; font-family:"Century Gotcic", Arial; color: #fff; margin-bottom:20px;}
  #topsearch {float:right;}
  
  /******Base Modifier******/
  .home h3 {background: #f90; color: #fff;}
  
  /**************** Search *********************/
.searchfield{width:11em; color: #333333;font:12px Arial;padding:3px 3px 3px 8px; border:1px solid #E8E8E8; border-top:1px solid #999999; border-left:1px solid #CCCCCC;}
h2.search {font-size: 16px; padding:4px 0 0 10px; background:url(images/h3.gif) left no-repeat; height:25px; margin-bottom:18px;}

  .logo {font-size:30px; font-family:Arial; text-transform:uppercase; text-indent: -999em;}
  .logo a, .logo a:link, .logo a:visited {text-decoration:none; color: #333333;}
  .logo a:hover {border-bottom:1px solid #CCCCCC;}
  #topnav { position:static; color: #444; background:#fff; left top no-repeat; padding: 15px 10px;} 
  #main { margin: 20px 0; background: #fff; overflow: hidden;}
  #footer { clear: both; padding: 10px 20px; border-top: 1px solid #ccc; margin: 10px 0; font-size:11px; }
  #main { padding: 0px;}
  .readmore a, .readmore a:link, .readmore a:visited  {padding:3px 5px 3px 5px; color: #fff; background-color: #494b52; text-decoration:none;}
  .readmore a:hover {color:#000; background-color:#fff;  text-decoration:none;}
  #subscribe {padding-top:5px; padding-left:10px; clear:both;}
  .options {background:url(images/bgrss.gif) no-repeat; height:79px;}
  #s2 {padding:2px 3px 2px 6px; width:8em; border:1px solid #EAEAEA; border-top:1px solid #999999;border-left:1px solid #D3D3D3;  font-family:Arial;}
  #subs {padding:2px 1px 1px 1px; font-family:Arial; background-color:#393C43; border:none; color:#fff; width:66px; margin-left:3px;}
  #subs:hover {background-color:#000;}
  .recentcomments {list-style:none; text-transform:capitalize; font-weight:bold; color: #000000;}
  .recentcomments li {display:block; background:url(images/recentcomment.gif) no-repeat; padding:20px 10px 18px 10px; margin-top:2px;}
  .recentcomments a {text-decoration:none; font-weight:normal; font-style:italic; color:#000000;}
  .recentcomments a:hover { text-decoration:underline; color:#000000;}
  #popular li{padding:5px 5px 3px 8px; background:#EFEFEF url(images/corner1.gif) bottom right no-repeat; margin-top:5px; color: #333333; list-style:none;}
  #featured {list-style:none;}
  #featured li{padding:5px 5px 3px 5px; height:82px; background:#EFEFEF url(images/corner1.gif) bottom right no-repeat; margin-bottom:12px; color: #333333;}
  .popreadmore a, .popreadmore a:link, .popreadmore a:visited {font-size:11px; color: #333333; padding:0px 3px 0px 13px; margin-left:3px; background:url(images/comment.gif) left no-repeat; font-weight:bold; text-decoration:none;}
  .popreadmore a:hover {color:#006699;} 
  .popular a, .popular a:link, .popular a:visited, .popular a:active {text-decoration:none; color: #000; text-transform:capitalize; padding-left:15px; background:url(images/star.gif) left no-repeat; }
  .popular a:hover { color:#006699;}
  .latest a, .latest a:link, .latest a:visited, .latest a:active { font-size:15px; text-decoration:none; color: #000; text-transform:capitalize; }
  .latest a:hover { color: #666666;}
    .featured a, .featured a:link, .featured a:visited, .featured a:active {text-decoration:none; color: #000; padding-left:15px; background:url(images/featured.gif) left no-repeat; }
  .featured a:hover { color:#006699;}
  .recentposts li {list-style: url(images/recentposts.gif); margin:5px 0px 0px 20px;}
  .recentposts a {text-decoration:none; color: #666666;}
  .flickr img {padding:5px; margin:6px 7px 7px 7px; border:1px solid #CCCCCC;}
  .flickr img:hover {background:#516C7C;}
  .thumbm {float:left; margin:0 8px 0 0; }
  .date {font-size:12px; color: #666666; padding:5px 0px 5px 10px; background-color:#eeeeee; margin-bottom:10px;margin-top:10px;}
  #latestpost {height:240px; overflow:auto; padding:10px;}
  .meta {margin-bottom:10px; font-size:11px; background:url(images/comment.gif) left no-repeat; padding-left:13px; font-weight:bold;}
  .cats {font-size:11px; padding:5px 0px 5px 10px; background-color:#eeeeee;font-weight:bold;}
  .bottom {padding-top:10px;}
  .tags { margin:auto;text-align:center; padding:20px 0px 35px 0px; background:url(images/clouds.gif) left no-repeat;border:1px double #EAEAEA; border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; margin-bottom:15px;}
  .tagsinner {margin:auto;width:600px;}
  .tags a{color: #999999; text-decoration:none; font-weight:bold; padding:0px 5px 0px 5px;font-family:Century Gothic;}
  .latcontent {height:160px;}
  .tags a:hover {background-color:#CEE6E6; color: #333333;}
  .pagepost { text-align: justify; background: #efefef; margin-bottom: 10px; padding: 20px; overflow: hidden;}
  .pagepost p {margin-bottom:20px;}
.pagepost ul, .pagepost ol  {margin:20px;}
.pagepost ul li, .pagepost ol li {margin:5px; background:url(images/date.png) 0px 5px no-repeat; padding-left:25px; list-style:none;}
.pagepost h1, .pagepost h2, .pagepost h3, .pagepost h4, .pagepost h5, .pagepost h6 {margin-bottom:20px;}
.alignleft {float:left; margin:0 15px 0 0;}
.alignright {float:right; margin:0 0 0 15px;}
.pagepost blockquote { margin:0 0 0 30px; padding:10px 10px 5px 40px;background:url(images/q_O.png) left top no-repeat}
.pagepost blockquote p { background:url(images/q_C.png) right bottom no-repeat; padding-right:30px;}

#sidebar {width:215px; float:right;}
#sidebar .widget {margin-bottom: 10px; padding:10px; background: #efefef;}
#sidebar .widgettitle {margin: -10px -10px 0 -10px}
#sidebar a {text-decoration:none;}
#sidebar h2{font-size: 16px; padding:4px 0 0 10px; background:#f90; color:#fff; height:25px; margin-bottom:10px;}
#sidebar ul{list-style-type:none;}
#sidebar ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar ul li ul li{border:0;list-style:url(images/recentposts.gif); margin:0px 5px 0 18px;padding:0 0 5px 0px;}
#sidebar p{padding:0 5px;}
#sidebar #quoterotator {margin: 10px}
 
#MainMenu{background: #f90; color: #fff; border:0; height:31px; margin:8px 0 0 0; clear:both;}
#MainMenu ul{float:left;list-style:none;margin:0;padding:0;}
#MainMenu li{display:inline;float:left;margin:0;padding:0;}
#MainMenu a{border:0;display:block;float:left;margin:0;padding:0;text-decoration:none;color:#FFFFFF;display:block;font-family:Arial, Helvetica, sans-serif;font-size:1.1em;font-weight:bold;line-height:31px;padding:0 25px 0 25px;}
#MainMenu a:hover,
#MainMenu li.current_page_item a,
#MainMenu li.current_page_parent a {background: #fc0; color:#FFFFFF;font-style:normal;font-weight:bold;text-decoration:none;}

#SubMenu{background-color:#efefef;border:0;height:31px; margin:0;}
#SubMenu a {float:left; line-height: 31px; padding:0 25px; color: #666; font-weight:bold;}
#SubMenu a:hover ,
#SubMenu li.current_page_item a {color: #000;}


/**************** avatar *********************/
.gravs {margin-top:5px; padding-top:10px;}
.avatar {float:left; margin-right:5px; padding:1px; border:1px solid #999999; display:block;}
.cominfo {background:url(images/cominfo.gif) no-repeat; height:53px; padding-left:12px; padding-top:10px;}

#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada;  width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { padding-left:50px; color: #333333;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

#main-slider {margin-bottom: 15px;}
#main-slider .sliderwrapper * {color: #fff;}
#main-news {float: left; width: 497px;}
#main-news h2{ font-size: 16px; padding:4px 0 0 10px; background:#F90; color: #fff; height:25px; margin-bottom:0px;}
.sliderwrapper{position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom:0;
padding:0px 5px 0 5px;
width: 702px; /*width of featured content slider*/
height: 240px;
/* background: #393C43 url(images/grad.jpg) repeat-x; */
background: #a6a6a6;
font-size: 1.3em;
font-family: "Century Gothic", Arial, sans-serif;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 20px;
/* background: #393C43 url(images/grad.jpg) repeat-x; */
background: #384E7B;
text-shadow: 1px 1px 1px #000;
color:#E6E6E6;
width: 672px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

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

.pagination{
width: 704px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
border-top:0;
background:url(images/bottom-slideshow.jpg) top no-repeat;
height:27px;
padding:5px 4px 0 4px;
}

.pagination a{
padding: 0 6px;
margin-right:5px;
font-size:11px;
text-decoration: none; 
color: #000;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color:#fff;
}

.ssimage {float:left; margin-right:15px;}

.download-archive {float: right; border: 1px solid #ccc; padding: 10px 0 15px 15px; width: 175px; background: #f5f5f5;}
.download-archive h3 {background: none; color: #000; font-size: 1.2em; margin:0; padding: 0;}
.download-archive ul {margin: 0;}
.download-archive ul li {background: none; padding: 0; list-style: disc inside;}
.dlm_download_list {margin: 0 0 15px 0 !important;}
.dlm_download_list li{background: none !important; padding: 0 !important;}