* { padding:0; margin:0; } /*global definition for padding and margin*/

html { height:101%; background-color:#000; }

body { font-size:100%; height:100%; }

h1, h2, h3, h4, h5 { font:normal 100%/100% 'Lucida Grande', verdana, sans-serif; color:#000; padding:0 0 5px 0; color:#F7F7F7; }
h1 { font-size:24px; line-height:100%; }
h2 { font-size:18px; line-height:100%; }
h3 { font-size:16px; line-height:100%; }
h4 { font-size:14px; line-height:100%; }
h5 { font-size:0.9em; line-height:100%; }

p, ol, ul, table, dl { font:normal 12px/150% 'Lucida Grande', verdana, sans-serif; padding:0 0 10px 0; color:#F7F7F7; }

a, a:visited { color:#000; text-decoration:underline; outline:none; /*removes dotted outline around links in FF*/ }
a:hover { color:#000; text-decoration:none; }

dl { padding:0 0 5px 10px; }
dt { font-weight:bold; }
dd { margin:0 0 5px 0; }

ol { padding:0 0 0 15px; }
ol li { padding:0 0 5px 0; }

ul { padding:0 0 0 20px; }
ul li { padding:0 0 5px 0; }

th { font-weight:bold; }
td { padding:3px 0; }

img { border:none; }
option{ margin-right:10px; }

#wrapper { width:1000px; margin:0 auto; padding-bottom:25px; }

#header { position:relative; }
#header .logolink { position:absolute; top:30px; left:0; z-index:10000; display:block; width:203px; height:64px; }

#content { background:url('/images/bg_content.gif') no-repeat 0 0; margin:0 0 25px 0; }
#content .left_col { width:200px; float:left; padding:22px 0 0 0; margin:0 11px 25px 0; }
#content .mid_col { width:492px; float:left; margin:0 12px 25px 0; padding:75px 0 0 0; }
#content .right_col { width:285px; float:left; margin:0 0 25px 0; padding:65px 0 0 0; position:relative; }
#content .right_col_full { width:788px; float:left; padding:75px 0 0 0; position:relative; }

#nav { margin:0 0 25px 0; }
#nav h1 {
	font:normal 24px/100% "lucida grande", arial, sans-serif;
	background:url('/images/nav_border.gif') no-repeat 0 100%;
	padding:0 0 18px 0;
	margin:0 0 8px 0;
	text-transform:lowercase;
}
#nav ul { list-style-type:none; padding:0; margin:0 0 10px 0; }
#nav ul li { font-size:13px; margin:0; padding:0; }
#nav ul li a, #nav ul li a:visited { display:block; padding:5px 0; color:#F7F7F7; text-decoration:none; }
#nav ul li a:hover { text-decoration:underline; }

#google_search { position:absolute; top:10px; right:0;}

#cse {float: right; margin: 5px 5px 0 0; padding: 0;}

#searchResults{
	width:750px;
	background:none;
}
#cse-search-results{
	width:750px; /*overflow:hidden;*/
}
.search_field {
	background: #323232 !important;
	height: 22px; 
	padding: 6px 0 0 5px; 
	width: 204px; 
	color:#FFF;
	border: 1px solid #6A6A6A;
	margin: 0;
	float: left;
	margin-top: 2px;
}

.search_button {
	border: none; 
	background-color: #858585; 
	color: #000; 
	width: 66px; 
	cursor: pointer; 
	height: 30px; 
	float: left;
	margin-top: 2px;
	margin-left:3px;
}
.gsc-clear-button {display: none;}
.gsc-branding {display: none;}

/************ styles for flickr box ************/
#flickr_badge_uber_wrapper { width:198px; overflow:hidden; border:1px solid #6A6A6A; margin:0 0 10px 0; }
#flickr_badge_wrapper { padding:6px; }
.flickr_logo img { display:block; margin:0 0 10px 8px; }
.flickr_photos { padding:0 0 0 8px; }
.flickr_badge_image { float:left; margin:0 10px 10px 0; border:1px solid #6A6A6A; }
.flickr_badge_image img { display:block; }
#flickr_badge_source { text-align:left; margin:0 10px 0 10px; }
#flickr_badge_icon { float:left; margin-right:5px; }
#flickr_badge_wrapper { background-color:#000000; border:solid 1px #000000}

/************ styles for twitter box ************/
#twitter_box { border:1px solid #6A6A6A; padding:6px; margin:0 0 10px 0; }
.twitter_logo img { display:block; margin:0 0 15px 0; }
#twitter_update_list { list-style-type:none; padding:0 5px; margin:0 0 10px 0; }
#twitter_update_list li { line-height:125%; border-bottom:1px solid #535252; margin:0 0 5px 0; }
#twitter_update_list li span { display:block; }
#twitter_update_list li a { color:#858585; }
#twitter_update_list li span a { color:#F7F7F7; }

/************ styles for flickr box ************/
#facebook_box { border:1px solid #6A6A6A; padding:6px; }
#facebook_box img { display:block; margin:0 0 10px 0; }
#facebook_box .desc { padding:0 0 10px 6px; }

/************ styles for newsletter box ************/
#newsletter_box { border:1px solid #6A6A6A; padding:6px; margin-bottom: 10px;}
.newsletter_formfield {width: 180px; margin-bottom: 4px;}
.btn_newsletter {
	background:url('/images/bg_nav.gif') repeat-x 0 0; 
	text-align:center; 
	font-size:13px; 
	margin:0; 
	padding:0; 
	border:1px solid #000;
	height: 35px;
	width: 186px;
	cursor: pointer;
	color: #FFF;
}
.btn_newsletter:hover {text-decoration: underline;}

/************ styles for section/advertisement pages ************/
.subsection_title { border-bottom:1px solid #5E5E5E; margin:0 0 20px 0; padding:0 0 6px 0; }
.subsection_title h3 { padding:0; }
.subsection_title p { float:right; padding:0; }
.subsection_title a, .subsection_title a:visited { text-decoration:none; color:#F7F7F7; }
.subsection_title a:hover { text-decoration:underline; }
.subsection_list { margin:0 0 65px 0; }
.subsection_list .ad_name { width:325px; float:left; }
.subsection_list .ad_name p { color:#000; }
.subsection_list .ad_name p a, .subsection_list .ad_name p a:visited { text-decoration:none; color:#F7F7F7; }
.subsection_list .ad_name p a:hover { text-decoration:underline; }
.subsection_list .ad_buttons { width:355px; float:right; padding:15px 0 0 0; }
.subsection_list .ad_buttons p { width:170px; float:right; }
.subsection_list .ad_buttons .first { margin-left:10px; }
.subsection_list .ad_buttons a, .subsection_list .ad_buttons a:visited { color:#F7F7F7; }
.subsection_select { position:absolute; top:20px; right:45px; font-size:14px; }

.advertisement_details { display:none; }
.advertisement_image { text-align:center; padding:65px 0; }

/************ styles for blog pages ************/
#comment_error { border:1px solid #900; padding:10px; }
#comment_notice { border:1px solid #CC9; background-color:#FFC; padding:5px; }

.single_post { margin:0 0 10px 0; border-bottom:1px solid #5E5E5E; }
.last_post { border:none; }

.post_title { padding:0 0 3px 0; }
.post_title a, .post_title a:visited { text-decoration:none; }
.post_title a:hover { text-decoration:underline; }
.post_date { color:#F7F7F7; float:left; }
.post_comments { float:left; padding:0 0 0 17px; background:url('/images/comment.png') no-repeat 0 50%; }

.floated_pic { float:left; margin:0 10px 0 0; }

.image_box { float:right; margin:0 0 15px 15px; padding:5px 5px 11px 5px; border:1px solid #D0CECE; width:240px; }
.image_box p { font-size:11px; padding:0; }

.comment_hdr {
	background:url('/images/comments.png') no-repeat 0 50%;
	padding:10px 0 10px 20px;
	margin:10px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #e5e5e5;
}
.comment_author { color:#333; padding:0; }
.comment_content { font-size:12px; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #999; }
.add_comment_hdr {
	background:url('/images/comments_add.png') no-repeat 0 50%;
	padding:10px 0 10px 20px;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #e5e5e5;
}
.comment_form { margin:0 0 0 30px; background-color:#F7F7F7; padding:25px 35px; color:#333; width:50%; }
.comment_form label { font-weight:bold; color:#000; }
.comment_form .comment_input { width:100%; }

.ss_thumbnail_index { float:left; margin-right:25px; margin-bottom:20px; }

/************ styles for video pages ************/
.video { margin:0 0 10px 0; }
h3.video_title { font-size:14px; padding:0 0 8px 0; }
h2.video_title { font-size:18px; padding:0 0 5px 0; }
.video_title a, .video_title a:visited { text-decoration:none; }
.video_title a:hover { text-decoration:underline; }
.video_date { padding:0; }

/************ styles for event pages ************/
.event { margin:0 0 15px 0; }
.event_date { font-size:14px; padding:0 0 2px 0; }
.event_date a, .event_date a:visited { text-decoration:none; }
.event_date a:hover { text-decoration:underline; }
.event_title a, .event_title a:visited { color:#F7F7F7; }

/************ styles for calendar/event pages ************/
#side_bar { float:right; margin-left:15px; }

.event_details { padding:10px 0 0 0; }

.event_submit { margin:0 0 0 10px; padding:10px 0 10px 20px; background:url('/images/calendar.png') no-repeat 0 50%; }

.download_link { float:left; padding:10px 20px; background-color:#CCC; }
.download_link a, .download_link a:visited { background:url('/images/arrow_down.png') no-repeat 0 75%; padding: 2px 0 2px 18px; }

#calendar_wrapper { background-color:#F7F7F7; padding:5px 10px; }
.calendar { font-size:10px; }
.calendar th {
	color:#8B786A;
	font-weight:normal;
	text-align:center;
	font-family:arial, sans-serif;
	padding:0;
}
.calendar td {
	margin:0;
	padding:0;
	text-align:center;
	width:26px;
	height:25px;
	font-family:arial, sans-serif;
}
.calendar h4 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-top:10px;
	font-size:16px;
}

a.monthNav {
	display:block;
	margin:0 auto;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #8B786A;
	background-color:#EBE4DC;
	color:#8B786A;
	text-decoration:none;
	line-height:20px;
}
a.monthNav:hover {background-color:#FFC; }

.monthName th h4 { text-align:center; font-size:14px; }
.monthName th h4 a { border:none; }

.dayName { text-align:center; }

a.otherMonth, a.day { 
	display:block; 
	line-height:25px;
	text-decoration:none;
	color:#000;
}
a.otherMonth:hover, a.day:hover { background-color:#8D8D8D; color:#F7F7F7; }
.otherMonth { color:#CCC; }

.otherMonth, .day, a:visited.day {
	padding:0;
	margin:0;
	border-right:1px solid #8B786A !important;
	border-bottom:1px solid #8B786A !important;
	text-align:center;
	width:26px;
	height:25px;
}

.busyDay, a.busyDay { background-color:#811C20; color:#F7F7F7; border:none; }

.today, a.today { border:none; }

/* for the single pixel border */
.topDay { border-top:1px solid #8B786A !important; }
.leftDay { border-left:1px solid #8B786A !important; }

/************ styles for notice/error divs ************/
#error, #notice, #success { width:90%; margin:0 auto 10px auto; padding:5px; border:2px solid #DDD; }
#error p, #notice p, #success p { margin-left:20px; padding:0; font-size:12px; color:#000; }
#error a, #notice a, #success a { text-decoration:none; padding:0 3px; }
#error a:hover, #notice a:hover, #success a:hover { color:#000; border:1px solid #000; }
#error { background-color:#FBE3E4; color:#8A1F11; border-color:#FBC2C4; }
#notice { background-color:#FFF6BF; color:#514721; border-color:#FFD324; }
#success { background-color:#E6EFC2; color:#264409; border-color:#C6D880; }
#error a { border:1px solid #8A1F11; color:#8A1F11; }
#notice a { border:1px solid #514721; color:#514721; }
#notice a.normal { border:none; text-decoration:underline; padding:0; }
#success a { border:1px solid #264409; color:#264409; }

/**************************************************
											CLASSES
**************************************************/
.clear { clear:both; }
.formfield { width:250px; font-size:16px; margin:0; padding:2px; }

.city_tabs { float:right; padding:2px 0 0 23px; background:url('/images/bg_tab-trans.png') no-repeat 0 2px; }
.city_tabs p { float:right; padding:0; margin:0; height:35px; font-size:13px; }
.city_tabs p.divider { background-color:#600003; line-height:35px; padding:0 8px 0 0; }
.city_tabs p a, .city_tabs p a:visited {
	display:block;
	background-color:#600003;
	color:#F7F7F7;
	line-height:35px;
	padding:0 15px 0 7px;
	text-decoration:none;
}
.city_tabs p a:hover { text-decoration:underline; }

.footer { text-align:center; color:#999; background-color:transparent; }
.footer a { color:#999; text-decoration:underline; }
.footer a:hover { text-decoration:none; }

.hint { color:#999; font-style:italic; } /*style for defaultValueActsAsHint method*/

.catchphrase { float:right; padding:10px 15px 0 0; }

.buttons p { width:225px; float:left; margin-right:6px; }
.buttons p.last { margin:0; }

.object_tags { color:#000; }
.object_tags strong { color:#F7F7F7; text-transform:uppercase; }

.btn_link { background:url('/images/bg_nav.gif') repeat-x 0 0; text-align:center; font-size:13px; margin:0; padding:0; border:1px solid #000; }
.btn_link a.big { line-height:48px; }
.btn_link a.rss { background:url('/images/rss.png') no-repeat 10px 5px; }
.btn_link a, .btn_link a:visited { display:block; line-height:35px; color:#C7C7C7; text-decoration:none; }
.btn_link a:hover { text-decoration:underline; color:#C7C7C7; }

.red { background:url('/images/bg_nav_red.gif') repeat-x 0 0; }

.box { background-color:#6a6a6a; margin:0 0 12px 0; position:relative; }
.box h1 {
	float:left;
	text-transform:lowercase;
	background:#000 url('/images/bg_box_h1.gif') no-repeat 100% 0;
	line-height:40px;
	padding:0 38px 0 10px;
	margin:0 0 22px 0;
}
.box .content { clear:both; padding:0 15px 15px 15px; }

.box .content h2.vlog { float:right; padding: 0 3px 10px 0; }



.city_photos img { float:left; margin:0 10px 0 0; display:block; border:1px solid #000; }

.city_photo { float:left; margin:0 15px 15px 0; border:1px solid #000; }
.city_photo img { display:block; }

.vlog_box { background-color:#CFAB7A !important; }
.vlog_box h1 { background:#000 url('/images/bg_vlog_box_h1.jpg') no-repeat 100% 0; }
#vlog_background { background:url(/images/vlog_filmstrip.jpg) no-repeat 0 0; padding:164px 0 0; position:relative;   }
p#wearing { position:absolute; color:#000; top:-40px; right:20px; width:329px; line-height:120%; font-size:11px; }
#vlog_center_content { background:url(/images/bg_vlog_center.jpg) no-repeat 0 0; padding:0 0 20px 158px; height:396px;}
#vlog_center_content h2, #vlog_center_content h3  { width:276px; color:#000 !important; }
#vlog_center_content p { width:276px; color:#000 !important; }
#vlog_center_content p a { color:#2E4973 !important; }
#h2_streetchic {  background:url(/images/h2_streetchic.jpg) no-repeat 0 0; padding:98px 0 0 0; width:190px; margin:0 0 25px -10px; }

.vlog_bios { float:left; width:325px; color:#000 !important; padding:0 0 68px 0; }
.vlog_bios h3 { color:#2E4973; padding-bottom:15px; }
.vlog_bios li { color:#000; }
#vlog_bio_left { padding:0 54px 0 20px;}
#vlog_footer { padding-top:25px; background:url(/images/bg_vlog_footer.jpg) no-repeat 0 0; padding-bottom:30px; }
.vlog_footer_block { float:left; text-align:center; width:210px; padding:0 20px; }
.vlog_footer_block h4 { color:#000; }
.vlog_footer_block ul { color:#000; }
.vlog_footer_block li a { color:#2E4973; }


.replacement { height:0px !important; display:block; overflow:hidden; }
.bigger_text { font-size:14px;}


/************ styles for tagged page ************/
.tagged_h2 { border-bottom:1px solid #CCC; margin:0 0 5px 0; }
.tagged_name { background-color:#FFC; font-style:italic; padding:0 5px; color:#000; }
.tagged_date { font-size:11px; line-height:200%; color:#333; padding:0; }
.tagged_tags { padding:0 0 25px 0; }
.tagged_photo { float:left; margin:17px 24px 22px 23px; }

/************ styles for pagination ************/
.pagination {
	font:normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding:3px;
	margin:3px;
	text-align:center;
}
.pagination a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #000;
	text-decoration:none;
	color:#000;
	font-size:1.0em !important;
}
.pagination a:hover, .pagination a:active { background-color:#600003; border:1px solid #600003; color:#FFF; }
.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #600003;
	font-weight:bold;
	background-color:#600003;
	color:#FFF;
}
.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	color:#999;
}
/************************/