/*  
Theme Name: PersonalMag
Theme URL: http://www.wpthemedesigner.com
Author: ChiQ Montes
Author URL: http://www.wpthemedesigner.com
Description: 3 Column wordpress theme designed by <a href="http://www.wpthemedesigner.com">ChiQ Montes</a>.
*/

* {margin:0; padding:0;}
body { background:#FFFFFF; color:#808080; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

a {color:#124f8c; text-decoration:none;}
.c {clear:both;}
.clear {clear:both;}

#menu_wrap { background:url(images/menu_bg.gif) repeat-x; width:100%; overflow:hidden;}
#menu {	width:1000px;margin:0 auto;}
#menu ul { list-style-type:none;}
#menu li { float:left;text-align:center; width:69px; height:28px; padding:10px 5px 0 5px; margin-right:2px; position:relative}
.move_bg { background:url(images/menu_bg_hover.gif); color:#fff;width:79px;	height:38px;}
.move_btn {	background-color:#999999; color:#fff; width:79px; height:28px; padding-top:10px; filter:alpha(opacity=0); opacity:0; zoom:1;}
.move_txt {	cursor:pointer;	padding-top:10px; color: #fff; height:1px;}
.move_txtFrame { cursor:pointer; display:none; width:79px; height:38px; color: #fff; }


#header_wrap { width:100%; height:117px; border-bottom:1px solid #e1e1e1;}
#header { height:117px; width:1000px; margin:0 auto; position:relative;}
#header h1 {position:absolute; top:32px; left:30px;  font-size:30px;}
#header h1 a { font-weight:normal;}
#header h2 {position:absolute; top:72px; left:30px; font-size:14px;}
#rss { position:absolute; width:100%; height:122px; top:-5px;right:15px; background:url(images/header_book.jpg) no-repeat right center;}

#main {width:1000px; margin:0 auto; background:url(images/main_bg.gif);}
#content {float:left; width:534px;}
#sidebar {float:right; width:466px;}

.post {margin:10px 0 20px 11px;}
.post h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}
.post h3 a { font-weight:bold; color:#808080;}
.post h3 a:hover {color:#124f8c; }
.post .meta { padding-bottom:7px; font-size:12px;}
.post .meta p { float:left; padding:0 0 0 15px; background:no-repeat left center;}
.post .meta .date { background-image:url(images/icon_post_date.gif); margin:0 40px 0 2px; padding:0px 0 0 17px;}
.post .meta .comments { background-image:url(images/icon_post_comment.gif);}
.post .meta .author { background-image:url(images/icon_post_author.gif); margin:0 40px 0 0;}
.post .meta .tags { background-image:url(images/icon_post_tag.gif);}
.post .meta .cats { background-image:url(images/icon_list_categories.gif); margin-right:12px}
.post .meta .tags  a {color:#808080; text-decoration:none}
.post .meta .tags  a:hover {color:#808080; text-decoration:none}
.post .meta .cats  a {color:#808080;}
.post .text {padding:5px 20px 5px 3px;}
.post .text p { text-align:justify; margin-bottom:12px; line-height:18px}
.post .text ul, .post .text ol { margin:0 0 0 35px;}
.post .text li { padding:5px 5px;}

.post blockquote, .post code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}
.post code { border-style:solid;}


#comments h4 {color:#124f8c; margin:0 0 10px 0; font-size:14px;} #comments h4 span {color:#333333;}
#comments .comment { background:url(images/comment_bg.gif) repeat-x; min-height:111px; _padding-bottom:30px; width:465px; margin:0 0 20px 0; border-bottom:1px dotted #bcbcbc; border-top:1px dotted #bcbcbc;}
#comments .comment .meta { padding:15px 15px 5px 15px; font-size:12px; }
#comments .comment .author {float:left;}
#comments .comment .author a {font-weight:bold; font-size:12px;}
#comments .comment .date {float:right;}
#comments .comment .text { font-size:12px; color:#333333; padding:10px 20px;}

#commentform td  { padding:7px 0;}
#commentform input { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:200px;}
#commentform input.submit { border:none; background:#FFFFFF; width:57px; height:40px;}
#commentform textarea { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:270px; height:135px;}

#sidebar .left {width:200px; float:left; padding:5px 0 20px 15px;}
#sidebar .right {width:200px; float:left; padding:5px 0 20px 36px;}

.widget {margin:0 0 10x 0;}
.widget p { padding:2px; }
.widget h4 { text-transform:uppercase; color:#124f8c; font-size:12px; font-weight:normal; border-bottom:1px dotted #bcbcbc; padding:10px 0 5px 0; }

.widget ul { list-style-type:none;}
.widget li { padding:7px 0 7px 15px; border-bottom:1px dotted #bcbcbc; background:no-repeat left center; line-height:15px}
.widget li a { font-size:12px; color:#808080; }
.widget li a:hover {color:#124f8c; }

.widget.recommend {width:200px;height:243px;}
*+html .widget.recommend {width:200px;height:246px;}
.widget.recommend img{border: 1px solid #ccc;margin: 0;padding: 4px;margin: 11px 10px 5px 0;}
.widget.recommend p{line-height:17px;}
.widget.pages li { background-image:url(images/icon_list_pages.gif);}
.widget.categories li { background-image:url(images/icon_list_categories.gif);}
.widget.blogroll li { background-image:url(images/icon_list_blogroll.gif);}
.widget.posts li { background-image:url(images/icon_list_posts.gif);}
.widget.comments li { background-image:url(images/icon_list_comments.gif);}
.widget.archives li { background-image:url(images/icon_list_archives.gif);}
.widget.meta li { background-image:url(images/icon_list_meta.gif);}

.widget.tags { text-align:justify; width:200px; overflow:hidden;}
.widget.tags p { padding:10px 0 5px 0; border-bottom:1px dotted #bcbcbc;line-height:21px;font-size:12px}
.widget.tags a {color:#808080; }
.widget.tags a:hover {text-decoration:underline}
.widget.search table{ margin:10px 0 0 0;}
.widget.search input { border:1px solid #ccc; height:19px;}
.widget.search .s_input {border-right:none; width:150px; color:#808080; font-size:12px; padding:2px 0 0 2px; height:17px}

#footer_wrap {width:100%; padding:10px 0; margin-bottom:20px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; background:#FFFFFF;}
#footer { text-align:center; margin:0 auto; width:100%; font-size:12px;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 0px 15px 7px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px; font-size: 11px;}
.Nav a:hover { padding: 1px 6px; text-decoration: none;}
.Nav span { padding: 1px 6px; color:#666; }
.Nav .on { padding: 1px 6px; font-size: 11px; color:#fff; background:#3d6fb3}

.size-medium{
	border: 0;
}

.stripViewer								{ position: relative; overflow: hidden; width: 200px; height: 225px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 200px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }


#s3slider { 
   width: 200px; /* important to be same as image width */ 
   height: 135px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 200px; /* important to be same as image width or wider */
   height: 135px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   /*padding: 10px 13px;*/
   width: 200px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 8px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#s3slider ul { list-style-type:none;}
#s3slider li { padding:0px;border:0}